/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#1d2b3a;--muted:#687889;--paper:#f7f4ed;--card:#fff;--line:#dce4e8;--teal:#176b6a;--teal-dark:#0f5152;--teal-soft:#e4f3f0;--gold:#e4a53d;--gold-soft:#fff1d2;--red:#bd4e4b;--red-soft:#fff0ed;--green:#2e7d58;--green-soft:#e9f7ee;--shadow:0 12px 32px #1c344014}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 8% -5%, #e4a53d29, transparent 27rem), var(--paper);color:var(--ink);font-family:var(--font-geist-sans), "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #e4a53dcc}.game-app{min-height:100svh;padding:0 16px 30px}.app-header,.hero-strip,.game-shell,.site-footer{width:min(100%,760px);margin-inline:auto}.app-header{justify-content:space-between;align-items:center;gap:16px;padding:17px 0 12px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border:2px solid var(--gold);background:var(--teal);color:#fff9ed;border-radius:14px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid;box-shadow:3px 3px #e4a53d59}.brand-lockup strong{letter-spacing:.04em;font-size:17px;display:block}.brand-lockup small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.header-stats{color:var(--teal-dark);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.header-stats span{background:#fff9eacc;border:1px solid #ead8af;border-radius:99px;padding:7px 9px}.hero-strip{justify-content:space-between;align-items:end;gap:14px;padding:16px 0 18px;display:flex}.eyebrow,.prompt-label{color:var(--teal);letter-spacing:.1em;margin:0;font-size:12px;font-weight:800}.hero-strip h1{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(24px,7vw,34px)}.hero-badge{background:var(--gold-soft);color:#7c5410;white-space:nowrap;border:1px solid #f0d69c;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:700}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.mode-switch button,.primary-button,.secondary-button,.tool-note,.sort-panel button{cursor:pointer;border-radius:14px;min-height:48px;transition:transform .16s,background .16s,border-color .16s}.mode-switch button{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;font-weight:700}.mode-switch button.active{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 5px #0f515226}.mode-switch button:not(.active):active,.primary-button:active,.secondary-button:active,.tool-note:active,.sort-panel button:active{transform:translateY(1px)}.game-shell{box-shadow:var(--shadow);background:#ffffffbd;border:1px solid #d3dee1eb;border-radius:24px;padding:18px}.game-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.game-topline strong{font-size:15px;display:block}.game-topline small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.progress-track{background:#e5ecec;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #2b9d88);height:100%;transition:width .25s;display:block}.battle-scene{z-index:4;background:radial-gradient(circle at 82% 22%,#fff6b3ad,#0000 6rem),linear-gradient(#c9ebe4 0%,#eaf4cf 61%,#b6d18c 61%,#9abf77 100%);border:1px solid #d7d9bf;border-radius:20px;margin:16px 0;padding:14px;scroll-margin-top:12px;transition:background .25s,transform .25s;position:sticky;top:8px;overflow:hidden;box-shadow:inset 0 -8px #4f77481a,0 7px 18px #37635714}.storyboard-scene{background:radial-gradient(circle at 50% 28%,#fff6b3c7,#0000 8rem),linear-gradient(#c9ebe4 0%,#eaf4cf 62%,#b6d18c 62%,#9abf77 100%);min-height:388px}.battle-shell{width:100vw;box-shadow:none;background:0 0;border:0;border-radius:0;margin-left:calc(50% - 50vw);padding:0}.battle-fullscreen{background:radial-gradient(circle at 50% 26%,#fff6b3cc,#0000 9rem),linear-gradient(#c9ebe4 0%,#eaf4cf 60%,#b6d18c 60%,#9abf77 100%);border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-height:100svh;padding:22px 18px 20px;display:grid}.battle-fullscreen-head,.battle-fullscreen-progress,.battle-fullscreen-footer{z-index:1;color:#3c6055;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex;position:relative}.battle-fullscreen-head strong{color:#7d4c24}.battle-fullscreen-progress{color:#58736a;font-size:11px;font-weight:700}.battle-fullscreen-progress span:last-child{color:#805a1c;background:#ffffffad;border-radius:99px;padding:6px 10px}.battle-fullscreen .storyboard-stage{height:min(58svh,540px);min-height:0;margin:0}.battle-fullscreen .storyboard-sprite{width:min(76%,330px);max-height:58svh}.battle-fullscreen .storyboard-effect{width:115%;max-height:43svh}.battle-fullscreen-footer{color:#3c6055d1;font-size:10px;font-weight:700}.battle-fullscreen-footer span:last-child{color:#805a1c}.storyboard-stage{z-index:1;background:radial-gradient(circle,#ffffff94,#0000 56%),linear-gradient(145deg,#e2f6e5b8,#ffefbb85);border:1px solid #ffffffb8;border-radius:18px;place-items:center;min-height:260px;margin:10px 0 8px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ffffff57}.storyboard-stage:before{content:"";opacity:0;pointer-events:none;position:absolute;inset:0}.storyboard-hero-attack .storyboard-stage{background:radial-gradient(circle at 50% 42%,#fff2a5fa,#0000 6rem),linear-gradient(145deg,#d4f1e8,#fff1b3)}.storyboard-monster-attack .storyboard-stage{background:radial-gradient(circle at 50% 42%,#ec656a52,#0000 7rem),linear-gradient(145deg,#d9d6ee,#f5d2cb)}.storyboard-hero-beam .storyboard-stage,.storyboard-monster-beam .storyboard-stage{background:#24324b}.storyboard-hero-beam .storyboard-stage:before,.storyboard-monster-beam .storyboard-stage:before{opacity:.75;background:repeating-linear-gradient(#0000 0 15px,#ffffff2b 16px 17px,#0000 18px 29px);animation:.34s linear infinite storyboard-speed-lines}.storyboard-sprite{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 9px #364f403d);will-change:transform, filter;width:min(64%,245px);max-height:245px;position:relative}.storyboard-effect{z-index:1;object-fit:contain;will-change:transform, opacity;width:112%;max-height:220px;position:relative}.storyboard-hero-attack .storyboard-sprite{animation:.72s cubic-bezier(.2,.85,.3,1) both storyboard-hero-attack}.storyboard-monster-attack .storyboard-sprite{animation:.72s cubic-bezier(.2,.85,.3,1) both storyboard-monster-attack}.storyboard-hero-beam .storyboard-effect,.storyboard-monster-beam .storyboard-effect{animation:.72s cubic-bezier(.14,.86,.26,1) both storyboard-beam}.storyboard-monster-shock .storyboard-sprite,.storyboard-hero-shock .storyboard-sprite{animation:.72s both storyboard-shock}.storyboard-monster-hit .storyboard-sprite,.storyboard-hero-hit .storyboard-sprite{animation:.72s both storyboard-hit}.storyboard-monster-shock .storyboard-stage:after,.storyboard-hero-shock .storyboard-stage:after{z-index:2;color:#e25b50;content:"!";text-shadow:2px 3px #fff7cf,0 0 14px #e25b506b;font-size:50px;font-weight:950;line-height:1;animation:.72s both storyboard-pop;position:absolute;top:22px;right:27%}.storyboard-monster-hit .storyboard-stage:after,.storyboard-hero-hit .storyboard-stage:after{z-index:2;content:"";opacity:0;pointer-events:none;border:4px solid #ffea8be6;border-radius:50%;animation:.72s both storyboard-impact;position:absolute;inset:15% 11%}.storyboard-caption{z-index:1;color:#47635a;grid-template-columns:auto 1fr;justify-content:space-between;align-items:center;gap:10px;min-height:28px;font-size:11px;font-weight:700;display:grid;position:relative}.storyboard-caption span{color:#805a1c;white-space:nowrap;background:#ffffffa3;border-radius:99px;padding:5px 8px}.storyboard-caption strong{color:#3c6055;text-align:right}.storyboard-caption p{color:#58736a;text-align:center;grid-column:1/-1;margin:3px 0 0;font-size:11px;line-height:1.45}.storyboard-scene .monster-health,.storyboard-scene .energy-meter,.storyboard-scene .scene-message{display:none}.battle-scene:before,.battle-scene:after{color:#25664f45;pointer-events:none;font-size:28px;position:absolute;bottom:18px}.battle-scene:before{content:"🌿 𖤣";left:12px}.battle-scene:after{content:"𖥧 🌱";right:10px}.battle-scene.battle-charging{background:radial-gradient(circle at 25% 45%,#ffffd3bf,#0000 5rem),linear-gradient(#cee 0%,#edf3cb 61%,#b6d18c 61%,#9abf77 100%)}.battle-scene.battle-hit{background:radial-gradient(circle at 70%,#ffdc75e0,#0000 7rem),linear-gradient(#d8f3e3 0%,#fbf2c7 61%,#b6d18c 61%,#9abf77 100%);animation:.72s scene-hit}.battle-scene.battle-miss{background:radial-gradient(circle at 83% 47%,#f082746b,#0000 6rem),linear-gradient(#d4e7df 0%,#eee4c9 61%,#b7c593 61%,#9fae7a 100%);animation:.42s scene-miss}.battle-scene.boss-defeated{background:radial-gradient(circle at 50% 35%,#fff7b6e6,#0000 8rem),linear-gradient(#e0f4e2 0%,#fff3c8 61%,#b6d18c 61%,#9abf77 100%)}.scene-heading,.monster-health>div:first-child,.energy-meter{z-index:1;color:#3c6055;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex;position:relative}.scene-heading strong{color:#7d4c24}.battle-figures{z-index:1;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:8px;min-height:104px;padding:9px 8px 0;display:grid;position:relative}.battle-character{color:#38584d;justify-items:center;font-size:11px;font-weight:800;display:grid}.character-orb{filter:drop-shadow(0 5px 4px #3c58432e);background:#ffffff7a;border:3px solid #ffffffc7;border-radius:50%;place-items:center;width:62px;height:62px;font-size:36px;transition:transform .22s,filter .22s;display:grid}.hero-character .character-orb{background:#fff6cd;border-color:#f4d276}.monster-character .character-orb{background:#ffe1d7;border-color:#d9957b}.battle-hit .hero-character .character-orb{filter:drop-shadow(0 0 14px #ffc93ff2);transform:translate(12px)scale(1.08)}.battle-hit .monster-character .character-orb{transform:translate(12px)rotate(14deg)scale(.92)}.battle-miss .monster-character .character-orb{transform:translate(-6px)rotate(-10deg)}.boss-defeated .monster-character .character-orb{opacity:.72;transform:translate(17px,-5px)rotate(18deg)scale(.86)}.battle-lane{align-self:center;place-items:center;height:34px;margin-bottom:17px;display:grid;position:relative}.battle-lane>span:not(.battle-answer-seal){background:#ffffffb3;border-radius:99px;height:4px;display:block;box-shadow:0 0 12px #fffbb0cc}.battle-answer-seal{color:#7b5418;letter-spacing:.1em;opacity:0;background:#ffe778db;border:2px solid #ffec95eb;border-radius:10px;place-items:center;min-width:72px;min-height:31px;padding:5px 8px;font-size:13px;font-weight:900;line-height:1;transition:opacity .2s,transform .2s;display:grid;transform:scale(.7);box-shadow:0 0 16px #ffda5c8c}.battle-scene.battle-hit .battle-answer-seal,.battle-scene.battle-miss .battle-answer-seal{opacity:1;transform:scale(1)}.energy-orb{background:var(--gold);color:#fffbe0;opacity:0;border-radius:50%;place-items:center;width:29px;height:29px;font-size:17px;font-style:normal;display:grid;position:absolute;top:-11px;left:45%;transform:translate(-50%)scale(.6)}.battle-charging .energy-orb{opacity:1;animation:.8s ease-in-out infinite charge-orb}.battle-hit .energy-orb{opacity:1;animation:.62s ease-in forwards fly-orb}.monster-health,.energy-meter{z-index:1;margin-top:7px;position:relative}.monster-health>div:first-child,.energy-meter{font-size:10px}.health-track,.energy-track{background:#ffffff85;border:1px solid #ffffffa6;border-radius:99px;height:7px;margin-top:4px;overflow:hidden}.health-track span,.energy-track span{border-radius:inherit;height:100%;transition:width .35s;display:block}.health-track span{background:linear-gradient(90deg,#e45b50,#f18a56)}.energy-track{flex:1;margin:0}.energy-track span{background:linear-gradient(90deg,#e3a22f,#f8d86f)}.scene-message{z-index:1;color:#47635a;text-align:center;min-height:20px;margin:8px 0 0;font-size:11px;line-height:1.45;position:relative}.battle-countdown{color:#805a1c;text-align:center;background:#fff6cf;border:1px solid #edd596;border-radius:14px;margin:12px 0 0;padding:10px 12px;font-size:13px;font-weight:800;animation:.7s ease-in-out infinite pulse-hint}.battle-countdown.failure{background:var(--red-soft);color:var(--red);border-color:#edc0b9}.speech-button{min-height:36px;color:var(--teal-dark);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b9d5cd;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:900;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.speech-button:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-1px)}.speech-button.is-speaking{color:#7c5410;background:#fff1c9;border-color:#d18b35}.prompt-panel-heading,.challenge-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-panel{background:var(--teal-soft);border:1px solid #dfe8e6;border-radius:18px;padding:16px}.prompt-panel h2{letter-spacing:.08em;margin:8px 0 7px;font-size:clamp(22px,7vw,31px)}.prompt-panel p{color:#47656a;margin:0;font-size:14px;line-height:1.65}.alternate-challenge{text-align:center;background:linear-gradient(145deg,#fffdf5,#fff3d2);border:1px solid #e7d6ae;border-radius:18px;padding:18px 14px 15px}.alternate-challenge h2{color:var(--teal-dark);margin:9px auto 7px;font-size:clamp(22px,6vw,31px);line-height:1.45}.alternate-challenge p{color:#6d644d;margin:0;font-size:13px;line-height:1.55}.ancient-copy-hint{color:#6d5732;text-align:left;background:#fff8dadb;border:1px solid #d8c38b;border-radius:12px;margin:10px auto 0;padding:9px 11px}.ancient-copy-hint>span{color:#967029;letter-spacing:.08em;font-size:11px;font-weight:900}.ancient-copy-hint p{color:#6d5732;margin:4px 0 0;font-size:12px;line-height:1.5}.result-heading-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.result-heading-copy{min-width:0}.result-heading-copy .eyebrow{display:block}.result-heading-copy h2{overflow-wrap:anywhere;min-width:0;margin:2px 0 0}.challenge-word{letter-spacing:.16em;font-size:clamp(36px,11vw,56px)!important}.challenge-word .missing-slot{border-bottom:4px solid var(--gold);vertical-align:-.08em;width:.9em;height:1.05em;display:inline-block}.challenge-sentence{max-width:380px;font-size:clamp(20px,5vw,28px)!important}.challenge-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.challenge-option{min-height:48px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #d8cda9;border-radius:12px;padding:8px 10px;font-size:15px;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.challenge-option:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-2px)}.stage-line{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:16px 0 10px;font-size:13px;display:flex}.stage-line strong{color:var(--teal-dark)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.card-board{isolation:isolate;perspective:900px;transform-style:preserve-3d;transform-origin:50%;--board-base:#a8c99a;--board-edge:#d8bf66;--board-shadow:#536b4f;--board-texture:repeating-linear-gradient(135deg, #ffffff1f 0 2px, transparent 2px 10px);--card-top:#fff4c7;--card-mid:#e4d39a;--card-bottom:#b18a54;--card-edge:#b99558;--card-shadow:#806137;--card-texture:repeating-linear-gradient(45deg, #ffffff1f 0 1px, transparent 1px 7px);--cover-top:#bde1d8;--cover-bottom:#6eafa0;--cover-edge:#4a8c82;--cover-text:#0f5152c7;border:2px solid var(--board-edge);background:var(--board-texture), var(--board-base);box-shadow:0 6px 0 var(--board-shadow), 0 13px 23px #1e2f303d, inset 0 1px 0 #ffffffb3, inset 0 -2px 0 #0000001f;border-radius:17px;padding:7px;position:relative;transform:perspective(1100px)rotateX(2.8deg)rotateY(-1deg)}.card-board:before{z-index:0;border:2px solid var(--board-shadow);position:absolute;inset:5px -2px -9px 5px}@supports (color:color-mix(in lab, red, red)){.card-board:before{border:2px solid color-mix(in srgb, var(--board-shadow) 76%, #202a2a 24%)}}.card-board:before{background:var(--board-shadow);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.card-board:before{background:color-mix(in srgb, var(--board-shadow) 74%, #263b35 26%)}}.card-board:before{content:"";pointer-events:none;transform:translateZ(-11px);box-shadow:0 12px 18px #17252447}.card-board:after{z-index:2;content:"";pointer-events:none;border:1px solid #ffffff54;border-radius:11px;position:absolute;inset:4px}.board-stage-1{--board-base:#7ca877;--board-edge:#d8bb5a;--board-shadow:#466249;--board-texture:repeating-linear-gradient(125deg, #f4f6bb29 0 2px, transparent 2px 12px), repeating-linear-gradient(35deg, #28654a2e 0 1px, transparent 1px 9px);--card-top:#fff4c9;--card-mid:#e8d99f;--card-bottom:#bc985d;--card-edge:#b59052;--card-shadow:#7b5e38;--card-texture:repeating-linear-gradient(35deg, #7e5e2a14 0 1px, transparent 1px 7px);--cover-top:#c7e7d9;--cover-bottom:#72b59f;--cover-edge:#4d8f7d}.board-stage-2{--board-base:#9b8974;--board-edge:#ead1a1;--board-shadow:#66574e;--board-texture:radial-gradient(circle at 12% 22%, #fff5d733 0 2px, transparent 2.5px), radial-gradient(circle at 76% 68%, #41332d38 0 2px, transparent 2.5px);--card-top:#f5e6cb;--card-mid:#dbc5a4;--card-bottom:#a88868;--card-edge:#9d795b;--card-shadow:#6b5146;--card-texture:radial-gradient(circle at 20% 30%, #5c42301c 0 1px, transparent 1.5px), radial-gradient(circle at 80% 70%, #fff3 0 1px, transparent 1.5px);--cover-top:#d0d6d0;--cover-bottom:#82938e;--cover-edge:#5c716e}.board-stage-3{--board-base:#a8684c;--board-edge:#f2c879;--board-shadow:#704239;--board-texture:repeating-linear-gradient(0deg, #ffe1a524 0 2px, transparent 2px 9px), repeating-linear-gradient(90deg, #5830251f 0 1px, transparent 1px 16px);--card-top:#fff0cb;--card-mid:#e8c69e;--card-bottom:#bd855e;--card-edge:#ab704f;--card-shadow:#74483d;--card-texture:repeating-linear-gradient(0deg, #8e54301a 0 1px, transparent 1px 6px);--cover-top:#f2cfb5;--cover-bottom:#bc7962;--cover-edge:#924e48}.board-stage-4{--board-base:#40566e;--board-edge:#a9dfd1;--board-shadow:#1e3046;--board-texture:repeating-linear-gradient(45deg, #b5e9df26 0 1px, transparent 1px 13px), repeating-linear-gradient(-45deg, #10244033 0 1px, transparent 1px 13px);--card-top:#eff5df;--card-mid:#c6ddcd;--card-bottom:#88a9a8;--card-edge:#719496;--card-shadow:#476875;--card-texture:repeating-linear-gradient(90deg, #365b6714 0 1px, transparent 1px 8px), repeating-linear-gradient(0deg, #ffffff1a 0 1px, transparent 1px 11px);--cover-top:#91c7c0;--cover-bottom:#3e797d;--cover-edge:#2c5b68;--cover-text:#f4f6dc}.board-stage-5{--board-base:#b38343;--board-edge:#f4dc9b;--board-shadow:#694b2b;--board-texture:repeating-linear-gradient(90deg, #ffebaf29 0 2px, transparent 2px 15px), repeating-linear-gradient(0deg, #6b441c1f 0 1px, transparent 1px 10px);--card-top:#fff5cd;--card-mid:#e9d29a;--card-bottom:#bc914f;--card-edge:#a97b3d;--card-shadow:#76532c;--card-texture:repeating-linear-gradient(0deg, #85582417 0 1px, transparent 1px 7px);--cover-top:#d7cba7;--cover-bottom:#9e8753;--cover-edge:#77633e}.board-stage-6{--board-base:#4f3b70;--board-edge:#dfbd64;--board-shadow:#221934;--board-texture:repeating-linear-gradient(135deg, #e9d37724 0 2px, transparent 2px 14px), repeating-linear-gradient(45deg, #c88aed21 0 1px, transparent 1px 17px);--card-top:#fff3bd;--card-mid:#e5cb78;--card-bottom:#ac784c;--card-edge:#ce9d4b;--card-shadow:#67402e;--card-texture:repeating-linear-gradient(45deg, #6940301a 0 1px, transparent 1px 8px);--cover-top:#8c7eae;--cover-bottom:#4a3a70;--cover-edge:#302550;--cover-text:#fff0bd}.card-grid{z-index:1;transform-style:preserve-3d;position:relative;transform:translateZ(9px)}.memory-start-floating{z-index:4;color:#4b2d0b;text-shadow:0 1px #fff5b8b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:repeating-linear-gradient(135deg,#ffffff21 0 2px,#0000 2px 9px),linear-gradient(#fff0a9 0%,#e6b342 46%,#b66f1e 100%);border:2px solid #ffe9a2;border-radius:14px 14px 11px 11px;min-width:min(78%,220px);min-height:50px;animation:2.2s ease-in-out infinite memory-button-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(42px)rotateX(2deg);box-shadow:0 5px #7d4813,0 16px 28px #3c230a6b,0 0 20px #ffd35e5c,inset 0 1px #ffffffc7,inset 0 -3px #6c390d38}.memory-start-floating:before{z-index:-1;content:"";pointer-events:none;border:1px solid #ffe78e8f;border-radius:17px 17px 14px 14px;position:absolute;inset:-10px;box-shadow:0 0 24px #ffd7676b}.memory-start-floating:after{content:"";pointer-events:none;border:1px solid #fff8c69e;border-radius:9px 9px 7px 7px;position:absolute;inset:4px}.memory-start-floating:active{animation:none;transform:translate(-50%,-47%)translateZ(22px)rotateX(2deg)scale(.98)}@keyframes memory-button-float{0%,to{transform:translate(-50%,-50%)translateZ(42px)rotateX(2deg)}50%{transform:translate(-50%,calc(-50% - 4px))translateZ(42px)rotateX(2deg)}}.challenge-grid{gap:8px}.word-card{isolation:isolate;border:1px solid var(--card-edge);background:var(--card-texture), linear-gradient(145deg, var(--card-top) 0%, var(--card-mid) 58%, var(--card-bottom) 100%);min-width:0;min-height:clamp(68px,18vw,92px);color:var(--ink);cursor:pointer;transform-style:preserve-3d;box-shadow:0 4px 0 var(--card-shadow), 0 8px 12px #242c3138, inset 0 1px 0 #ffffffb8, inset 0 -2px 0 #4a36231f;text-shadow:0 1px #ffffff94;border-bottom-width:3px;border-radius:16px;place-items:center;font-size:clamp(27px,9vw,38px);font-weight:800;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;transform:translateZ(8px)}.word-card:after{content:"";pointer-events:none;border:1px solid #ffffff57;border-radius:12px;position:absolute;inset:2px}.word-card.covered{border-color:var(--cover-edge);background:var(--card-texture), linear-gradient(145deg, var(--cover-top), var(--cover-bottom));color:var(--cover-text);text-shadow:0 1px #ffffff57;box-shadow:0 4px 0 var(--cover-edge), 0 8px 12px #242c313d, inset 0 1px 0 #ffffff85, inset 0 -2px 0 #1440402e;font-size:25px}@supports (color:color-mix(in lab, red, red)){.word-card.covered{box-shadow:0 4px 0 color-mix(in srgb, var(--cover-edge) 72%, #1d2b3a 28%), 0 8px 12px #242c313d, inset 0 1px 0 #ffffff85, inset 0 -2px 0 #1440402e}}.word-card.revealed:not(:disabled):active,.word-card:not(:disabled):active{transform:translateZ(3px)scale(.97)}.word-card.found{border-color:var(--card-edge);background:var(--card-texture), linear-gradient(145deg, #e8f5dc, #acd2ae 62%, #6c9f83);color:var(--teal-dark);box-shadow:0 4px #4e7c62,0 8px 12px #242c3133,inset 0 0 0 2px #176b6a24,inset 0 1px #ffffffb3}.word-card.hinted{border-color:var(--gold);background:var(--card-texture), linear-gradient(145deg, #fff7c9, #f1d57e 64%, #c0913e);animation:.45s ease-in-out 2 pulse-hint}.word-card.wrong{border-color:var(--red);background:var(--card-texture), linear-gradient(145deg, #fff1de, #f2b7a7 64%, #bd6862);animation:.24s ease-in-out 2 shake}.answer-panel{margin-top:16px}.answer-heading{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.answer-heading strong{color:var(--teal-dark)}.answer-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.answer-slots span{color:#9aabb0;background:#fbfcfa;border:1px dashed #bdcdd0;border-radius:13px;place-items:center;min-height:50px;font-size:22px;font-weight:700;display:grid}.answer-slots span.filled{border-style:solid;border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.status-message{min-height:26px;color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.status-message.success{color:var(--green)}.status-message.error{color:var(--red);font-weight:700}.action-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.action-row.single-action{grid-template-columns:1fr}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;font-weight:800;box-shadow:0 4px #0f515229}.secondary-button,.tool-note{border:1px solid var(--line);color:var(--teal-dark);background:#fff;font-weight:700}.item-use-backdrop{z-index:180;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16343285;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.item-use-dialog{background:#fff9e8;border:2px solid #d3ad5d;border-radius:20px;width:min(100%,420px);max-height:min(88svh,560px);padding:18px;overflow:auto;box-shadow:0 18px 48px #182c2a4d}.item-use-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.item-use-kicker{color:var(--teal);letter-spacing:.12em;font-size:11px;font-weight:900}.item-use-header h2{color:#574027;letter-spacing:.12em;margin:4px 0 2px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:28px}.item-use-header small{color:#8a7654;font-size:11px}.item-use-header>button{color:#735629;cursor:pointer;background:#fff2cd;border:1px solid #d9c28d;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}.item-use-list{gap:9px;margin-top:16px;display:grid}.item-use-card{color:#4c3b25;text-align:left;cursor:pointer;background:#fffdf3;border:1px solid #d8c18c;border-radius:13px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:8px 10px;display:grid}.item-use-card:hover:not(:disabled){border-color:var(--teal);background:#f0f8ee}.item-use-card:disabled{cursor:not-allowed;opacity:.58}.item-use-card img{object-fit:contain;width:52px;height:52px}.item-use-card span{gap:3px;min-width:0;display:grid}.item-use-card strong{font-size:14px}.item-use-card small{color:#7d6949;font-size:11px;line-height:1.45}.item-use-card b{color:var(--teal);white-space:nowrap;font-size:11px}.item-use-message{color:var(--red);margin:12px 0 0;font-size:12px;font-weight:800;line-height:1.5}.item-use-note{color:#8d7957;margin:14px 0 0;font-size:11px;line-height:1.55}.item-use-close{width:100%;margin-top:14px}.tool-note{color:#6f541c;background:var(--gold-soft);border-color:#eed6a2;width:100%;margin-top:9px;font-size:13px}.sort-panel{background:#f7fbfa;border:1px solid #dfe8e6;border-radius:16px;margin-top:16px;padding:13px}.sort-panel>div{color:var(--muted);margin-bottom:10px;font-size:12px}.sort-panel>small{color:var(--red);margin:4px 0 8px;font-size:11px;font-weight:800;display:block}.sort-panel button{min-height:45px;color:var(--teal-dark);background:#fff;border:1px solid #c9d9d8;margin:0 5px 5px 0;padding:0 15px;font-size:20px;font-weight:800}.sort-panel button.selected{border-color:var(--teal);background:var(--teal);color:#fff}.compact{margin-top:8px}.result-panel{background:var(--green-soft);border:1px solid #cde5d5;border-radius:18px;margin-top:16px;padding:18px}.result-panel.failed{background:var(--red-soft);border-color:#ebc8c1}.result-icon{font-size:34px}.result-panel h2{margin:7px 0;font-size:25px}.result-panel p{color:#4d6460;margin:0;line-height:1.7}.result-example{color:#466059;border-top:1px solid #2e7d5829;margin-top:12px;padding-top:11px;font-size:13px;line-height:1.7}.reward-row{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.reward-row span{color:var(--teal-dark);background:#ffffffb8;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800}.result-health-card{background:#fffbe5db;border:1px solid #d9c985;border-radius:14px;gap:8px;margin-top:10px;padding:11px 12px;display:grid}.result-health-heading{color:#70552a;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.result-health-heading strong{color:var(--teal-dark);font-size:14px}.result-health-track{background:#e8dcc0;border-radius:99px;height:8px;overflow:hidden}.result-health-track i{border-radius:inherit;background:linear-gradient(90deg,#d44f4d,#e9a846 55%,#72b864);height:100%;transition:width .26s;display:block}.result-heal-button{border-radius:10px;width:100%;min-height:38px;font-size:12px}.result-heal-button:disabled{box-shadow:none;color:#58706a;cursor:not-allowed;background:#cbd7d3;border-color:#b8c7c2}.ad-placeholder{color:#8b9ba0;letter-spacing:.08em;background:#ffffff85;border:1px dashed #c9d3d5;border-radius:14px;place-items:center;min-height:54px;margin-top:16px;font-size:11px;display:grid}.site-footer{color:var(--muted);text-align:center;padding:16px 0 0;font-size:11px;line-height:1.6}@keyframes pulse-hint{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes scene-hit{0%,to{transform:translate(0)}35%{transform:translate(-3px)}65%{transform:translate(3px)}}@keyframes scene-miss{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes charge-orb{0%,to{transform:translate(-50%)scale(.72);box-shadow:0 0 #ffdd6f00}50%{transform:translate(-50%)scale(1);box-shadow:0 0 18px #ffdd6fe6}}@keyframes fly-orb{0%{left:45%;transform:translate(-50%)scale(.8)}to{opacity:0;left:82%;transform:translate(-50%)scale(.55)}}@keyframes storyboard-hero-attack{0%{opacity:0;transform:translate(-32px)rotate(-8deg)scale(.84)}52%{opacity:1;transform:translate(8px)rotate(5deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes storyboard-monster-attack{0%{opacity:0;transform:translate(32px)rotate(8deg)scale(.84)}52%{opacity:1;transform:translate(-8px)rotate(-5deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes storyboard-beam{0%{opacity:0;transform:scaleX(.22)translate(-24%)}35%{opacity:1;transform:scaleX(1.08)translate(2%)}to{opacity:1;transform:scaleX(1)translate(0)}}@keyframes storyboard-shock{0%{opacity:0;transform:translateY(10px)scale(.86)rotate(0)}25%{opacity:1;transform:translateY(-5px)scale(1.08)rotate(-5deg)}50%{transform:translateY(2px)scale(.98)rotate(4deg)}75%{transform:translateY(-2px)scale(1.03)rotate(-3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes storyboard-hit{0%{opacity:1;filter:drop-shadow(0 12px 9px #364f403d);transform:translate(0)rotate(0)scale(1)}24%{filter:drop-shadow(0 0 20px #ffec80fa);transform:translate(-10px)rotate(-8deg)scale(1.05)}58%{filter:drop-shadow(0 0 8px #ffec80ad);transform:translate(17px)rotate(14deg)scale(.9)}to{opacity:.74;filter:drop-shadow(0 0 2px #ffec8052);transform:translate(24px)rotate(18deg)scale(.84)}}@keyframes storyboard-pop{0%{opacity:0;transform:translateY(12px)scale(.5)rotate(-12deg)}35%{opacity:1;transform:translateY(-3px)scale(1.18)rotate(8deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes storyboard-impact{0%{opacity:0;transform:scale(.55)}38%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.18)}}@keyframes storyboard-speed-lines{0%{transform:translate(0)}to{transform:translate(-28px)}}@media (width>=600px){.game-app{padding-inline:24px}.game-shell{padding:24px}}@media (width<=599px){.battle-scene{border-radius:16px;margin:10px 0;padding:10px;top:5px}.battle-fullscreen{min-height:100svh;padding:18px 14px 16px}.battle-fullscreen .storyboard-stage{height:min(59svh,500px)}.battle-fullscreen .storyboard-sprite{width:min(82%,305px);max-height:55svh}.battle-fullscreen .storyboard-effect{width:125%;max-height:42svh}.storyboard-scene{min-height:330px}.storyboard-stage{min-height:218px;margin-top:7px}.storyboard-sprite{width:min(72%,205px);max-height:205px}.storyboard-effect{width:125%;max-height:168px}.storyboard-caption{font-size:10px}.storyboard-caption strong{max-width:66%}.battle-figures{min-height:78px;padding-top:5px}.character-orb{border-width:2px;width:48px;height:48px;font-size:27px}.battle-character{font-size:10px}.battle-lane{height:30px;margin-bottom:14px}.battle-answer-seal{min-width:58px;min-height:27px;padding:4px 5px;font-size:11px}.scene-message{min-height:15px;margin-top:5px;font-size:10px}.prompt-panel{padding:11px 12px}.prompt-panel h2{margin:5px 0 4px;font-size:clamp(19px,6vw,25px);line-height:1.25}.prompt-panel p{font-size:12px;line-height:1.45}.stage-line{margin:10px 0 7px}.card-grid{gap:7px}.word-card{min-height:62px}.answer-panel{margin-top:10px}.status-message{margin-top:8px}}@media (width<=370px){.game-app{padding-inline:11px}.app-header{gap:7px}.brand-lockup strong{font-size:15px}.header-stats{gap:4px;font-size:11px}.header-stats span{padding-inline:7px}.game-shell{border-radius:20px;padding:14px}}.game-app.battle-active{z-index:20;touch-action:none;background:#121c2d;width:100%;height:100%;min-height:100svh;padding:0;position:fixed;inset:0;overflow:hidden}.game-app.battle-active .game-shell{width:100%;height:100%;min-height:100svh;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.game-app.battle-active .site-footer{display:none}.battle-fullscreen{isolation:isolate;background:radial-gradient(circle at 18% 78%,#ffcd5238,#0000 32%),radial-gradient(circle at 82% 22%,#9d54ff3d,#0000 34%),linear-gradient(155deg,#132f3b 0%,#102331 42%,#17162f 100%);border:0;border-radius:0;width:100vw;height:100svh;min-height:100svh;margin:0;padding:0;display:block;position:relative;overflow:hidden}.battle-hud{top:max(16px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));z-index:8;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;max-width:680px;margin-inline:auto;display:grid;position:absolute}.battle-hud-card{color:#fff9e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081423bd;border:1px solid #fff0bc6b;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex;box-shadow:0 8px 22px #00000042,inset 0 1px #ffffff1f}.battle-hud-monster{text-align:right;border-color:#dfa3ff7a;justify-content:flex-end}.battle-hud-avatar{color:#69440e;background:linear-gradient(145deg,#fff8c9,#e8b85b);border:1px solid #ffe47dc2;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:15px;font-weight:950;display:grid}.battle-hud-monster .battle-hud-avatar{color:#351154;background:linear-gradient(145deg,#f1d9ff,#a95fe3);border-color:#e8b1ffcc}.battle-hud-copy{flex:1;min-width:0}.battle-hud-copy strong,.battle-hud-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.battle-hud-copy strong{letter-spacing:.04em;font-size:.78rem}.battle-hud-copy span{color:#fff7dead;margin-top:1px;font-size:.62rem;font-weight:700}.battle-hp-track{background:#ffffff29;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.battle-hp-track i{border-radius:inherit;background:linear-gradient(90deg,#fff09d,#f2ba42);height:100%;transition:width .45s;display:block;box-shadow:0 0 10px #ffd957bd}.battle-hud-monster .battle-hp-track i{background:linear-gradient(90deg,#e68bff,#a943df);margin-left:auto;box-shadow:0 0 10px #d16cffc2}.battle-hud-turn{color:#ffe990;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13182bc2;border:1px solid #ffe6918a;border-radius:11px;justify-items:center;min-width:48px;padding:5px 6px;display:grid;box-shadow:0 5px 18px #0000003d}.battle-hud-turn span{letter-spacing:.12em;font-size:.55rem;font-weight:800}.battle-hud-turn strong{margin-top:1px;font-size:.68rem}.battle-layered-scene{position:absolute;inset:0;overflow:hidden}.battle-layered-scene:before,.battle-layered-scene:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:-12%}.battle-layered-scene:before{opacity:.5;background-image:radial-gradient(circle,#ffe692eb 0 1px,#0000 2px),radial-gradient(circle,#b886ffb8 0 1px,#0000 2px);background-position:0 0,22px 31px;background-size:48px 48px,63px 63px;animation:7s linear infinite battle-stars-drift;transform:rotate(-12deg)}.battle-layered-scene:after{opacity:.34;background:repeating-linear-gradient(118deg,#0000 0 34px,#ffffff24 35px,#0000 37px 72px);animation:1.6s ease-in-out infinite alternate battle-speed-lines}.battle-ambient-glow{z-index:1;filter:blur(12px);background:radial-gradient(circle,#ffffff1a,#0000 64%);border-radius:50%;position:absolute;inset:12% 8% 20%}.battle-layer{object-fit:contain;pointer-events:none;will-change:transform, opacity, filter;height:auto;display:block;position:absolute}.battle-hero{z-index:2;aspect-ratio:2/3;width:min(49vw,430px);bottom:13%;left:-5%}.battle-hero.hurt{width:min(51vw,450px)}.battle-monster{z-index:2;aspect-ratio:2/3;width:min(51vw,460px);top:clamp(96px,15svh,160px);right:-5%}.battle-actor-image{object-fit:contain;pointer-events:none;will-change:transform, opacity, filter;width:100%;height:100%;display:block}.battle-hero-image{filter:drop-shadow(0 18px 24px #00000057)drop-shadow(0 0 18px #ffd2514d);animation:.7s cubic-bezier(.2,.82,.28,1) both battle-hero-enter}.battle-hero.hurt .battle-hero-image{filter:drop-shadow(0 18px 24px #00000057)drop-shadow(0 0 22px #cd72ff7a)}.battle-monster-image{filter:drop-shadow(0 18px 26px #00000061)drop-shadow(0 0 18px #9e4eff57);animation:.7s cubic-bezier(.2,.82,.28,1) both battle-monster-enter}.battle-trajectories{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.battle-trajectory{isolation:isolate}.battle-trajectory-asset{opacity:0;mix-blend-mode:screen;animation:1.05s cubic-bezier(.16,.84,.26,1) both battle-trajectory-asset-enter}.battle-trajectory-glow,.battle-trajectory-core,.battle-trajectory-accent{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.battle-trajectory-glow{stroke-width:10px;opacity:.82;filter:url(#battle-trajectory-glow);stroke-dasharray:120;stroke-dashoffset:120px;animation:1.05s cubic-bezier(.16,.84,.26,1) both battle-trajectory-draw}.battle-trajectory-core{stroke-width:2.8px;opacity:.98;stroke-dasharray:120;stroke-dashoffset:120px;animation:.9s cubic-bezier(.16,.84,.26,1) 60ms both battle-trajectory-draw}.battle-trajectory-hero .battle-trajectory-accent{stroke:#fffabcf2}.battle-trajectory-monster .battle-trajectory-accent{stroke:#f8dafff5}.battle-trajectory-accent{stroke-width:1.25px;opacity:.78;stroke-dasharray:1.2 4.8;animation:.52s ease-in-out infinite alternate battle-trajectory-flicker}.hero-trajectory-glyph-spiral .battle-trajectory-accent,.hero-trajectory-page-fan .battle-trajectory-accent,.hero-trajectory-seal-burst .battle-trajectory-accent,.hero-trajectory-star-rain .battle-trajectory-accent,.monster-trajectory-forked-bolt .battle-trajectory-accent,.monster-trajectory-shock-cage .battle-trajectory-accent,.monster-trajectory-cross-surge .battle-trajectory-accent,.monster-trajectory-paper-thunder .battle-trajectory-accent,.monster-trajectory-seal-pulse .battle-trajectory-accent{opacity:1}.battle-attack-visual{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-attack-image{object-fit:contain;will-change:transform, opacity, filter;height:auto;display:block;position:absolute}.battle-hero-beam{--beam-angle:-58deg;--beam-scale-x:1;--beam-scale-y:1;clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%);filter:drop-shadow(0 0 18px #ffe05ee0);transform-origin:18%;width:min(112vw,960px);animation:1.1s cubic-bezier(.16,.84,.26,1) both battle-beam-surge;bottom:32%;left:8%}.beam-echo{opacity:0;display:none}.battle-attack-ring,.battle-electric-ring,.battle-electric-dome,.battle-electric-pressure,.battle-attack-sparks{pointer-events:none;display:block;position:absolute}.battle-attack-ring{aspect-ratio:1;opacity:0;border:4px solid #ffe274d1;border-radius:50%;width:clamp(96px,24vw,190px);top:25%;right:9%;box-shadow:inset 0 0 22px #ffd954b3,0 0 28px #ffd041b8}.attack-ring-two{border-width:2px;margin:4%}.battle-attack-sparks{opacity:0;background:radial-gradient(circle at 18% 26%,#fff6b3 0 1px,#0000 3px) 0 0/84px 84px,radial-gradient(circle at 38% 42%,#ffe46f 0 2px,#0000 4px) 0 0/122px 122px,radial-gradient(circle at 62% 18%,#fff 0 1px,#0000 4px) 0 0/76px 76px,radial-gradient(circle at 76% 54%,#ffd64e 0 2px,#0000 5px) 0 0/138px 138px,radial-gradient(circle at 49% 76%,#fff3a0 0 2px,#0000 4px) 0 0/104px 104px,radial-gradient(circle at 88% 30%,#fff 0 1px,#0000 3px) 0 0/64px 64px;inset:4% -6% 26% 38%}.hero-variant-glyph-spiral .beam-echo,.hero-variant-page-fan .beam-echo,.hero-variant-star-rain .beam-echo{display:block}.hero-variant-glyph-spiral .beam-core{--beam-scale-y:.82;filter:hue-rotate(-9deg)drop-shadow(0 0 24px #ffe25cf5)}.hero-variant-glyph-spiral .beam-echo-one{--beam-angle:-53deg;--beam-scale-x:.96;--beam-scale-y:.52;animation-delay:.12s}.hero-variant-glyph-spiral .beam-echo-two{--beam-angle:-63deg;--beam-scale-x:.94;--beam-scale-y:.5;animation-delay:.2s}.hero-variant-glyph-spiral .attack-ring-one{opacity:1;animation:1.2s ease-out both battle-gold-ring}.hero-variant-page-fan .beam-core{--beam-scale-y:.48}.hero-variant-page-fan .beam-echo-one{--beam-angle:-48deg;--beam-scale-x:.9;--beam-scale-y:.42;animation-delay:80ms}.hero-variant-page-fan .beam-echo-two{--beam-angle:-68deg;--beam-scale-x:.9;--beam-scale-y:.42;animation-delay:.16s}.hero-variant-seal-burst .beam-core{--beam-scale-y:.58;filter:sepia(.1)saturate(1.25)drop-shadow(0 0 26px #ffe05e)}.hero-variant-seal-burst .battle-attack-ring{opacity:1;animation:1.15s ease-out both battle-seal-burst}.hero-variant-seal-burst .attack-ring-two{animation-delay:.16s}.hero-variant-star-rain .beam-core{--beam-scale-y:.58;opacity:.82}.hero-variant-star-rain .beam-echo-one{--beam-angle:-70deg;--beam-scale-x:.72;--beam-scale-y:.32}.hero-variant-star-rain .beam-echo-two{--beam-angle:-42deg;--beam-scale-x:.7;--beam-scale-y:.3}.hero-variant-star-rain .battle-attack-sparks{opacity:1;animation:1.35s linear both battle-star-rain}.battle-monster-electric{--electric-angle:-58deg;--electric-scale-x:1;--electric-scale-y:1;filter:drop-shadow(0 0 20px #cd61ffeb);transform-origin:82%;width:min(104vw,900px);animation:1.05s cubic-bezier(.16,.84,.26,1) both battle-electric-surge;bottom:26%;left:-4%}.electric-echo{opacity:0;display:none}.battle-electric-dome{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#0000 36%,#bf48ff2e 57%,#ff43a624 72%,#0000 76%);border:5px solid #db82ffad;border-radius:50%;width:min(78vw,600px);bottom:14%;left:-10%;box-shadow:inset 0 0 52px #bb52ff8f,0 0 40px #d256ff8f}.battle-electric-ring{aspect-ratio:1;opacity:0;border:3px solid #e6aaffb8;border-radius:50%;width:min(52vw,410px);bottom:21%;left:6%;box-shadow:0 0 24px #d25bffb8}.electric-ring-two{border-color:#ff5bab9e;width:min(64vw,500px);bottom:16%;left:1%}.battle-electric-pressure{opacity:0;mix-blend-mode:screen;background:repeating-radial-gradient(circle at 23% 70%,#0000 0 38px,#ce73ff29 42px,#0000 48px 70px);inset:2% -12% 10%}.monster-variant-electric-field .electric-echo,.monster-variant-forked-bolt .electric-echo,.monster-variant-shock-cage .electric-echo,.monster-variant-storm-rain .electric-echo,.monster-variant-void-spiral .electric-echo,.monster-variant-cross-surge .electric-echo,.monster-variant-paper-thunder .electric-echo{display:block}.monster-variant-electric-field .electric-core{--electric-scale-y:.72}.monster-variant-electric-field .electric-echo-one{--electric-angle:-48deg;--electric-scale-x:.94;--electric-scale-y:.64;animation-delay:80ms}.monster-variant-electric-field .electric-echo-two{--electric-angle:-68deg;--electric-scale-x:.92;--electric-scale-y:.6;animation-delay:.15s}.monster-variant-electric-field .battle-electric-dome,.monster-variant-shock-cage .battle-electric-dome,.monster-variant-void-spiral .battle-electric-dome,.monster-variant-paper-thunder .battle-electric-dome{opacity:1;animation:1.35s ease-out both battle-electric-dome-close}.monster-variant-electric-field .battle-electric-ring,.monster-variant-shock-cage .battle-electric-ring,.monster-variant-seal-pulse .battle-electric-ring{opacity:1;animation:1.25s ease-in both battle-pressure-ring}.monster-variant-electric-field .electric-ring-two,.monster-variant-shock-cage .electric-ring-two,.monster-variant-seal-pulse .electric-ring-two{animation-delay:.16s}.monster-variant-electric-field .battle-electric-pressure,.monster-variant-seal-pulse .battle-electric-pressure,.monster-variant-paper-thunder .battle-electric-pressure{opacity:1;animation:1.3s ease-in both battle-pressure-waves}.monster-variant-forked-bolt .electric-core{--electric-scale-y:.42}.monster-variant-forked-bolt .electric-echo-one{--electric-angle:-49deg;--electric-scale-x:.94;--electric-scale-y:.36}.monster-variant-forked-bolt .electric-echo-two{--electric-angle:-67deg;--electric-scale-x:.94;--electric-scale-y:.36}.monster-variant-shock-cage .battle-monster-electric{--electric-scale-x:.78;--electric-scale-y:.5;opacity:.72}.monster-variant-shock-cage .electric-echo-one{--electric-angle:-35deg}.monster-variant-shock-cage .electric-echo-two{--electric-angle:-80deg}.monster-variant-storm-rain .battle-monster-electric{--electric-angle:62deg;--electric-scale-x:.86;--electric-scale-y:.5;transform-origin:50%;top:-4%;bottom:auto;left:-26%}.monster-variant-storm-rain .electric-echo-one{--electric-angle:68deg;animation-delay:.16s;left:2%}.monster-variant-storm-rain .electric-echo-two{--electric-angle:74deg;animation-delay:.3s;left:28%}.monster-variant-void-spiral .battle-monster-electric{--electric-scale-x:.76;--electric-scale-y:.52;transform-origin:42% 52%;animation-name:battle-electric-spiral;bottom:22%;left:-14%}.monster-variant-void-spiral .electric-echo-one{--electric-angle:26deg;animation-delay:.12s}.monster-variant-void-spiral .electric-echo-two{--electric-angle:-132deg;animation-delay:.22s}.monster-variant-cross-surge .electric-core{--electric-angle:-58deg;--electric-scale-y:.5}.monster-variant-cross-surge .electric-echo-one{--electric-angle:58deg;--electric-scale-y:.48;left:-24%}.monster-variant-cross-surge .electric-echo-two{--electric-angle:-90deg;--electric-scale-x:.62;--electric-scale-y:.32}.monster-variant-paper-thunder .battle-monster-electric{--electric-scale-y:.78;filter:saturate(1.35)drop-shadow(0 0 26px #ec5efff5)}.monster-variant-paper-thunder .electric-echo-one{--electric-angle:-42deg;--electric-scale-x:.88;--electric-scale-y:.54}.monster-variant-paper-thunder .electric-echo-two{--electric-angle:-74deg;--electric-scale-x:.86;--electric-scale-y:.54}.monster-variant-seal-pulse .battle-monster-electric{opacity:.28;--electric-scale-x:.72;--electric-scale-y:.42}.battle-impact{z-index:4;aspect-ratio:1;opacity:0;filter:blur(1px);pointer-events:none;border-radius:50%;width:clamp(90px,24vw,180px);position:absolute;transform:translate(-50%,-50%)}.battle-impact-monster{background:radial-gradient(circle,#fff 0 6%,#ffe681 15%,#ffc53f8a 36%,#0000 68%)}.battle-impact-hero{background:radial-gradient(circle,#fff 0 6%,#e7b6ff 15%,#bb4eff94 38%,#0000 68%)}.battle-story-card{z-index:3;right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));color:#fff9e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#0c1727e6,#121c2dc2);border:1px solid #ffebb27a;border-radius:18px;max-width:560px;margin-inline:auto;padding:14px 16px 13px;animation:.52s ease-out both battle-story-enter;position:absolute;box-shadow:0 14px 42px #0000006b}.battle-story-card.failure{background:linear-gradient(145deg,#1f0f36eb,#121c2dc7);border-color:#e0b4ff80}.battle-story-title{letter-spacing:.04em;color:#ffd972;font-size:1.05rem;display:block}.battle-story-card.failure .battle-story-title{color:#dfb7ff}.battle-story-card p{margin:7px 0 0;font-size:clamp(.9rem,3.6vw,1rem);font-weight:700;line-height:1.5}.battle-frame-hero-attack .battle-hero-image{animation:1.2s ease-in-out infinite alternate battle-hero-charge}.battle-frame-monster-attack .battle-monster-image{animation:1.2s ease-in-out infinite alternate battle-monster-charge}.battle-frame-monster-shock .battle-monster-image{animation:.72s ease-in-out both battle-monster-shock}.battle-frame-monster-shock .battle-impact-monster,.battle-frame-monster-hit .battle-impact-monster{opacity:1;animation:.86s ease-out both battle-gold-impact}.battle-frame-monster-hit .battle-monster-image{animation:1.15s cubic-bezier(.36,.07,.19,.97) both battle-monster-hit}.battle-frame-hero-shock .battle-hero-image,.battle-frame-hero-hit .battle-hero-image{animation:.72s ease-in-out both battle-hero-shock}.battle-frame-hero-shock .battle-impact-hero,.battle-frame-hero-hit .battle-impact-hero{opacity:1;animation:.86s ease-out both battle-purple-impact}.battle-frame-hero-hit .battle-hero-image{animation:1.15s cubic-bezier(.36,.07,.19,.97) both battle-hero-hit}.game-app.battle-frame-hero-attack,.game-app.battle-frame-hero-beam,.game-app.battle-frame-monster-shock,.game-app.battle-frame-monster-hit,.game-app.battle-frame-monster-attack,.game-app.battle-frame-monster-beam,.game-app.battle-frame-hero-shock,.game-app.battle-frame-hero-hit{animation:.28s cubic-bezier(.36,.07,.19,.97) both battle-phone-shake}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes battle-stars-drift{to{transform:translate(-32px,44px)rotate(-12deg)}}@keyframes battle-trajectory-asset-enter{0%{opacity:0}36%{opacity:.72}to{opacity:.9}}@keyframes battle-trajectory-draw{0%{stroke-dashoffset:120px;opacity:0}34%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes battle-trajectory-flicker{0%{opacity:.45}to{opacity:1}}@keyframes battle-speed-lines{0%{transform:translate(-2%,1%)}to{transform:translate(2%,-1%)}}@keyframes battle-hero-enter{0%{opacity:0;transform:translate(-18%,10%)scale(.82)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes battle-monster-enter{0%{opacity:0;transform:translate(18%,-10%)scale(.82)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes battle-hero-charge{0%{filter:brightness()drop-shadow(0 0 12px #ffd3525c);transform:translate(-2%,2%)scale(.96)}to{filter:brightness(1.14)drop-shadow(0 0 30px #ffd352bd);transform:translate(2%,-2%)scale(1.04)}}@keyframes battle-monster-charge{0%{filter:brightness()drop-shadow(0 0 12px #ae56ff5c);transform:translate(2%,-2%)scale(.96)}to{filter:brightness(1.12)drop-shadow(0 0 30px #ae56ffc7);transform:translate(-2%,2%)scale(1.04)}}@keyframes battle-beam-surge{0%{opacity:0;transform:rotate(var(--beam-angle)) scaleX(.12) scaleY(.62)}44%{opacity:1;transform:rotate(var(--beam-angle)) scaleX(var(--beam-scale-x)) scaleY(var(--beam-scale-y))}to{opacity:.94;transform:rotate(var(--beam-angle)) scaleX(var(--beam-scale-x)) scaleY(var(--beam-scale-y))}}@keyframes battle-electric-surge{0%{opacity:0;transform:rotate(var(--electric-angle)) scaleX(.16) scaleY(.48)}38%{opacity:1;transform:rotate(var(--electric-angle)) scaleX(var(--electric-scale-x)) scaleY(var(--electric-scale-y))}58%{opacity:.7}72%{opacity:1}to{opacity:.94;transform:rotate(var(--electric-angle)) scaleX(var(--electric-scale-x)) scaleY(var(--electric-scale-y))}}@keyframes battle-gold-ring{0%{opacity:0;transform:scale(.3)rotate(-18deg)}44%{opacity:1;transform:scale(1.12)rotate(8deg)}to{opacity:.7;transform:scale(.9)rotate(0)}}@keyframes battle-seal-burst{0%{opacity:0;transform:scale(.16)rotate(-28deg)}42%{opacity:1;border-width:9px;transform:scale(1.3)rotate(10deg)}to{opacity:.74;border-width:3px;transform:scale(.78)rotate(0)}}@keyframes battle-star-rain{0%{opacity:0;transform:translateY(-18%)scale(.92)}30%{opacity:1}to{opacity:.82;transform:translate(-6%,14%)scale(1.04)}}@keyframes battle-electric-dome-close{0%{opacity:0;transform:scale(1.46)rotate(10deg)}46%{opacity:.9;transform:scale(.92)rotate(-4deg)}to{opacity:.78;transform:scale(1)rotate(0)}}@keyframes battle-pressure-ring{0%{opacity:0;transform:scale(1.65)}42%{opacity:.9}to{opacity:.7;transform:scale(.78)}}@keyframes battle-pressure-waves{0%{opacity:0;transform:scale(1.22)}35%{opacity:1}to{opacity:.76;transform:scale(.86)}}@keyframes battle-electric-spiral{0%{opacity:0;transform:rotate(calc(var(--electric-angle) - 70deg)) scale(.22)}48%{opacity:1;transform:rotate(calc(var(--electric-angle) + 20deg)) scale(1.06)}to{opacity:.9;transform:rotate(var(--electric-angle)) scaleX(var(--electric-scale-x)) scaleY(var(--electric-scale-y))}}@keyframes battle-monster-shock{0%,to{transform:translate(0)rotate(0)}24%{transform:translate(4%,-1%)rotate(4deg)scale(1.04)}48%{transform:translate(-3%,2%)rotate(-3deg)}72%{transform:translate(2%,-1%)rotate(2deg)}}@keyframes battle-monster-hit{0%{filter:brightness(1.6);transform:translate(0)rotate(0)scale(1)}34%{transform:translate(8%,-4%)rotate(8deg)scale(1.08)}to{filter:brightness(.72)saturate(.72);transform:translate(16%,-8%)rotate(13deg)scale(.88)}}@keyframes battle-hero-shock{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3%,2%)rotate(-4deg)scale(1.04)}50%{transform:translate(3%,-1%)rotate(3deg)}75%{transform:translate(-2%,1%)rotate(-2deg)}}@keyframes battle-hero-hit{0%{filter:brightness(1.6);transform:translate(0)rotate(0)scale(1)}34%{transform:translate(-8%,5%)rotate(-8deg)scale(1.08)}to{filter:brightness(.75)saturate(.8);transform:translate(-15%,9%)rotate(-13deg)scale(.88)}}@keyframes battle-gold-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}32%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}to{opacity:.76;transform:translate(-50%,-50%)scale(.84)}}@keyframes battle-purple-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}32%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.78;transform:translate(-50%,-50%)scale(.88)}}@keyframes battle-phone-shake{0%,to{transform:translate(0)rotate(0)}16%{transform:translate(-5px,2px)rotate(-.35deg)}32%{transform:translate(4px,-2px)rotate(.3deg)}48%{transform:translate(-3px,1px)rotate(-.18deg)}64%{transform:translate(2px,-1px)rotate(.12deg)}80%{transform:translate(-1px)rotate(-.06deg)}}@keyframes battle-story-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0)}}@media (aspect-ratio>=4/5){.battle-hero-beam{--beam-angle:-38deg;width:min(78vw,900px);bottom:28%;left:12%}.battle-monster-electric{--electric-angle:-38deg;width:min(78vw,880px);bottom:22%;left:4%}}@media (prefers-reduced-motion:reduce){.game-app.battle-frame-hero-attack,.game-app.battle-frame-hero-beam,.game-app.battle-frame-monster-shock,.game-app.battle-frame-monster-hit,.game-app.battle-frame-monster-attack,.game-app.battle-frame-monster-beam,.game-app.battle-frame-hero-shock,.game-app.battle-frame-hero-hit,.battle-layered-scene:before,.battle-layered-scene:after,.battle-layer,.battle-trajectory-asset,.battle-trajectory-glow,.battle-trajectory-core,.battle-trajectory-accent,.battle-attack-image,.battle-attack-ring,.battle-electric-ring,.battle-electric-dome,.battle-electric-pressure,.battle-attack-sparks,.battle-story-card{animation:none}}.screen-home,.screen-game{background:radial-gradient(circle at 50% -12%,#fade986b,#0000 38rem),#efe9d9;width:100%;max-width:100%;height:100svh;min-height:0;padding:0;overflow:hidden}.screen-game{--stage-map-position:center 50%;isolation:isolate}.screen-game:before{z-index:0;background:url(/assets/maps/home-map.webp) var(--stage-map-position) / cover no-repeat;content:"";opacity:.28;pointer-events:none;filter:saturate(.86)contrast(.96);mix-blend-mode:multiply;position:fixed;inset:0}.screen-game>*{z-index:1;position:relative}.screen-game.world-stage-1{--stage-map-position:center 3%;background:radial-gradient(circle at 10% 12%,#ffee9a57,#0000 5rem),radial-gradient(circle at 90% 80%,#2d775940,#0000 12rem),repeating-linear-gradient(118deg,#24674d0f 0 2px,#0000 2px 18px),linear-gradient(160deg,#dff1e1 0%,#f4e9bd 55%,#a9ca99 100%)}.screen-game.world-stage-2{--stage-map-position:center 21%;background:radial-gradient(circle at 86% 15%,#ffeeb280,#0000 6rem),repeating-linear-gradient(90deg,#654c3412 0 1px,#0000 1px 22px),linear-gradient(145deg,#e8d2ae 0%,#d7c292 50%,#9e8e78 100%)}.screen-game.world-stage-3{--stage-map-position:center 39%;background:radial-gradient(circle at 15% 22%,#ffe4ad85,#0000 7rem),repeating-linear-gradient(0deg,#904c3312 0 2px,#0000 2px 16px),linear-gradient(160deg,#f1d7ba 0%,#e4b58f 57%,#a7664c 100%)}.screen-game.world-stage-4{--stage-map-position:center 57%;background:radial-gradient(circle at 50% 16%,#b8e8de47,#0000 9rem),repeating-linear-gradient(45deg,#b3d0e014 0 1px,#0000 1px 18px),linear-gradient(145deg,#273b56 0%,#344c6a 52%,#1c2941 100%)}.screen-game.world-stage-5{--stage-map-position:center 75%;background:radial-gradient(circle at 82% 12%,#ffe79c66,#0000 6rem),repeating-linear-gradient(0deg,#754b1f14 0 1px,#0000 1px 14px),linear-gradient(160deg,#e9d7ad 0%,#c9a66b 58%,#765331 100%)}.screen-game.world-stage-6{--stage-map-position:center 100%;background:radial-gradient(circle at 50% 12%,#f7d36942,#0000 7rem),repeating-linear-gradient(135deg,#eac4ff12 0 2px,#0000 2px 20px),linear-gradient(145deg,#30224b 0%,#4f3471 55%,#21172f 100%)}.screen-game.world-stage-1 .battle-fullscreen{background:radial-gradient(circle at 50% 26%,#fff6b3b8,#0000 9rem),linear-gradient(#c9ebe4 0%,#eaf4cf 60%,#b6d18c 60%,#9abf77 100%)}.screen-game.world-stage-2 .battle-fullscreen{background:radial-gradient(circle at 50% 25%,#ffe8b49e,#0000 9rem),linear-gradient(#dfd0af 0%,#edd9b0 58%,#b49b78 58%,#7b6b61 100%)}.screen-game.world-stage-3 .battle-fullscreen{background:radial-gradient(circle at 50% 25%,#ffddadb3,#0000 9rem),linear-gradient(#f1d5b1 0%,#f4c797 58%,#ad6b52 58%,#75483f 100%)}.screen-game.world-stage-4 .battle-fullscreen{background:radial-gradient(circle at 50% 25%,#92e2dc47,#0000 9rem),repeating-linear-gradient(45deg,#c4eae80f 0 1px,#0000 1px 18px),linear-gradient(#263c59 0%,#344f73 60%,#1b2942 60%,#111b2d 100%)}.screen-game.world-stage-5 .battle-fullscreen{background:radial-gradient(circle at 50% 25%,#ffe39da3,#0000 9rem),repeating-linear-gradient(0deg,#784d2114 0 1px,#0000 1px 16px),linear-gradient(#ead7a8 0%,#d9b978 58%,#9a6d3f 58%,#60432e 100%)}.screen-game.world-stage-6 .battle-fullscreen{background:radial-gradient(circle at 50% 24%,#e8bcff38,#0000 9rem),repeating-linear-gradient(135deg,#f4d3820f 0 2px,#0000 2px 18px),linear-gradient(#33204f 0%,#5a3b7d 58%,#2a1a43 58%,#171025 100%)}.map-home{width:100%;max-width:440px;max-inline-size:100%;background:#f7f0dc;border-inline:1px solid #665b3d1f;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100svh;min-height:0;margin:0 auto;display:grid;box-shadow:0 0 70px #3e412a24}.map-header{z-index:8;min-width:0;min-height:66px;padding:max(10px, env(safe-area-inset-top,0px)) 14px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf5e2f0;border-bottom:1px solid #5c543729;grid-template-columns:minmax(90px,1fr) auto minmax(110px,1.25fr);align-items:center;gap:6px;display:grid;position:relative}.map-header .brand-lockup strong{color:#214e4a;letter-spacing:.12em;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:21px}.map-header .brand-lockup small{color:#7b745e}.library-entry{color:#214e4a;text-align:left;cursor:pointer;background:#fff9e2f0;border:1px solid #d8b66a;border-radius:17px;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:4px 10px 4px 4px;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;box-shadow:0 3px #b2832f33}.library-entry:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px #b2832f3d,0 7px 16px #544c311f}.library-entry:active{transform:translateY(1px);box-shadow:0 1px #b2832f33}.library-entry-mark{color:#fff6d1;background:linear-gradient(145deg,#2b8980,#116460);border:2px solid #e0ae45;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #fff6d129}.library-entry strong,.library-entry small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-entry>span:last-child{min-width:0;overflow:hidden}.library-entry strong{letter-spacing:.08em;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:16px}.library-entry small{color:#7b745e;letter-spacing:.04em;margin-top:1px;font-size:9px}.star-pill{color:#745315;white-space:nowrap;background:#fff5cf;border:1px solid #d8b66a;border-radius:999px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.age-select{width:100%;min-width:0;display:block;position:relative}.age-select select{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#fff 50%) calc(100% - 14px) 16px/5px 5px no-repeat,linear-gradient(135deg,#fff 50%,#0000 50%) calc(100% - 9px) 16px/5px 5px no-repeat,#176b6a;border:1px solid #1c6861;border-radius:12px;width:min(126px,31vw);min-width:0;min-height:38px;padding:0 30px 0 11px;font-size:12px;font-weight:800}.map-title{z-index:4;color:#6b624b;background:#efe5c8;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:6px 16px;font-size:11px;font-weight:700;display:flex;position:relative}.map-title-copy{gap:1px;min-width:0;display:grid}.map-title-copy small{color:#176b6a;letter-spacing:.16em;font-size:9px}.map-title-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-title strong{color:#176b6a}.map-title strong small{color:#6b624b;margin-left:8px;font-size:10px;font-weight:700}.library-screen{color:#4b3a29;background:radial-gradient(circle at 86% 18%,#daa94b2b,#0000 14rem),linear-gradient(#fbf3dd 0%,#f5edda 100%);border-inline:1px solid #665b3d1f;width:min(100%,760px);min-height:100svh;margin:0 auto;overflow:hidden}.library-header{z-index:8;min-height:74px;padding:max(10px, env(safe-area-inset-top)) 18px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf5e2f2;border-bottom:1px solid #84693538;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:sticky;top:0;box-shadow:0 6px 18px #56442514}.library-back-button{color:#624a23;white-space:nowrap;cursor:pointer;background:#fff7dd;border:1px solid #d5b469;border-radius:999px;min-height:42px;padding:0 12px;font-size:13px;font-weight:800}.library-back-button:hover{filter:brightness(1.04)}.library-header-title{text-align:center;min-width:0}.library-header-title>span{color:#176b6a;letter-spacing:.18em;font-size:10px;font-weight:800;display:block}.library-header-title h1{color:#4b3422;letter-spacing:.16em;margin:1px 0 0;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:clamp(24px,5vw,32px);line-height:1.05}.library-header-title small{color:#8c7959;margin-top:4px;font-size:10px;display:block}.library-count-badge{color:#79561e;background:#fff1c9;border:2px solid #d7ad52;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.library-content{width:min(100%,720px);padding:18px 18px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.daily-idiom-card{background:radial-gradient(circle at 88% 20%,#e1b85f3d,#0000 9rem),linear-gradient(135deg,#fffbe6fa,#f6e7bcf2);border:2px solid #d4a64b;border-radius:18px;padding:20px;display:block;box-shadow:0 5px #8b652329,0 12px 24px #5c482314}.daily-idiom-copy{min-width:0}.library-kicker{color:#176b6a;letter-spacing:.12em;font-size:11px;font-weight:900;display:inline-block}.daily-idiom-title{color:#4b3422;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;margin:8px 0 2px;padding:0;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:clamp(30px,7vw,46px);font-weight:900;line-height:1.05;display:block}.daily-idiom-title:hover{color:#176b6a}.daily-idiom-reading,.library-detail-reading{color:#876d3c;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;display:flex}.daily-idiom-reading small,.library-detail-reading small{color:#a0875b;font-size:11px}.daily-idiom-card p{color:#624d32;max-width:48em;margin:10px 0 0;font-size:14px;line-height:1.7}.speech-button-library{margin-top:12px}.random-library-button{color:#fff5d1;white-space:nowrap;cursor:pointer;background:#176b6a;border:1px solid #176b6a;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.library-detail-card .random-library-button{margin-top:16px}.random-library-button:hover{background:#0f5152}.library-search-row{margin-top:16px}.library-search-field{background:#fffbecf0;border:2px solid #d7bd84;border-radius:14px;align-items:center;gap:8px;min-height:50px;padding:0 12px;display:flex;box-shadow:inset 0 1px 2px #6b4e1e0f}.library-search-icon{color:#886d38;font-size:28px;line-height:1;transform:rotate(-18deg)}.library-search-field input{color:#4b3422;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px}.library-search-field input::placeholder{color:#a08b6b}.library-search-field>button{color:#6f5933;cursor:pointer;background:#ead8ae;border:0;border-radius:50%;flex:none;width:28px;height:28px}.library-filter-row{scrollbar-width:thin;gap:8px;margin-top:12px;padding-bottom:3px;display:flex;overflow-x:auto}.library-filter-row button{color:#6f5933;cursor:pointer;background:#fff8e3;border:1px solid #d7bd84;border-radius:999px;flex:none;min-height:36px;padding:0 16px;font-size:12px;font-weight:900}.library-filter-row button.active{color:#fff5d1;background:#176b6a;border-color:#176b6a}.library-detail-card{background:#fffcefe6;border:1px solid #d7bd84;border-radius:16px;margin-top:16px;padding:18px;box-shadow:0 7px 18px #5946270f}.library-detail-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-level-badge,.library-result-level{color:#176b6a;background:#e2f0e8;border:1px solid #76a99c;border-radius:999px;justify-content:center;align-items:center;min-width:38px;min-height:26px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.library-detail-card h2{color:#4b3422;letter-spacing:.14em;margin:9px 0 2px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:clamp(28px,6vw,38px)}.library-detail-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-detail-title-row h2{min-width:0}.library-detail-meaning{color:#4b3a29;margin:10px 0 0;font-size:15px;font-weight:800;line-height:1.7}.library-detail-facts{gap:9px;margin:14px 0 0;display:grid}.library-detail-facts div{grid-template-columns:42px minmax(0,1fr);gap:8px;display:grid}.library-detail-facts dt{color:#176b6a;font-size:12px;font-weight:900}.library-detail-facts dd{color:#66523a;margin:0;font-size:13px;line-height:1.6}.library-mistake-note{color:#795d34;border-top:1px dashed #d7bd84;margin-top:14px;padding-top:11px;font-size:12px}.library-mistake-note summary{cursor:pointer;font-weight:900}.library-mistake-note p{margin:8px 0 4px;line-height:1.6}.library-mistake-note small{color:#927c5a;line-height:1.55}.library-results-heading{color:#7d6948;justify-content:space-between;align-items:baseline;gap:10px;margin:20px 2px 8px;font-size:12px;display:flex}.library-results-heading strong{color:#176b6a;font-size:16px}.library-results{gap:8px;display:grid}.library-result-row{color:#4b3422;text-align:left;cursor:pointer;background:#fffcefd1;border:1px solid #dfc994;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 12px 10px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.library-result-row:hover,.library-result-row.selected{background:#eff8ed;border-color:#77a99b;transform:translateY(-1px)}.library-result-copy{gap:4px;min-width:0;display:grid}.library-result-copy strong{letter-spacing:.12em;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:21px}.library-result-copy small{color:#7c6747;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.library-result-arrow{color:#967134;font-size:26px;line-height:1}.library-empty{color:#806c4b;text-align:center;margin:20px 0}.ink-map{isolation:isolate;background:#d7dcc6;min-height:0;position:relative;overflow:hidden}.ink-map:before,.ink-map:after{content:"";pointer-events:none;position:absolute;inset:0}.ink-map:before{z-index:-3;background:url(/assets/maps/home-map.webp) 50%/100% 100% no-repeat}.ink-map:after{z-index:-2;background:linear-gradient(#fffbe80a,#0000 24% 74%,#161c2d3d)}.map-sun{aspect-ratio:1;background:#e1744b9e;border-radius:50%;width:clamp(52px,12vw,82px);position:absolute;top:7%;right:10%;box-shadow:0 0 38px #f5be678a}.mountain{z-index:-1;clip-path:polygon(0 100%,14% 68%,30% 82%,51% 16%,67% 54%,79% 38%,100% 100%);background:linear-gradient(145deg,#3e60488c,#778e5d1f);border-radius:52% 10% 0 0;width:52%;height:48%;position:absolute}.mountain-one{top:2%;left:-8%}.mountain-two{opacity:.76;top:18%;right:-10%;transform:scaleX(-1)}.mountain-three{opacity:.38;width:74%;height:52%;bottom:-4%;left:13%}.map-river{z-index:-1;filter:drop-shadow(5px 0 #4a91973d);border:0 solid #ffffffb8;border-right-width:16px;border-radius:48% 52% 20% 80%;width:32%;height:92%;position:absolute;top:20%;left:43%;transform:rotate(8deg)}.map-sun,.mountain,.map-river,.map-pavilion,.map-companion{display:none}.map-pavilion{color:#5b5d45;opacity:.66;border-top:8px solid #5b5d45;border-bottom:5px double #5b5d45;place-items:center;width:54px;height:44px;font-family:serif;font-size:18px;display:grid;position:absolute;bottom:8%;right:8%}.map-companion{z-index:3;filter:drop-shadow(0 9px 10px #3f533738);pointer-events:none;width:clamp(70px,18vw,128px);position:absolute;top:4%;right:2%}.map-route{position:absolute;inset:0}.map-route:before{display:none}.map-node{z-index:2;color:#354c42;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex;position:absolute}.node-seal{aspect-ratio:1;color:#6b4b14;background:linear-gradient(145deg,#fff0ad,#c6942e);border:4px double #d1a541;border-radius:50%;flex:none;place-items:center;width:clamp(48px,11vw,64px);font-family:STKaiti,KaiTi,serif;font-size:clamp(19px,5vw,26px);font-weight:900;display:grid;position:relative;box-shadow:0 5px #5e491f3d,0 9px 18px #3449382e}.node-copy{background:#fff9e4e0;border:1px solid #56573938;border-radius:10px;min-width:94px;padding:6px 9px;display:grid;box-shadow:0 5px 14px #3b48361f}.node-copy strong{font-size:12px}.node-copy small{color:#7b765e;margin-top:2px;font-size:10px}.map-node.current .node-seal{color:#fff8db;background:linear-gradient(145deg,#39a89b,#0e625d);border-color:#e3c260;animation:1.6s ease-in-out infinite alternate map-node-pulse;box-shadow:0 0 0 7px #269d8e33,0 0 25px #188b80a8}.map-node.completed .node-seal:after{content:"✓";color:#fff;background:#2d7b58;border-radius:50%;place-items:center;width:20px;height:20px;font:800 12px/1 sans-serif;display:grid;position:absolute;bottom:-3px;right:-3px}.map-node.locked{opacity:.58;cursor:not-allowed}.map-node.locked .node-seal{color:#5e5a50;background:linear-gradient(145deg,#ddd6c4,#9e9786);border-color:#88816f;box-shadow:0 4px #4743392e}.node-1{bottom:5%;left:4%}.node-2{bottom:24%;left:12%}.node-3{text-align:right;flex-direction:row-reverse;bottom:36%;right:10%}.node-4{top:37%;left:13%}.node-5{top:16%;left:31%}.node-6{text-align:right;flex-direction:row-reverse;top:3%;right:7%}.ink-map .map-node{z-index:4;place-items:center;width:max-content;display:grid;transform:translate(-50%,-50%)}.ink-map .node-seal{color:#0000;box-shadow:none;background:0 0;border-color:#0000}.ink-map .map-node.current .node-seal{color:#0000;background:#16736c38;border-color:#ffe297e6;box-shadow:0 0 0 6px #269d8e33,0 0 22px #188b8085}.ink-map .map-node.locked .node-seal{color:#fffae0b8;box-shadow:none;background:#41433e1f;border-color:#fffae066}.ink-map .node-copy{z-index:3;border:1.5px solid var(--plaque-accent,#d6ac53);background:repeating-linear-gradient(0deg, #764e2212 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--plaque-top,#fff7cff5), var(--plaque-bottom,#c69143f5));width:min(78px,24vw);min-width:0;min-height:32px;color:var(--plaque-ink,#573a1f);text-align:center;box-shadow:0 2px 0 var(--plaque-accent,#d6ac53), 0 5px 9px #28302633, inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #4f2f1721;border-radius:5px 5px 7px 7px;margin:0;padding:4px 5px;position:absolute;top:32px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.ink-map .node-copy{box-shadow:0 2px 0 color-mix(in srgb, var(--plaque-accent,#d6ac53) 66%, #68421f 34%), 0 5px 9px #28302633, inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #4f2f1721}}.ink-map .node-copy{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);isolation:isolate;pointer-events:none}.ink-map .node-copy:before,.ink-map .node-copy:after{content:"";pointer-events:none;position:absolute}.ink-map .node-copy:before{border:1.5px solid var(--plaque-accent,#d6ac53);border-bottom:0;border-radius:6px 6px 0 0;width:18px;height:6px;top:-6px;left:50%;transform:translate(-50%)}.ink-map .node-copy:after{border:1px solid #fff7cf6b;border-radius:2px 2px 4px 4px;inset:2px}.ink-map .node-2 .node-copy,.ink-map .node-4 .node-copy{--plaque-accent:#a8d4c8;--plaque-top:#dbf4e5f5;--plaque-bottom:#519182f5;--plaque-ink:#164e4a}.ink-map .node-3 .node-copy{--plaque-accent:#e6ad69;--plaque-top:#ffe2b5f7;--plaque-bottom:#bb653df5;--plaque-ink:#63361f}.ink-map .node-6 .node-copy{--plaque-accent:#d7a9e6;--plaque-top:#e8d8f9f7;--plaque-bottom:#5b3a7bf7;--plaque-ink:#fff1c7;top:auto;bottom:32px}.ink-map .node-5 .node-copy{--plaque-accent:#dfbe74;--plaque-top:#fff4ccf7;--plaque-bottom:#b1813df5;--plaque-ink:#60431e}.ink-map .node-copy strong,.ink-map .node-copy small{z-index:1;position:relative}.ink-map .node-copy strong{overflow-wrap:anywhere;letter-spacing:.03em;min-width:0;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:10px;line-height:1.15;display:block}.ink-map .node-copy small{color:var(--plaque-ink,#573a1f);margin-top:2px;display:block}@supports (color:color-mix(in lab, red, red)){.ink-map .node-copy small{color:color-mix(in srgb, var(--plaque-ink,#573a1f) 78%, transparent)}}.ink-map .node-copy small{font-size:7px;line-height:1.15}.ink-map .node-1{top:14.3%;bottom:auto;left:29.5%}.ink-map .node-2{top:24.4%;bottom:auto;left:70.1%}.ink-map .node-3{text-align:left;flex-direction:row;inset:39.3% auto auto 31.3%}.ink-map .node-4{top:49.4%;left:65.5%}.ink-map .node-5{top:68.3%;left:43.3%}.ink-map .node-6{inset:86.9% auto auto 68.8%}.map-shop-button{z-index:6;color:#573a1f;cursor:pointer;filter:drop-shadow(0 6px 8px #3b422d33);background:0 0;border:0;justify-items:center;width:clamp(74px,18vw,94px);padding:0;transition:transform .16s,filter .16s;animation:2.4s ease-in-out infinite map-shop-glow;display:grid;position:absolute;top:3%;left:auto;right:5%}.map-shop-button:hover{filter:brightness(1.08)drop-shadow(0 8px 10px #3b422d3d);transform:translateY(-3px)scale(1.03)}.map-shop-button:active{transform:translateY(1px)scale(.98)}.map-shop-icon{width:clamp(62px,14vw,78px);height:auto;display:block}.map-shop-label{color:#573a1f;text-align:center;background:repeating-linear-gradient(0deg,#764e2212 0 1px,#0000 1px 7px),linear-gradient(#fff7cff5,#c69143f5);border:2px solid #d5a448;border-radius:6px 6px 9px 9px;width:min(86px,26vw);min-width:0;margin-top:-3px;padding:4px 7px 5px;font-family:STKaiti,KaiTi,DFKai-SB,serif;display:grid;transform:rotate(-1.5deg);box-shadow:0 4px 8px #3b422d24}.map-shop-button strong{letter-spacing:.08em;font-size:13px;display:block}.map-shop-button small{color:#80663e;letter-spacing:0;margin-top:2px;font-family:system-ui,sans-serif;font-size:8px;display:block}.shop-backdrop,.shop-detail-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#112320c2;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.shop-backdrop{z-index:120}.shop-dialog{background:radial-gradient(circle at 88% 5%,#e2b1482b,#0000 120px),linear-gradient(145deg,#fffaf0,#f5ead0);border:4px double #d2a64c;border-radius:24px;width:min(100%,430px);max-height:min(92svh,780px);padding:12px;overflow:auto;box-shadow:0 26px 80px #0c1b196b}.shop-dialog-header,.shop-summary,.shop-item-title,.shop-item-meta,.shop-detail-actions{justify-content:space-between;align-items:center;gap:7px;display:flex}.shop-heading{align-items:center;gap:8px;min-width:0;display:flex}.shop-heading-seal{object-fit:contain;flex:none;width:44px;height:44px;display:block}.shop-kicker{color:#9c7127;letter-spacing:.15em;font-size:9px;font-weight:900;display:block}.shop-dialog h2{color:#1c5d57;letter-spacing:.1em;margin:1px 0;font-family:STKaiti,KaiTi,serif;font-size:23px}.shop-heading small{color:#82755e;font-size:9px}.shop-close-button{color:#6e5a35;cursor:pointer;background:#fff9e9;border:1px solid #d9c291;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:25px;line-height:1;display:grid}.shop-summary{color:#73531b;background:#fff8d3db;border:1px solid #e0c889;border-radius:12px;margin:10px 0 9px;padding:6px 8px;font-size:11px}.shop-summary strong{color:#4d3917}.shop-section-heading{color:#176b6a;justify-content:space-between;align-items:baseline;gap:6px;margin:6px 2px 5px;display:flex}.shop-section-heading span{letter-spacing:.08em;font-family:STKaiti,KaiTi,serif;font-size:16px;font-weight:900}.shop-section-heading small{color:#7a725f;text-align:right;font-size:9px}.shop-section-heading-heal{color:#2f7958;margin-top:11px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shop-item-card{background:#ffffffb3;border:1px solid #e1d2ae;border-radius:12px;grid-template-columns:56px minmax(0,1fr);gap:6px;min-width:0;padding:6px;display:grid;box-shadow:0 4px 10px #5a4a2b0f}.shop-item-hint{border-color:#a9d4ca}.shop-item-heal{background:#f6fcf0c2;border-color:#b9d4b8}.shop-item-art{color:#745016;cursor:pointer;background:linear-gradient(145deg,#fff4b5,#e7b95b);border:1px solid #e0bd69;border-radius:10px;align-content:center;justify-items:center;gap:1px;min-width:0;min-height:72px;padding:3px 2px;transition:transform .16s,box-shadow .16s;display:grid}.shop-item-heal .shop-item-art{color:#2f6d4e;background:linear-gradient(145deg,#e8f4db,#a5c795);border-color:#a6c89d}.shop-item-art:hover{transform:translateY(-2px);box-shadow:0 5px 10px #404a3229}.shop-item-art-image{object-fit:contain;width:50px;height:50px;display:block}.shop-item-art small{color:currentColor;font-size:7.5px;line-height:1.2}.shop-item-copy{min-width:0}.shop-item-title{align-items:start}.shop-item-title strong{color:#2d4f49;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:STKaiti,KaiTi,serif;font-size:13px;overflow:hidden}.shop-item-copy p{color:#756e5d;min-height:27px;margin:3px 0 4px;font-size:9px;line-height:1.4}.shop-item-meta{color:#7c735f;font-size:8.5px}.shop-item-meta strong{color:#8a6016;font-size:10.5px}.shop-buy-button{color:#573b0d;cursor:pointer;background:linear-gradient(#f9d56f,#d99c2f);border:1px solid #cb9a36;border-radius:7px;width:100%;min-height:25px;margin-top:4px;padding:0 6px;font-size:9.5px;font-weight:900}.shop-buy-button:disabled{color:#948d80;cursor:not-allowed;background:#e3dfd2;border-color:#cfc6b2}.shop-message{color:#765317;background:#fff5cf;border:1px solid #e3c27a;border-radius:8px;margin:8px 2px 0;padding:6px 8px;font-size:10px;line-height:1.4}.shop-note{color:#817762;text-align:center;margin:8px 2px 0;font-size:9px;line-height:1.4}.shop-detail-backdrop{z-index:2;background:#12252285;padding:22px}.shop-detail-dialog{text-align:center;background:#fff9e8;border:4px double #d1a648;border-radius:22px;width:min(100%,350px);padding:20px;box-shadow:0 24px 70px #11211d61}.shop-detail-dialog.shop-detail-heal{border-color:#8bb98f}.shop-detail-art{background:linear-gradient(145deg,#fff2ad,#e0a73d);border:3px solid #d9ae50;border-radius:28px;place-items:center;width:112px;height:112px;margin:0 auto 10px;display:grid;box-shadow:0 8px #734b141f}.shop-detail-art-image{object-fit:contain;width:100%;height:100%;display:block}.shop-detail-heal .shop-detail-art{color:#2e6a4b;background:linear-gradient(145deg,#e7f5df,#a3c996);border-color:#8fba8d}.shop-detail-dialog h2{margin:4px 0 9px;font-size:28px}.shop-detail-effect{color:#5e655c;margin:0 auto 14px;font-size:13px;line-height:1.65}.shop-detail-list{text-align:left;gap:7px;margin:0 0 16px;display:grid}.shop-detail-list>div{background:#f4efdc;border-radius:9px;grid-template-columns:74px 1fr;gap:8px;padding:8px 9px;display:grid}.shop-detail-list dt{color:#8b6a2e;font-size:10px;font-weight:900}.shop-detail-list dd{color:#45594e;margin:0;font-size:11px;line-height:1.45}.shop-detail-actions{align-items:stretch}.shop-detail-actions button{flex:1;min-width:0}@media (width<=370px){.shop-dialog{padding:10px}.shop-grid{grid-template-columns:1fr}.shop-item-card{grid-template-columns:60px minmax(0,1fr)}.shop-section-heading small{max-width:132px}}.map-footer{z-index:8;min-height:64px;padding:7px 10px max(7px, env(safe-area-inset-bottom,0px));color:#fff8df;background:#164f4c;border-top:1px solid #55503729;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid;position:relative}.map-footer button{width:100%;min-width:0;min-height:44px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff4cc40;border-radius:13px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.map-footer button:last-child{color:#4e3a11;background:#e6b64b}.play-screen{isolation:isolate;width:min(100%,440px);height:100svh;padding:max(7px, env(safe-area-inset-top)) 10px max(7px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);margin:0 auto;display:grid;position:relative}.play-screen:before{content:"";pointer-events:none;z-index:-1;background:0 0;position:absolute;inset:0}.screen-game.world-stage-4 .play-screen:before,.screen-game.world-stage-6 .play-screen:before{background:0 0}.play-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:48px;display:grid}.play-header button{color:#285e58;cursor:pointer;background:#fff9e9;border:1px solid #d6c79f;border-radius:11px;justify-self:start;min-height:36px;padding:0 10px;font-size:12px;font-weight:800}.play-header>div{text-align:center;display:grid}.play-header small{color:#8a7653;font-size:9px}.play-header strong{color:#284e47;letter-spacing:.08em;white-space:nowrap;font-family:STKaiti,KaiTi,serif;font-size:16px}.play-header>.star-pill{justify-self:end}.compact-game-shell{width:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:8px 10px;display:flex;overflow:hidden}.screen-game .battle-shell{width:min(100%,440px);height:100svh;margin:0 auto;overflow:hidden}.screen-game .battle-fullscreen{width:100%;height:100svh;min-height:0}.compact-game-shell .game-topline{flex:none;grid-template-columns:auto minmax(80px,1fr) auto;margin-bottom:5px;font-size:10px;display:grid}.compact-game-shell .progress-track{width:100%}.compact-duel{grid-template-columns:58px minmax(80px,1fr) 58px;align-items:end;width:min(100%,390px);height:clamp(48px,8svh,70px);margin:0 auto 4px;display:grid;position:relative}.compact-duel img{object-fit:contain;filter:drop-shadow(0 5px 5px #30423333);width:100%;max-height:70px}.compact-duel>div{color:#775a3f;text-align:center;align-self:center;padding:0 8px;font-size:9px;font-weight:800}.compact-duel>div>div{background:#d8d0ba;border-radius:99px;height:7px;margin-top:3px;overflow:hidden}.compact-duel i{border-radius:inherit;background:linear-gradient(90deg,#d44f4d,#f2a44b);height:100%;display:block}.compact-game-shell .prompt-panel{border-color:var(--teal);border-radius:12px;flex:none;padding:7px 10px}@supports (color:color-mix(in lab, red, red)){.compact-game-shell .prompt-panel{border-color:color-mix(in srgb, var(--teal) 24%, transparent)}}.compact-game-shell .prompt-panel{background:var(--teal-soft)}@supports (color:color-mix(in lab, red, red)){.compact-game-shell .prompt-panel{background:color-mix(in srgb, var(--teal-soft) 72%, transparent)}}.compact-game-shell .prompt-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compact-game-shell .speech-button{min-height:28px;padding:0 8px;font-size:10px}.compact-game-shell .prompt-label{font-size:9px}.compact-game-shell .prompt-panel h2{margin:2px 0;font-size:clamp(18px,4.8vw,24px);line-height:1.16}.compact-game-shell .prompt-panel p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.compact-game-shell .alternate-challenge{border-radius:14px;flex-direction:column;flex:auto;justify-content:center;min-height:0;margin-top:2px;padding:13px 10px;display:flex}.compact-game-shell .alternate-challenge h2{margin:5px auto 6px;font-size:clamp(19px,5.2vw,27px);line-height:1.3}.compact-game-shell .alternate-challenge p{font-size:11px;line-height:1.4}.compact-game-shell .ancient-copy-hint{margin-top:7px;padding:7px 9px}.compact-game-shell .ancient-copy-hint>span{font-size:9px}.compact-game-shell .ancient-copy-hint p{margin-top:2px;font-size:10px;line-height:1.35}.compact-game-shell .challenge-word{font-size:clamp(33px,10vw,48px)!important}.compact-game-shell .challenge-options{margin-top:12px}.compact-game-shell .challenge-option{border-radius:10px;min-height:43px;font-size:12px}.compact-game-shell .stage-line{flex:none;margin:5px 0 4px;font-size:10px}.compact-game-shell .card-board{flex:none;width:min(100%,330px,42svh);max-width:100%;height:min(100%,42svh);min-height:0;max-height:100%;margin:0 auto}.compact-game-shell .card-grid{gap:5px;height:100%;max-height:330px}.compact-game-shell .word-card{border-radius:11px;min-height:0;font-size:clamp(22px,6svh,34px)}.compact-game-shell .word-card.covered{font-size:20px}.compact-game-shell .answer-panel{flex:none;margin-top:5px}.compact-game-shell .answer-slots span{border-color:var(--teal-dark)}@supports (color:color-mix(in lab, red, red)){.compact-game-shell .answer-slots span{border-color:color-mix(in srgb, var(--teal-dark) 30%, transparent)}}.compact-game-shell .answer-slots span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf594;box-shadow:0 4px 10px #23373424,inset 0 1px #ffffff9e}.compact-game-shell .answer-heading{margin-bottom:3px;font-size:9px}.compact-game-shell .answer-slots{gap:5px}.compact-game-shell .answer-slots span{border-radius:9px;min-height:31px;font-size:16px}.compact-game-shell .status-message{white-space:nowrap;text-overflow:ellipsis;flex:none;min-height:17px;margin:3px 0 0;font-size:10px;line-height:1.35;overflow:hidden}.compact-game-shell .action-row{flex:none;margin-top:5px}.compact-game-shell .primary-button,.compact-game-shell .secondary-button{border-radius:11px;min-height:38px;font-size:11px}.compact-game-shell .memory-start-floating{color:#4b2d0b;letter-spacing:.16em;text-shadow:0 1px #fff5b8b3;background:repeating-linear-gradient(135deg,#ffffff21 0 2px,#0000 2px 9px),linear-gradient(#fff0a9 0%,#e6b342 46%,#b66f1e 100%);border:2px solid #ffe9a2;border-radius:14px 14px 11px 11px;min-height:50px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:15px;transform:translate(-50%,-50%)translateZ(42px)rotateX(2deg);box-shadow:0 5px #7d4813,0 16px 28px #3c230a6b,0 0 20px #ffd35e5c,inset 0 1px #ffffffc7,inset 0 -3px #6c390d38}.compact-game-shell .sort-panel{border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:4px;margin-top:5px;padding:6px 8px;display:grid}.compact-game-shell .sort-panel>span{font-size:10px}.compact-game-shell .sort-panel>small{margin:0}.compact-game-shell .sort-panel>div{grid-column:1/-1;margin:0}.compact-game-shell .sort-panel button{min-height:34px;margin:0 3px 0 0;padding:0 11px;font-size:16px}.compact-game-shell .sort-panel .compact{display:none}.stage-look .compact-game-shell,.stage-countdown .compact-game-shell,.stage-find .compact-game-shell,.stage-sort .compact-game-shell{overscroll-behavior-y:contain;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));overflow:hidden auto}.stage-result .compact-game-shell,.stage-failed .compact-game-shell{overscroll-behavior-y:contain;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));justify-content:flex-start;overflow:hidden auto}.compact-game-shell .result-panel{border-radius:15px;margin-top:5px;padding:12px 14px;overflow:visible}.compact-game-shell .result-icon{font-size:26px}.compact-game-shell .result-heading-row{gap:7px}.compact-game-shell .result-heading-copy h2{margin-top:1px;font-size:21px;line-height:1.15}.compact-game-shell .result-heading-row .speech-button{min-height:30px;padding:0 9px;font-size:10px}.compact-game-shell .result-panel p{margin-top:8px;font-size:12px;line-height:1.5}.compact-game-shell .result-example{margin-top:7px;padding-top:7px;font-size:11px;line-height:1.45}.compact-game-shell .reward-row{margin-top:7px}.compact-game-shell .result-health-card{border-radius:12px;gap:5px;margin-top:5px;padding:8px 10px}.compact-game-shell .result-health-heading{font-size:10px}.compact-game-shell .result-health-heading strong{font-size:12px}.compact-game-shell .result-health-track{height:6px}.compact-game-shell .result-heal-button{min-height:34px;font-size:11px}.tutorial-backdrop,.story-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14221fb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tutorial-card{text-align:center;background:radial-gradient(circle at 12% 9%,#d5ad521f,#0000 70px),#fff8e7;border:5px double #d0a94e;border-radius:24px;width:min(100%,430px);padding:24px 20px 20px;box-shadow:0 24px 70px #14201b5c}.tutorial-kicker{color:#a27625;letter-spacing:.12em;font-size:10px;font-weight:900}.tutorial-card h2{color:#1f5b56;letter-spacing:.12em;margin:5px 0 16px;font-family:STKaiti,KaiTi,serif;font-size:30px}.tutorial-steps{text-align:left;gap:9px;margin-bottom:18px;display:grid}.tutorial-steps>div{background:#ffffffad;border:1px solid #e6d6af;border-radius:14px;grid-template-columns:48px 1fr;align-items:center;column-gap:10px;padding:9px;display:grid}.tutorial-steps>div>span{color:#176b6a;background:#e8f2e9;border-radius:50%;grid-row:1/3;place-items:center;width:44px;height:44px;font-family:STKaiti,KaiTi,serif;font-size:20px;font-weight:900;display:grid}.tutorial-steps strong{color:#284e47;font-size:14px}.tutorial-steps small{color:#706b5e;font-size:11px;line-height:1.45}.tutorial-card>.primary-button{border-radius:14px;width:100%;min-height:48px}.story-backdrop{background:radial-gradient(circle at 50% 28%,#e7b24c29,#0000 38%),linear-gradient(#0d1d1bf2,#182d27fa);overflow:hidden}.story-book-glow{filter:blur(50px);background:#ffd35b2e;border-radius:50%;width:min(110vw,900px);height:42%;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.story-toolbar{z-index:4;top:max(12px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;right:14px}.story-toolbar button{color:#fff5ce;cursor:pointer;background:#ffffff14;border:1px solid #fff6cf5c;border-radius:999px;min-height:38px;padding:0 13px;font-size:12px;font-weight:800}.story-scroll{background:linear-gradient(90deg,#7a4d181f,#0000 13% 87%,#7a4d181f),#f7e9bd;border-inline:1px solid #774c1c73;width:min(88vw,520px);height:min(77svh,760px);padding:15px 14px;position:relative;box-shadow:0 18px 65px #00000070,inset 0 0 45px #7549172e}.scroll-rod{z-index:3;background:linear-gradient(#e4b861,#7d4d20 52%,#bf873c);border:2px solid #6f441b;border-radius:999px;width:110%;height:24px;position:absolute;left:-5%;box-shadow:0 6px 12px #00000047}.scroll-rod:before,.scroll-rod:after{content:"";background:#b67a30;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.scroll-rod:before{left:-12px}.scroll-rod:after{right:-12px}.scroll-rod-top{top:-12px}.scroll-rod-bottom{bottom:-12px}.story-window{height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 90%,#0000 100%)}.story-scroll-track{color:#3d3527;text-align:center;will-change:transform;padding:0 8%;animation:62s linear both story-roll-up}.story-seal{color:#a83f31;border:3px double #a83f31;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-family:STKaiti,KaiTi,serif;font-size:25px;font-weight:900;display:grid}.story-prelude{color:#8a6a35;letter-spacing:.22em;font-weight:900;font-size:11px!important}.story-scroll-track h1{color:#173f3c;letter-spacing:.1em;margin:7px 0 30px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:clamp(28px,8vw,42px)}.story-scroll-track>p{text-align:left;margin:0 0 30px;font-family:STKaiti,KaiTi,DFKai-SB,serif;font-size:clamp(16px,4.5vw,20px);line-height:1.95}.story-scroll-track>p>span{float:left;color:#fff4c8;background:#1b625c;border-radius:50%;place-items:center;width:29px;height:29px;margin:4px 8px 0 0;font-family:sans-serif;font-size:12px;font-weight:900;display:grid}.story-oath{color:#17524e;border-block:1px solid #644b244d;gap:8px;margin-top:38px;padding:24px 12px 48px;display:grid}.story-oath strong{font:900 clamp(20px,5vw,28px)/1.5 STKaiti,KaiTi,serif}.story-oath small{color:#786c53;font-size:12px}.story-start{z-index:4;bottom:max(14px, env(safe-area-inset-bottom));color:#fff8d8;cursor:pointer;background:#12544df0;border:1px solid #d6ad53;border-radius:999px;min-width:190px;min-height:48px;padding:0 22px;font-size:14px;font-weight:900;position:absolute;box-shadow:0 6px #0003}.story-start.ready{color:#46310e;background:#e0ad43;animation:.9s ease-in-out infinite alternate story-button-ready}@keyframes map-node-pulse{to{transform:translateY(-3px)scale(1.04)}}@keyframes map-shop-glow{0%,to{filter:drop-shadow(0 6px 8px #3b422d33)drop-shadow(0 0 #f0c14800)}50%{filter:drop-shadow(0 8px 12px #3b422d47)drop-shadow(0 0 14px #f0c148b8)}}@keyframes story-roll-up{0%{transform:translateY(75svh)}to{transform:translateY(calc(12svh - 100%))}}@keyframes story-button-ready{to{transform:translateY(-3px);box-shadow:0 9px 24px #e1b14852}}@media (width<=540px){.map-header .brand-mark{border-radius:11px;width:36px;height:36px;font-size:18px}.map-header .brand-lockup{gap:7px}.map-header .brand-lockup strong{font-size:17px}.map-header .brand-lockup small{font-size:9px}.library-entry{border-radius:14px;gap:6px;padding-right:7px}.library-entry-mark{border-radius:10px;width:32px;height:32px;font-size:17px}.library-entry strong{letter-spacing:.05em;font-size:13px}.library-entry small{font-size:8px}.star-pill{min-height:32px;padding-inline:8px;font-size:11px}.age-select select{max-width:126px;min-height:34px;font-size:10px}.map-title-copy small{font-size:8px}.map-title-copy span{font-size:10px}.library-header{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;min-height:68px;padding-inline:10px}.library-back-button{min-height:38px;padding-inline:10px;font-size:11px}.library-back-button span{display:none}.library-header-title>span{font-size:8px}.library-header-title h1{font-size:24px}.library-header-title small{font-size:9px}.library-count-badge{width:36px;height:36px;font-size:10px}.library-content{padding:12px 10px calc(24px + env(safe-area-inset-bottom))}.daily-idiom-card{padding:16px;display:block}.daily-idiom-title{font-size:32px}.daily-idiom-card p{font-size:13px}.random-library-button{justify-content:center;width:100%}.library-detail-card{padding:15px}.library-result-copy strong{font-size:19px}.library-result-copy small{font-size:11px}.node-copy{width:min(88px,28vw);min-width:0;padding:5px 7px}.node-copy strong{font-size:10px}.map-companion{top:7%}.play-header button span{display:none}}@media (width<=300px){.map-header{grid-template-columns:minmax(80px,1fr) auto minmax(104px,1.15fr);gap:4px;padding-inline:8px}.library-entry{gap:4px;padding-right:4px}.library-entry-mark{border-radius:9px;width:28px;height:28px;font-size:15px}.library-entry strong{font-size:12px}.library-entry small{font-size:7px}.star-pill{padding-inline:6px;font-size:10px}.age-select select{width:100%;max-width:none;padding-inline:8px 22px;font-size:9px}}@media (height<=700px){.map-header{min-height:56px}.map-title{min-height:30px;padding-block:4px}.map-footer{min-height:55px;padding-block:5px}.map-footer button{min-height:38px}.compact-duel{display:none}.compact-game-shell .prompt-panel p{-webkit-line-clamp:1}.compact-game-shell .card-board{width:min(100%,300px,42svh);max-width:100%}.story-scroll{height:72svh}}@media (prefers-reduced-motion:reduce){.map-node.current .node-seal,.map-shop-button,.story-start.ready,.memory-start-floating{animation:none}.story-scroll-track{animation-duration:1ms;transform:translateY(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}