.oracle{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.oracle-shell{aspect-ratio:2/3;filter:drop-shadow(0 1px 1.5px #3c230a29);width:100%;position:relative;container-type:inline-size}.oracle-shell__svg,.oracle-shell__shade{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.oracle-shell__shade{pointer-events:none;mix-blend-mode:multiply}.oracle-shell__thickness{stroke:#50321273;stroke-width:.4px}.oracle-shell__break-face{fill:#e9d9b6;stroke:#78562c59;stroke-width:.3px}.oracle-shell__edge{fill:none;stroke:#68441e80;stroke-width:.45px}.oracle-shell__wear{fill:none;stroke:#623c1652;stroke-width:4px}.oracle-shell__rim-stains circle{fill:#6b3f16}.oracle-shell__break{fill:none;stroke:#f5ecd8;stroke-width:.8px;stroke-linejoin:bevel;opacity:.8}.oracle-shell__specks ellipse{fill:#4a2c10}.oracle-shell__flecks ellipse{fill:#fbf4e4}.oracle-shell__seams path{fill:none;stroke:#4a240a8c;stroke-width:.45px;stroke-linecap:round;stroke-linejoin:round}.oracle-shell__seams .oracle-shell__seam--major path{stroke:#3c1c08b8;stroke-width:.6px}.oracle-shell__seams .oracle-shell__lip,.oracle-shell__seams .oracle-shell__seam--major .oracle-shell__lip{stroke:#fff8e899;stroke-width:.55px;transform:translate(.4px,.5px)}.oracle-shell__cracks path{fill:#3a1d08;fill-opacity:.72}.oracle-shell__crack-lips path{fill:#fff6e2;fill-opacity:.7;transform:translate(.35px,.45px)}.oracle-shell__cracks .oracle-shell__hairline{fill:none;stroke:#38200c73;stroke-width:.28px;stroke-linecap:round}.oracle-shell__scroll{position:absolute;inset:0;overflow:auto hidden}.oracle-shell__text{height:100%;width:calc(100% * var(--track-k,1));--glyph-size:28;position:relative}.oracle-glyph{left:var(--x,50%);top:var(--y,50%);width:1.08em;height:1.08em;font-size:calc(var(--glyph-size) * 100cqw / 200);transform:translate(-50%, -50%) scale(var(--sx,1), var(--sy,1));transform-origin:50%;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;transition:left .35s cubic-bezier(.2,.7,.2,1),top .35s cubic-bezier(.2,.7,.2,1),font-size .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute}.oracle-glyph__char{color:#3a230f;opacity:.92;text-shadow:.4px .6px #fff7e4bf,-.3px -.4px #3c220a59,0 0 1.2px #3a200a59;transition:color .15s ease-out;animation:.55s steps(9,end) both oracle-carve;display:block}.oracle-glyph__scratch{opacity:0;pointer-events:none;width:128%;height:128%;transition:opacity .18s ease-out;position:absolute;inset:-14%;overflow:visible;transform:rotate(-6deg)}.oracle-glyph__scratch path{fill:none;stroke:#3a1d08b8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.oracle-glyph__scratch-lip{transform:translate(1.3px,1.6px)}.oracle-glyph__scratch .oracle-glyph__scratch-lip path{stroke:#fff6e2b3;stroke-width:1.6px}.oracle-glyph:hover .oracle-glyph__scratch{opacity:.35}.oracle-glyph--highlighted .oracle-glyph__scratch{opacity:1;transition:none}.oracle-glyph--highlighted .oracle-glyph__scratch path{stroke-dasharray:1;animation:scratch-draw .42s ease-out var(--scratch-delay,0s) both}.oracle-glyph--highlighted .oracle-glyph__scratch path:nth-child(2){animation-delay:calc(var(--scratch-delay,0s) + .3s)}.oracle-glyph--fresh{--scratch-delay:.55s}@keyframes scratch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes oracle-carve{0%{clip-path:inset(0 0 100%);opacity:.5}75%{clip-path:inset(-10% -10% 0);opacity:1}to{clip-path:inset(-10%);opacity:1}}.oracle__caption{color:#0009;flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.3;display:flex}.oracle__caption-en{text-transform:uppercase;letter-spacing:.08em;font-size:10px}@media (prefers-reduced-motion:reduce){.oracle-glyph{transition:none}.oracle-glyph__char,.oracle-glyph--highlighted .oracle-glyph__scratch path{animation:none}}
.container{--cell:30px;--rows:9;--min-cols:6;--pad-x:12px;--pad-y:18px;--column-h:calc(var(--cell) * var(--rows));--panel-w:calc(var(--min-cols) * var(--cell) + 2 * var(--pad-x));box-sizing:border-box;flex-direction:column;justify-content:center;max-width:1040px;min-height:100svh;margin:0 auto;padding:88px 16px 56px;display:flex}.stage{flex-flow:row-reverse wrap;justify-content:center;align-items:flex-start;gap:32px 36px;display:flex}.panel{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;margin:0;display:flex}.panel--shell{width:var(--panel-w)}.panel--shell>.oracle{align-self:stretch}.panel__surface{position:relative}.horizontal-scroll{overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.horizontal-scroll::-webkit-scrollbar{display:none}.panel__surface.horizontal-scroll{box-sizing:border-box;width:var(--panel-w)}.panel-caption,.oracle__caption{-webkit-user-select:none;user-select:none}.panel-caption{color:#0009;flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.3;display:flex}.panel-caption__en{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.common-text{white-space:pre-wrap;word-break:break-word;line-height:var(--cell);font-variant-east-asian:full-width;font-feature-settings:"fwid";letter-spacing:0;background:0 0;border:none;outline:none}.input-container{writing-mode:vertical-rl;height:var(--column-h);width:calc(var(--cols-paper,var(--min-cols)) * var(--cell));box-sizing:border-box;position:relative}.input-mirror{isolation:isolate;writing-mode:vertical-rl;width:100%;height:100%;font-size:var(--cell);pointer-events:none;color:#15120f;text-shadow:0 0 .6px #14100c8c,0 0 2.5px #28201824;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;line-height:var(--cell);z-index:1;position:relative}.input-mirror__text{z-index:1;flex-wrap:wrap;align-content:flex-start;height:100%;display:flex;position:relative}.mirror-char{width:var(--cell);height:var(--cell);flex:0 0 var(--cell);justify-content:center;align-items:center;display:inline-flex}.mirror-char--newline{flex-basis:100%;width:0}.mirror-char--selected{background:#c0392b24}.mirror-char--board-hover{background:linear-gradient(90deg,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to bottom right,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to bottom left,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border-radius:2px;box-shadow:inset 0 0 0 1px #dc505059}.textarea-char-highlight.textarea-char-highlight--hidden{display:none}.input-area,.input-area::selection,.input-area::placeholder{writing-mode:vertical-rl;font-size:var(--cell);line-height:var(--cell);resize:none;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;z-index:2;color:#0000;caret-color:#0000;background:0 0;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}textarea.input-area{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Source Han Sans SC,Microsoft YaHei,sans-serif}textarea.input-area::-webkit-scrollbar{display:none}.textarea-char-highlight{pointer-events:none;z-index:-1;transform:translate(var(--caret-x,0px), var(--caret-y,0px));width:var(--caret-w,32px);height:var(--caret-h,32px);opacity:.55;background:linear-gradient(90deg,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to bottom right,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(to bottom left,#0000 calc(50% - .5px),#dc505040 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border-radius:2px;transition:transform .1s ease-out,width .1s ease-out,height .1s ease-out,opacity .2s ease-out;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #dc505059}.input-container:focus-within .textarea-char-highlight{opacity:1;animation:1.1s ease-in-out infinite grid-blink}@keyframes grid-blink{0%,45%{opacity:1}60%,85%{opacity:.2}to{opacity:1}}.output-area{font-size:var(--cell)}.char-grid{--cell-size:var(--cell);writing-mode:vertical-rl;height:var(--column-h);width:calc(var(--cols,var(--min-cols)) * var(--cell));flex-wrap:wrap;align-content:flex-start;gap:0;padding:0;display:flex}.char-grid--stone{--cols:var(--cols-stone,var(--min-cols))}.char-grid--jiaguwen{--cols:var(--cols-jiaguwen,var(--min-cols))}.char-grid>.char-break{flex-basis:100%;width:0;height:0}.char-box{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;text-align:center;justify-content:center;align-items:center;line-height:1;display:inline-flex}.char-inner{display:block}.char-inner--jiaguwen{transform:translateY(.02em)}.char-inner--xiaozhuan{transform:translateY(.135em)}.char-box--empty{color:#0000}.char-box--interactive{cursor:pointer;border-radius:2px;transition:background .15s ease-out,box-shadow .15s ease-out;position:relative}.char-box--highlighted:after{content:"";pointer-events:none;border:1.5px solid #0000008c;border-radius:46% 54% 52% 48%/56% 44%;animation:.22s ease-out both char-ring-in;position:absolute;inset:-2px -1px;transform:rotate(-9deg)}@keyframes char-ring-in{0%{opacity:0;transform:rotate(-30deg)scale(.82)}}.placeholder{opacity:.3}.keyboard{--mouse-x:0px;--mouse-y:0px;--kb-width:600px;--kb-height:200px;--key-w:28px;--key-h:calc(var(--key-w) * 8 / 7);--key-font:calc(var(--key-w) * .64);flex-direction:column;align-items:center;width:100%;max-width:640px;margin:40px auto 0;padding:0;display:flex;position:relative}.keyboard-row{justify-content:center;gap:2px;margin-bottom:2px;display:flex}.keyboard-row:nth-child(2){padding-left:10px}.keyboard-row:nth-child(3){padding-left:20px}.keyboard-row:nth-child(4){padding-left:30px}.keyboard-row:last-child{margin-bottom:0}.keyboard-key{width:var(--key-w);height:var(--key-h);font-family:inherit;font-size:var(--key-font);color:#0000009e;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;font-weight:400;transition:background .15s ease-out,color .15s ease-out;display:flex;position:relative}.keyboard-key:after{content:"";background-image:radial-gradient(150px circle at calc(var(--mouse-x) - var(--key-x,0px)) calc(var(--mouse-y) - var(--key-y,0px)), #00000038 0%, #00000014 45%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:4px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.keyboard-key:hover{color:#000c;background:#00000008}.keyboard-key:active{background:#0000000f}.keyboard-row--numbers{margin-bottom:8px;padding-bottom:0;padding-left:0!important}.keyboard-row--bottom{align-items:center;gap:10px;margin-top:6px;padding-left:0;display:flex;position:relative}.keyboard-arrows{align-items:center;gap:2px;display:flex}.keyboard-key--delete{font-family:system-ui,sans-serif;font-size:calc(var(--key-font) * .9);color:#00000080}@media screen and (max-width:640px){.common-text{margin:0;padding:0}.keyboard{--key-w:min(28px, calc((100vw - 32px - 30px - 20px) / 11));max-width:100%;margin-top:28px}}.key-hint{width:var(--key-w);height:var(--key-h);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:var(--key-font);filter:grayscale()contrast(1.7)brightness(.72);mix-blend-mode:multiply;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;transition:opacity .18s ease-out;display:flex;position:absolute;top:0;left:calc(100% + 10px)}.key-hint--visible{opacity:.85;animation:.18s ease-out key-hint-in}.key-hint--leaving{animation:.18s ease-out forwards key-hint-out}@keyframes key-hint-in{0%{opacity:0}}@keyframes key-hint-out{0%{opacity:.85}to{opacity:0}}.ink-bloom{opacity:0;pointer-events:none;background:radial-gradient(circle,#18100a66 0%,#18100a29 40%,#0000 68%);border-radius:47% 53% 44% 56%/52% 46% 54% 48%;width:150%;height:150%;animation:.65s ease-out ink-bloom;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25)}@keyframes ink-bloom{0%{opacity:.9;transform:translate(-50%,-50%)scale(.25)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)rotate(12deg)}}.mirror-char{animation:.5s ease-out ink-in}@keyframes ink-in{0%{opacity:.15;filter:blur(1.4px)}}@media (prefers-reduced-motion:reduce){.ink-bloom,.mirror-char{animation:none}.key-hint,.key-hint--visible,.key-hint--leaving{transition:none;animation:none}.key-hint--leaving{opacity:0}}.char-box--missing{outline-offset:-5px;outline:1px dashed #0003}.keyboard-key:focus-visible{outline-offset:2px;outline:2px solid #b44646b3}.stage{--tex-stone-relief:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.032' numOctaves='5' seed='8' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%236a6054' surfaceScale='2.8' diffuseConstant='1'%3E%3CfeDistantLight azimuth='235' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stone-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='420'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.007 0.016' numOctaves='3' seed='14' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.02  0 0 0 0 0.02  0 0 0 0 0.02  1.8 0 0 0 -0.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stone-bloom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='300'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.014 0.03' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.53  0 0 0 0 0.5  0.7 0 0 0 -0.36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stone-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.86  0 0 0 0 0.84  0 0 0 0 0.8  1.9 0 0 0 -1.42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stone-pits:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.16' numOctaves='2' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.8  0 0 0 0 0.78  0 0 0 0 0.74  7 0 0 0 -5.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stone-wear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -3 0 0 0 2.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-paper-fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.04 0.055' numOctaves='3' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.48  0 0 0 0 0.37  -11 0 0 0 0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-paper-fiber-pale:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.07 0.085' numOctaves='2' seed='31' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 0.98  -14 0 0 0 0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-paper-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='460'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.66  0 0 0 0 0.6  0 0 0 0 0.48  0.9 0 0 0 -0.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' seed='6' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.4  0 0 0 0 0.32  1.6 0 0 0 -0.92'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}.panel--stone .panel__body{filter:drop-shadow(0 1px 1px #00000040)drop-shadow(0 10px 16px #0000002e)}.panel__surface--stone{padding:var(--pad-y) var(--pad-x);color:#f2e9d8;background-color:#4a4138;background-attachment:local;background-image:var(--tex-stone-pits), var(--tex-stone-grain), var(--tex-stone-bloom), var(--tex-stone-ink), radial-gradient(ellipse at 22% 18%, #ffffff0f, transparent 55%), radial-gradient(ellipse at 80% 85%, #140c0642, transparent 60%), var(--tex-stone-relief);clip-path:polygon(0 3px,3px 0,calc(100% - 4px) 0,100% 2px,100% calc(100% - 4px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 2px));background-size:260px 260px,180px 180px,420px 300px,480px 420px,100% 100%,100% 100%,320px 320px;border-radius:1px;box-shadow:inset 1px 1px #ffffff12,inset -1px -2px #00000080,inset 0 0 26px #0000008c}.char-grid--stone .char-inner{-webkit-mask-image:var(--tex-stone-wear);-webkit-mask-image:var(--tex-stone-wear);mask-image:var(--tex-stone-wear);text-shadow:0 0 .6px #fffaf059;opacity:.94;-webkit-mask-size:60px 60px;mask-size:60px 60px}.char-grid--stone .char-box--missing{outline-color:#ffffff38}.char-grid--stone .char-box--highlighted:after{border-color:#eee4cecc;box-shadow:0 0 6px #eee4ce1f}.panel--paper .panel__body{filter:drop-shadow(0 1px .5px #46371e2e)drop-shadow(0 8px 14px #46371e1f)}.panel__surface--paper{--frame-x:calc(var(--pad-x) - 5px);--frame-y:calc(var(--pad-y) - 7px);--frame-rule:linear-gradient(#b23e2c4d, #b23e2c4d);padding:var(--pad-y) var(--pad-x);background-color:#f0e5cf;background-image:var(--frame-rule), var(--frame-rule), repeating-linear-gradient(to left, #b23e2c3d 0 1px, transparent 1px var(--cell)), var(--tex-paper-fiber-pale), var(--tex-paper-fiber), var(--tex-paper-grain), var(--tex-paper-cloud), radial-gradient(ellipse at 50% 40%, #fffaee73, transparent 70%);background-size:calc(100% - 2 * var(--frame-x)) 1px, calc(100% - 2 * var(--frame-x)) 1px, auto, 220px 220px, 280px 280px, 160px 160px, 460px 460px, 100% 100%;background-repeat:no-repeat,no-repeat,repeat-x,repeat,repeat,repeat,repeat,no-repeat;background-origin:padding-box,padding-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-position:var(--frame-x) var(--frame-y), var(--frame-x) calc(100% - var(--frame-y)), right top, 0 0, 0 0, 0 0, 0 0, 0 0;background-attachment:local;background-clip:padding-box,padding-box,content-box,border-box,border-box,border-box,border-box,border-box}@media screen and (max-width:760px){.container{--cell:22px;--rows:6;--min-cols:4;--pad-x:8px;--pad-y:12px;padding:72px 16px 32px}.stage{flex-wrap:nowrap;gap:16px 10px}.panel,.panel--shell>.oracle{gap:8px}.panel-caption,.oracle__caption{font-size:11px}.panel-caption__en,.oracle__caption-en{letter-spacing:.04em;font-size:9px}}@media screen and (max-width:360px){.container{--cell:20px}.stage{gap:16px 6px}}@media (prefers-reduced-motion:reduce){.input-container:focus-within .textarea-char-highlight{animation:none}}