/*! 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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#102f4a;--ink-deep:#061827;--navy:#0b2d49;--navy-soft:#174b66;--paper:#f8ecd0;--paper-light:#fff8e7;--gold:#d7a94a;--gold-light:#f4d986;--orange:#bc572c;--orange-light:#e4864d;--teal:#397b78;--teal-light:#75aaa2;--green:#3d7c65;--red:#a9473d}*{box-sizing:border-box}html{background:var(--ink-deep);min-width:320px}body{background:var(--ink-deep);color:var(--paper-light);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #fff1b4}.game-shell{background:radial-gradient(circle at 50% -10%,#51899652,#0000 35%),radial-gradient(circle at 94% 82%,#b74e2638,#0000 32%),linear-gradient(142deg,#061625 0%,#0a2a43 52%,#071a29 100%);min-height:100vh;padding:clamp(18px,2vw,30px);position:relative;overflow:hidden}.game-shell:before{z-index:0;content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ambient-light{z-index:0;pointer-events:none;filter:blur(110px);opacity:.18;border-radius:50%;width:420px;height:420px;position:fixed}.ambient-light--one{background:#ec8a43;top:-180px;left:-100px}.ambient-light--two{background:#5ba49b;bottom:-220px;right:-160px}.game-header{z-index:5;justify-content:space-between;align-items:center;gap:24px;width:min(1540px,100%);margin:0 auto clamp(16px,2vw,26px);display:flex;position:relative}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-seal{width:54px;height:54px;color:var(--gold-light);letter-spacing:.08em;background:linear-gradient(145deg,#ffffff26,#0000 35%),linear-gradient(145deg,#215674,#0b2943);border:1px solid #f9dc8bb3;border-radius:17px;flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:800;display:grid;box-shadow:inset 0 1px #fff3,0 10px 24px #0000004d}.eyebrow,.panel-kicker{color:var(--gold-light);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800;line-height:1.2}.brand-lockup h1{color:#fff9e9;letter-spacing:-.025em;text-shadow:0 3px 12px #0006;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,2.4vw,38px);font-weight:700;line-height:1}.brand-lockup h1 span{color:#d6b768;letter-spacing:.015em;font-size:.55em;font-style:italic;font-weight:500}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.icon-button,.text-button{cursor:pointer;color:#f9eccd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051a2ab8;border:1px solid #ecd9a840;transition:transform .18s,background .18s,border-color .18s;box-shadow:inset 0 1px #ffffff14}.icon-button:hover,.text-button:hover{background:#113850e6;border-color:#f4d986a6;transform:translateY(-1px)}.icon-button{border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid}.text-button{border-radius:999px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700}.game-layout{z-index:2;grid-template-columns:minmax(0,1fr) clamp(250px,20vw,306px);gap:clamp(17px,1.8vw,28px);width:min(1540px,100%);margin:0 auto;display:grid;position:relative}.board-scroll{min-width:0;padding:9px 12px 30px;overflow:hidden}.board-scene{transform-origin:50% 100%;width:100%;transform:perspective(1600px)rotateX(2.8deg)}.board-frame{aspect-ratio:16/10;background:#133a50;border:clamp(9px,.9vw,15px) solid #08263e;border-radius:clamp(20px,2vw,35px);width:100%;position:relative;overflow:hidden;box-shadow:0 8px #04131f,0 16px #1b4660,0 29px 34px #0000008f,inset 0 0 0 2px #daae50c7,inset 0 0 0 8px #03131e80}.board-frame:before,.board-frame:after{z-index:2;content:"";pointer-events:none;position:absolute}.board-frame:before{border:1px solid #ebbe58b8;border-radius:clamp(13px,1.4vw,25px);inset:10px;box-shadow:inset 0 0 0 3px #061b2a73}.board-frame:after{border:1px solid #f0cd7938;border-radius:19px;inset:3.6%}.board-surface{z-index:0;filter:saturate(.98)contrast(1.04)brightness(.93);background-image:linear-gradient(115deg,#04182614,#02152199),url(/mouse-quest-board-3d.png),radial-gradient(circle at 50% 44%,#1c5770 0%,#0d3853 44%,#082740 100%);background-position:50%;background-size:100% 100%;position:absolute;inset:0}.board-surface:after{content:"";opacity:.3;mix-blend-mode:soft-light;background-image:radial-gradient(#fcecbd66 .55px,#0000 .8px),linear-gradient(125deg,#0000 35%,#ffffff0e 49%,#0000 63%);background-size:5px 5px,100% 100%;position:absolute;inset:0}.board-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at 53% 57%,#0000 32%,#010f1952 100%),linear-gradient(#efbe5914,#0000 28%);position:absolute;inset:0}.track-ribbon{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.track-ribbon polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.track-ribbon__shadow{stroke:#00080fa6;stroke-width:clamp(30px,4.8vw,69px);transform:translateY(1.2px)}.track-ribbon__edge{stroke:#d09f44cc;stroke-width:clamp(24px,4.1vw,59px)}.track-ribbon__inside{stroke:#062233ed;stroke-width:clamp(20px,3.55vw,51px)}.path-tile{z-index:5;aspect-ratio:1.14;color:#16384d;width:7.25%;box-shadow:none;pointer-events:none;background:0 0;border:0;place-items:center;transition:filter .22s;display:grid;position:absolute}.path-tile--words{color:#f8ecca}.path-tile--grammar{color:#fff1d2}.path-tile--sentence{color:#143c51}.path-tile--everyday{color:#f4d787}.path-tile--start{aspect-ratio:1;color:#f4d682;width:8.25%}.path-tile--finish{aspect-ratio:1;z-index:6;color:#fff0b0;width:8.25%;box-shadow:none}.path-tile--current{filter:brightness(1.15)drop-shadow(0 0 5px #ffdc74b3)}.path-tile__number{z-index:2;opacity:.72;text-shadow:0 1px #ffffff7a,0 0 3px #ffffff59;font-size:clamp(6px,.55vw,9px);font-weight:900;line-height:1;position:absolute;top:3px;left:6px}.path-tile__icon{z-index:2;text-shadow:0 1px #ffffff52,0 2px 5px #00000047;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,1.25vw,20px);font-weight:800;line-height:1;position:relative}.path-tile__result{z-index:4;aspect-ratio:1;color:#fff5cf;background:#357c61;border:1px solid #fae19c;border-radius:50%;place-items:center;width:clamp(13px,1.25vw,21px);font-size:clamp(7px,.75vw,12px);display:grid;position:absolute;top:-7px;right:-6px;box-shadow:0 3px 7px #00000073}.path-tile--wrong .path-tile__result{background:#9b4138;border-color:#efb79b}.mouse-token{z-index:12;pointer-events:none;filter:drop-shadow(0 5px 4px #0000007a);width:clamp(28px,2.8vw,44px);height:clamp(28px,2.8vw,44px);transition:left .33s cubic-bezier(.22,.72,.3,1),top .33s cubic-bezier(.22,.72,.3,1);position:absolute;transform:translate(-46%,-53%)}.mouse-token:after{content:"";filter:blur(3px);background:#0000006e;border-radius:50%;height:16%;position:absolute;bottom:-2%;left:10%;right:10%}.mouse-token__model{z-index:2;width:100%;height:100%;animation:1.8s ease-in-out infinite mouse-bob;display:block;position:relative}.mouse-token__body{background:radial-gradient(circle at 30% 22%,#e8e2d5 0%,#a5a39e 37%,#5c6267 76%),#8e9392;border:1px solid #f4ead085;border-radius:62% 53% 47% 57%;width:61%;height:52%;position:absolute;bottom:8%;right:10%;transform:rotate(-8deg);box-shadow:inset -6px -7px 9px #1720255e,inset 4px 4px 6px #ffffff47}.mouse-token__head{background:radial-gradient(circle at 34% 25%,#ebe5d6 0%,#a4a39f 40%,#63686c 82%),#929794;border:1px solid #f4ead087;border-radius:49% 57% 58% 53%;width:49%;height:47%;position:absolute;top:14%;left:5%;transform:rotate(-12deg);box-shadow:inset -4px -5px 7px #121d234f,inset 3px 3px 4px #ffffff3d}.mouse-token__ear{z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#d89892 18%,#aa7473 58%,#767b7d 62%);border:2px solid #777b7d;border-radius:50%;width:43%;position:absolute;box-shadow:inset 1px 1px 3px #ffffff59}.mouse-token__ear--left{top:-25%;left:0}.mouse-token__ear--right{top:-15%;right:-11%}.mouse-token__eye{aspect-ratio:1;background:#0a1217;border-radius:50%;width:8%;position:absolute;top:39%;box-shadow:0 0 0 1px #fff3}.mouse-token__eye--left{left:29%}.mouse-token__eye--right{right:22%}.mouse-token__nose{aspect-ratio:1;background:#38272d;border-radius:50%;width:12%;position:absolute;bottom:9%;left:2%;box-shadow:0 0 5px #ebaeae73}.mouse-token__tail{z-index:-1;filter:drop-shadow(1px 1px #2a1c2066);border-bottom:3px solid #c49391;border-right:3px solid #c49391;border-radius:0 0 80%;width:42%;height:39%;position:absolute;bottom:14%;right:-13%;transform:rotate(-21deg)}@keyframes mouse-bob{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.exit-object{z-index:4;filter:drop-shadow(0 10px 12px #0000008c);width:clamp(42px,5.1vw,81px);height:clamp(61px,7vw,111px);position:absolute;top:5.5%;right:12.8%}.exit-object__arch{background:linear-gradient(145deg,#113950,#081e30);border:clamp(5px,.55vw,9px) solid #c1913f;border-bottom-width:clamp(7px,.8vw,12px);border-radius:50% 50% 8px 8px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f0cd77,inset 0 0 12px #000c,0 4px #71471d}.exit-object__door{z-index:2;background:linear-gradient(90deg,#0000 47%,#45241199 49%,#ffe2923b 52%,#0000 54%),linear-gradient(155deg,#8b5328,#4b2918);border:1px solid #f0cc75;border-radius:44% 44% 3px 3px;position:absolute;inset:18% 18% 10%;box-shadow:inset 0 0 12px #1a0d08a3}.exit-object__keyhole{background:#180e09;border-radius:50% 50% 20% 20%;width:9%;height:15%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.exit-object__glow{z-index:-1;background:radial-gradient(circle,#fad36385,#0000 65%);border-radius:50%;animation:2.5s ease-in-out infinite exit-glow;position:absolute;inset:-30%}@keyframes exit-glow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.control-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.mission-card,.dice-zone,.field-legend{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0f,#0000 42%),#051c2cd1;border:1px solid #dfbc6942;border-radius:22px;box-shadow:inset 0 1px #ffffff14,0 14px 34px #00000038}.mission-card{padding:19px 20px 18px}.mission-card h2{color:#fff5dc;margin:7px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.45vw,23px);line-height:1.08}.mission-card>p:last-child{color:#b9cad0;margin:0;font-size:12px;line-height:1.55}.score-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score-card{background:#0a2c41ba;border:1px solid #d4b5702e;border-radius:18px;align-items:center;gap:8px;min-width:0;min-height:67px;padding:12px 11px;display:flex;box-shadow:inset 0 1px #ffffff0f}.score-card>span{color:#d6e3df;background:#2c6871;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid}.score-card--gold>span{color:#473015;background:linear-gradient(145deg,#f2d67e,#ba742e);box-shadow:0 0 14px #ebbe5445}.score-card div{flex-direction:column;min-width:0;display:flex}.score-card strong{color:#fff6dd;font-size:21px;line-height:1}.score-card small{color:#aabfc6;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;font-weight:650;line-height:1.1;overflow:hidden}.dice-zone{flex-direction:column;align-items:center;padding:14px 16px 17px;display:flex;position:relative;overflow:hidden}.dice-zone__halo{pointer-events:none;background:radial-gradient(circle,#e8b74b2b,#0000 67%);border-radius:50%;width:120px;height:100px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.dice-button{z-index:2;cursor:pointer;color:#153a50;width:clamp(71px,6.2vw,92px);height:clamp(71px,6.2vw,92px);transform-style:preserve-3d;background:radial-gradient(circle at 29% 24%,#fffdfa 0%,#f3e9d4 42%,#bda984 100%);border:0;border-radius:17px;margin:4px 15px 11px 0;transition:transform .18s,filter .18s;position:relative;transform:rotate(-4deg);box-shadow:inset 4px 4px 5px #ffffffc7,inset -7px -8px 10px #6754382e,0 12px 18px #00000073}.dice-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-4px)rotate(1deg)}.dice-button:disabled{cursor:not-allowed}.dice-button__top,.dice-button__side{z-index:-1;content:"";pointer-events:none;position:absolute}.dice-button__top{background:linear-gradient(120deg,#fffdf4,#caba9a);border-radius:11px 11px 4px 3px;height:17px;top:-11px;left:8px;right:-9px;transform:skew(-42deg);box-shadow:inset 0 2px 2px #ffffffb3}.dice-button__side{transform-origin:0 0;background:linear-gradient(160deg,#bca985,#8d795b);border-radius:3px 10px 10px 3px;width:20px;top:-3px;bottom:8px;right:-14px;transform:skewY(-45deg)}.dice-button__face{z-index:2;text-shadow:0 1px #fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(58px,5.35vw,80px);font-weight:900;line-height:.92;display:block;position:relative}.dice-button--rolling{animation:.82s cubic-bezier(.2,.72,.28,1) dice-roll}.dice-button--rolling .dice-button__face{animation:.14s steps(2,end) infinite dice-face-flicker}@keyframes dice-roll{0%{transform:translateY(0)rotate(-4deg)scale(1)}20%{transform:translateY(-19px)rotate(78deg)scale(1.05)}45%{transform:translate(6px,-4px)rotate(173deg)scale(.97)}68%{transform:translate(-5px,-11px)rotate(266deg)scale(1.03)}to{transform:translateY(0)rotate(356deg)scale(1)}}@keyframes dice-face-flicker{50%{opacity:.3}}.dice-result{color:#c5d5d8;min-height:17px;margin:0 0 10px;font-size:11px;font-weight:650}.roll-button,.primary-button{cursor:pointer;color:#183244;letter-spacing:.01em;background:linear-gradient(145deg,#ffffff6b,#0000 35%),linear-gradient(145deg,#f5d983,#c98230);border:1px solid #f0cd77;border-radius:999px;justify-content:center;align-items:center;min-height:45px;font-size:13px;font-weight:850;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 6px #77471e,0 11px 22px #0000004f}.roll-button{width:min(190px,100%)}.roll-button:not(:disabled):hover,.primary-button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb3,0 7px #77471e,0 14px 25px #00000059}.roll-button:not(:disabled):active,.primary-button:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffffb3,0 2px #77471e,0 7px 14px #0000004d}.roll-button:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.72)}.field-legend{padding:15px 16px 16px}.field-legend>.panel-kicker{margin-bottom:11px}.legend-item{grid-template-columns:31px 1fr;align-items:center;gap:9px;margin-top:7px;display:grid}.legend-item>span{color:#fff0cf;background:#387b78;border:1px solid #ffffff42;border-radius:7px;place-items:center;width:31px;height:27px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:800;display:grid;box-shadow:0 3px #153d43,inset 0 1px #ffffff40}.legend-item--grammar>span{background:#b95532;box-shadow:0 3px #6b2c1c}.legend-item--sentence>span{color:#15384c;background:#d1ac6a;box-shadow:0 3px #7d5b2e}.legend-item--everyday>span{color:#f3d77d;background:#1d5270;box-shadow:0 3px #0b2b43}.legend-item div{flex-direction:column;display:flex}.legend-item strong{color:#f7ecd3;font-size:10px;line-height:1.1}.legend-item small{color:#8fabb3;margin-top:2px;font-size:9px;line-height:1.1}.current-field-pill{z-index:30;color:#f6ecd3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051c2ce6;border:1px solid #f2d3826b;border-radius:999px;align-items:center;gap:8px;min-height:39px;padding:6px 15px 6px 7px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 9px 22px #00000059}.current-field-pill span{color:#173c4e;background:#e5c775;border-radius:50%;place-items:center;width:27px;height:27px;font-family:Georgia,Times New Roman,serif;font-weight:900;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(.8);backdrop-filter:blur(10px)saturate(.8);background:#010d17bf;place-items:center;padding:24px;animation:.32s both backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-backdrop--question{background:#010d17ad}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.story-modal,.question-modal,.finish-modal{color:#17374a;background:radial-gradient(circle at 50% 0,#ffffffbf,#0000 34%),linear-gradient(145deg,#fff9e9 0%,#f5e5c5 100%);border:1px solid #daae50b8;border-radius:32px;width:min(610px,100%);animation:.41s cubic-bezier(.2,.9,.25,1.12) both modal-in;position:relative;box-shadow:0 24px 80px #0000008c,0 7px #b87c36,inset 0 0 0 5px #ffffff57}.story-modal:before,.question-modal:before,.finish-modal:before{content:"";pointer-events:none;border:1px solid #9059222e;border-radius:23px;position:absolute;inset:11px}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.story-modal{text-align:center;padding:72px clamp(24px,5vw,54px) 40px}.story-modal__crest{background:radial-gradient(circle at 50% 35%,#28617a,#0a2e49 72%),#0d3651;border:3px solid #edcf80;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute;top:-48px;left:50%;transform:translate(-50%);box-shadow:0 10px #7b4c22,0 18px 28px #0006,inset 0 0 0 5px #061b2a80}.story-modal__crest .mouse-token__model{filter:drop-shadow(0 7px 5px #00000073);width:68px;height:68px}.story-modal .eyebrow,.finish-modal .eyebrow{color:#a45929}.story-modal h2,.finish-modal h2{color:#12384f;letter-spacing:-.025em;margin:10px auto 13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,38px);line-height:1.04}.story-modal__lead{color:#53676a;max-width:490px;margin:0 auto;font-size:14px;line-height:1.65}.rules-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 18px;display:grid}.rules-grid div{background:#ffffff75;border:1px solid #284e5b21;border-radius:16px;min-height:104px;padding:14px 11px;box-shadow:inset 0 1px #ffffffb8}.rules-grid span{color:#fff3d0;background:#1d5770;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 auto 9px;font-size:12px;font-weight:900;display:grid;box-shadow:0 3px #0b3148}.rules-grid p{color:#345364;margin:0;font-size:11px;font-weight:750;line-height:1.35}.story-modal__note{color:#786949;margin:0 0 22px;font-size:11px;font-weight:650}.primary-button{gap:20px;min-width:235px;min-height:51px;padding:0 23px}.primary-button span{font-size:19px;line-height:1}.question-modal{width:min(1000px,100vw - 48px);padding:clamp(24px,4vw,40px)}.question-modal__top{z-index:2;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex;position:relative}.question-category{align-items:center;gap:10px;display:flex}.question-category>span{color:#fff3d4;background:#3c7c78;border:1px solid #ffffff73;border-radius:10px;place-items:center;width:43px;height:39px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;display:grid;box-shadow:0 4px #1f4b4b,inset 0 1px #ffffff4d}.question-category--grammar>span{background:#ba5934;box-shadow:0 4px #6e301e}.question-category--sentence>span{color:#173b4d;background:#d5b16e;box-shadow:0 4px #866033}.question-category--everyday>span{color:#f5da85;background:#245a74;box-shadow:0 4px #12354b}.question-category div{flex-direction:column;display:flex}.question-category strong{color:#23495c;letter-spacing:.05em;text-transform:uppercase;font-size:12px}.question-category small{color:#897452;margin-top:3px;font-size:10px;font-weight:700}.question-progress{color:#6e654e;background:#ffffff7d;border:1px solid #1d4d5f29;border-radius:999px;place-items:center;min-width:61px;height:35px;font-size:11px;font-weight:800;display:grid}.question-modal h2{z-index:2;color:#12374c;letter-spacing:-.02em;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2vw,28px);line-height:1.13;position:relative}.question-hint{z-index:2;color:#806f52;margin:8px 0 19px;font-size:11px;font-weight:650;position:relative}.answers-list{z-index:2;gap:10px;display:grid;position:relative}.answer-button{cursor:pointer;color:#284c5d;text-align:left;background:#ffffff9e;border:1px solid #18445624;border-radius:15px;grid-template-columns:36px 1fr 26px;align-items:center;gap:11px;min-height:56px;padding:8px 13px 8px 9px;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:0 3px #8e66301c,inset 0 1px #ffffffdb}.answer-button:not(:disabled):hover{background:#fffdf5;border-color:#1d5f746b;transform:translate(4px)}.answer-button:disabled{cursor:default}.answer-button>span{color:#285268;background:#e8dbc0;border:1px solid #2352632b;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.answer-button strong{font-size:13px;line-height:1.35}.answer-button i{color:#fff;background:#3f8066;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;font-style:normal;font-weight:900;display:grid}.answer-button--correct{background:#e4f2e4;border-color:#327b5ba6}.answer-button--correct>span,.answer-button--correct i{color:#fff;background:#3f8066}.answer-button--wrong{background:#f6e2d8;border-color:#a6413394}.answer-button--wrong>span,.answer-button--wrong i{color:#fff;background:#a6463c}.answer-button--chosen:not(.answer-button--correct):not(.answer-button--wrong){border-color:#2f7181}.feedback-box{z-index:2;background:#e5f0df;border:1px solid #2e745440;border-radius:15px;grid-template-columns:35px 1fr;gap:11px;margin-top:17px;padding:13px 15px;display:grid;position:relative}.feedback-box>span{color:#fff4cd;background:#3f7f63;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.feedback-box div{min-width:0}.feedback-box strong{color:#2f674f;font-size:12px;line-height:1.35;display:block}.feedback-box p{color:#526b5d;margin:3px 0 0;font-size:11px;line-height:1.42}.feedback-box--wrong{background:#f3e2d7;border-color:#9a3e313d}.feedback-box--wrong>span{background:#a4493d}.feedback-box--wrong strong{color:#8f3d34}.feedback-box--wrong p{color:#765a50}.primary-button--question{z-index:2;width:min(280px,100%);margin:21px auto 0;display:flex;position:relative}.finish-modal{text-align:center;width:min(570px,100%);padding:37px clamp(25px,5vw,51px) 40px}.finish-stars{color:#d39a34;justify-content:center;align-items:center;gap:14px;margin-bottom:8px;display:flex}.finish-stars span:nth-child(2){filter:drop-shadow(0 5px #7e4c1c2e);font-size:48px;animation:1.1s both star-turn}.finish-stars span:first-child,.finish-stars span:last-child{color:#3f7f76;font-size:24px}@keyframes star-turn{0%{opacity:0;transform:rotate(-140deg)scale(.4)}to{opacity:1;transform:rotate(0)scale(1)}}.finish-modal>p:not(.eyebrow):not(.finish-message){color:#586d6d;margin:0 auto;font-size:13px;line-height:1.58}.finish-score{background:#ffffff78;border:1px solid #23515d24;border-radius:18px;grid-template-columns:1fr 1fr;margin:24px 0 15px;display:grid;overflow:hidden}.finish-score div{flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:13px;display:flex}.finish-score div+div{border-left:1px solid #23515d24}.finish-score strong{color:#18435a;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1}.finish-score span{color:#776b51;letter-spacing:.04em;text-transform:uppercase;margin-top:7px;font-size:9px;font-weight:800}.finish-message{color:#a45c2d;margin:0 0 22px;font-size:12px;font-weight:800}@media (width<=1100px){.game-layout{grid-template-columns:1fr}.control-panel{grid-template-columns:1.2fr .9fr 1fr;align-items:stretch;display:grid}.score-row{grid-area:2/1/auto/-1}.score-card small{font-size:9px}.field-legend{grid-area:1/3}.dice-zone{grid-area:1/2}.mission-card{grid-area:1/1}}@media (width<=760px){.game-shell{padding:14px 12px 24px;overflow-x:hidden}.game-header{align-items:flex-start;margin-bottom:14px}.brand-seal{border-radius:14px;width:45px;height:45px;font-size:14px}.brand-lockup h1{max-width:230px;font-size:23px;line-height:.98}.brand-lockup h1 span{margin-top:4px;font-size:13px;display:block}.eyebrow{font-size:8px}.text-button{display:none}.board-scroll{scrollbar-color:#b77a33 #09253a;scrollbar-width:thin;margin:0 -12px;padding:7px 12px 30px;overflow-x:auto}.board-scene{width:720px}.control-panel{grid-template-columns:1fr 1fr;display:grid}.mission-card{grid-area:1/1/auto/-1}.dice-zone{grid-area:2/1}.field-legend{grid-area:2/2}.score-row{grid-area:3/1/auto/-1}.modal-backdrop{place-items:center;padding:18px 13px}.story-modal{border-radius:25px;padding:60px 21px 29px}.story-modal__crest{width:78px;height:78px;top:-38px}.story-modal__crest .mouse-token__model{width:54px;height:54px}.rules-grid{grid-template-columns:1fr;margin:18px 0 15px}.rules-grid div{text-align:left;grid-template-columns:32px 1fr;align-items:center;gap:10px;min-height:0;padding:10px 12px;display:grid}.rules-grid span{margin:0}.question-modal{border-radius:24px;width:calc(100vw - 26px);padding:23px 18px 25px}.question-modal h2{letter-spacing:-.025em;white-space:nowrap;font-size:clamp(10px,2.35vw,17px)}.question-modal__top{margin-bottom:20px}.answer-button{grid-template-columns:32px 1fr 24px;min-height:53px}.answer-button>span{width:32px;height:32px}.current-field-pill{max-width:calc(100% - 24px);bottom:13px}}@media (width<=430px){.brand-lockup{gap:9px}.brand-seal{width:40px;height:40px}.brand-lockup h1{max-width:205px;font-size:20px}.control-panel{grid-template-columns:1fr}.dice-zone,.field-legend,.score-row,.mission-card{grid-column:1}.mission-card{grid-row:1}.dice-zone{grid-row:2}.score-row{grid-row:3}.field-legend{grid-row:4;grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.field-legend>.panel-kicker{grid-column:1/-1}.legend-item{margin-top:0}.story-modal h2,.finish-modal h2{font-size:26px}.story-modal__lead{font-size:12px}.primary-button{width:100%;min-width:0}.question-modal h2{font-size:clamp(9px,2.35vw,11px)}.question-progress{min-width:51px}.question-category>span{width:37px;height:35px}.question-category strong{font-size:10px}.feedback-box{grid-template-columns:30px 1fr;padding:12px}.feedback-box>span{width:29px;height:29px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}