@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-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{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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}.fixed{position:fixed}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.sepia{--tw-sepia:sepia(100%);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{color:#24332e;font-synthesis:none;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e9a23b}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#fffdf9;border-bottom:1px solid #e7e5dc}.header-inner{justify-content:space-between;align-items:center;gap:25px;max-width:1180px;height:72px;margin:auto;padding:0 30px;display:flex}.brand{color:#233a31;letter-spacing:-.06em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:24px;font-weight:850;display:flex}.brand-icon{color:#fff;letter-spacing:-.08em;background:#304d3b;border-radius:10px;place-items:center;width:36px;height:36px;font-size:23px;display:grid;position:relative}.brand-icon span{color:#e8a93b;font-size:20px;position:absolute;top:-2px;right:5px}.nav{align-items:center;gap:5px;display:flex}.nav-item{color:#6d786f;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.nav-item:hover,.nav-item.active{color:#2d513e;background:#edf2e9}.header-actions{gap:7px;display:flex}.icon-button{color:#526259;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#e9ede7}.menu-toggle{display:none}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:44px 30px 54px}.play-layout{grid-template-columns:minmax(0,740px) minmax(235px,1fr);gap:78px;display:grid}.eyebrow{color:#9c7935;letter-spacing:.17em;align-items:center;gap:9px;font-size:11px;font-weight:850;display:flex}.eyebrow-line{background:#d5a751;width:20px;height:2px;display:inline-block}.title-row{justify-content:space-between;align-items:center;margin:14px 0 28px;display:flex}.title-row h1,.content-page h1{color:#203c2c;letter-spacing:-.075em;margin:0;font-size:clamp(37px,4.2vw,55px);font-weight:850;line-height:1.07}.title-dot{color:#c99131}.intro{color:#798178;margin:10px 0 0;font-size:15px}.intro strong{color:#3f5445}.case-badge{text-align:center;background:#fffdf8;border:1px solid #e7e4d8;border-radius:12px;min-width:96px;padding:11px 15px;box-shadow:0 4px 12px #283d2910}.case-badge span{color:#a5a799;letter-spacing:.16em;font-size:9px;font-weight:800;display:block}.case-badge strong{color:#31513e;letter-spacing:-.04em;font-size:22px;display:block}.mode-tabs{border-bottom:1px solid #e4e4d9;gap:25px;margin-bottom:20px;display:flex}.mode-tabs button{color:#91978e;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 2px 12px;font-size:13px;font-weight:750}.mode-tabs button.selected{color:#2f553c;border-bottom-color:#bd913b}.game-meta{justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px;display:flex}.meta-label{color:#9c9e95;letter-spacing:.13em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.difficulty-tabs{gap:5px;display:flex}.difficulty-tabs button{color:#69776c;background:#fffefa;border:1px solid #e3e4d9;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:800}.difficulty-tabs button.selected{color:#2f5940;background:#eaf1e8;border-color:#41684c}.date-meta{text-align:right}.date-meta strong{color:#495e4e;font-size:12px}.board-wrap{background:#fffefa;border:1px solid #e6e7dc;border-radius:15px;padding:17px 22px 13px;box-shadow:0 13px 35px #2b3e2920}.board-heading{color:#667469;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;font-weight:850;display:flex}.board-heading>span:last-child{letter-spacing:0;color:#9c9e93;font-size:10px;font-weight:600}.legend-dot{border-radius:2px;width:8px;height:8px;margin:0 3px 0 7px;display:inline-block}.legend-dot.green{background:#448258}.legend-dot.yellow{background:#cba44a}.board{flex-direction:column;gap:5px;width:max-content;margin:auto;display:flex}.board-row{align-items:center;gap:5px;display:flex}.row-number{color:#b3b8ac;letter-spacing:.05em;width:25px;font-size:10px;font-weight:800}.final-number{color:#bd913b}.cell{color:#2b4033;background:#f7f8f3;border:2px solid #e9ebe4;border-radius:6px;place-items:center;width:clamp(43px,5.25vw,52px);height:clamp(43px,5.25vw,52px);font-size:24px;font-weight:850;line-height:1;animation:.25s both appear;display:grid}.cell.mark-2{color:#fff;background:#448258;border-color:#448258}.cell.mark-1{color:#fff;background:#d3a64c;border-color:#d3a64c}.cell.mark-0{color:#fff;background:#a7aea2;border-color:#a7aea2}.cell.editable{background:#fffdf6;border:2px solid #bb9a57}.board-caption{color:#849084;justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:10px;display:flex}.keyboard{max-width:470px;margin:15px auto 0}.keyboard-row{justify-content:center;gap:5px;margin-bottom:5px;display:flex}.key{color:#324338;background:#e5e8df;border:0;border-radius:5px;flex:1;min-width:0;height:38px;font-size:12px;font-weight:800;box-shadow:0 2px #ccd3c9}.key:hover:not(:disabled){filter:brightness(.94)}.key:disabled{cursor:default}.key-2{color:#fff;background:#448258;box-shadow:0 2px #305f40}.key-1{color:#fff;background:#d3a64c;box-shadow:0 2px #b88e3e}.key-0{color:#fff;background:#a7aea2;box-shadow:0 2px #92998f}.key.special{background:#d4dcd0;flex:1.5;font-size:10px}.status-line{text-align:center;color:#758074;min-height:19px;margin:12px 0;font-size:12px}.game-actions{justify-content:center;gap:8px;display:flex}.primary-button,.secondary-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 17px;font-size:12px;font-weight:850;display:inline-flex}.primary-button{color:#fff;background:#315741;box-shadow:0 3px #234633}.primary-button:hover:not(:disabled){background:#264b37}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:#35523e;background:#fffdf8;border:1px solid #dce2d7}.secondary-button:hover{background:#eef3eb}.next-case{text-align:center;margin-top:15px}.countdown{color:#8c9388;align-items:center;gap:6px;font-size:11px;display:inline-flex}.side-panel{padding-top:78px}.note-card{background:#eaf0e6;border:1px solid #dfe8dc;border-radius:15px;padding:30px 27px}.note-icon{color:#41674c;background:#d9e6d7;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.note-card h2{letter-spacing:-.055em;color:#2e4d38;margin:21px 0 10px;font-size:24px;line-height:1.2}.note-card h2 em{color:#bd8a36;font-style:normal}.note-card p{color:#667769;margin:0;font-size:13px;line-height:1.7}.note-divider{background:#d2ded0;height:1px;margin:22px 0}.note-stat{align-items:center;gap:13px;display:flex}.note-stat strong{color:#3b6249;letter-spacing:-.07em;font-size:38px}.note-stat span{color:#87998a;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;line-height:1.3}.side-link{color:#497553;background:0 0;border:0;align-items:center;gap:8px;padding:17px 6px;font-size:12px;font-weight:750;display:flex}.modal-backdrop{z-index:30;background:#1d2e25a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{color:#2b4033;text-align:center;background:#fffefa;border-radius:17px;width:100%;max-width:420px;padding:29px;position:relative;box-shadow:0 25px 80px #101d1659}.modal-close{position:absolute;top:11px;right:11px}.modal-kicker{letter-spacing:.16em;color:#bb8f3e;margin-bottom:12px;font-size:10px;font-weight:850}.modal h2{letter-spacing:-.06em;margin:0 0 10px;font-size:29px}.modal p{color:#718074;font-size:13px;line-height:1.55}.modal-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.result-emblem{color:#ba903d;font-size:42px}.answer-reveal{background:#edf2e9;border-radius:10px;margin:18px 0;padding:11px}.answer-reveal span{letter-spacing:.14em;color:#8b9a8a;font-size:10px;font-weight:800;display:block}.answer-reveal strong{letter-spacing:.15em;color:#315741;font-size:27px}.modal .explanation{font-size:11px}.share-notice{color:#3f7551;margin-top:12px;font-size:12px}.content-page{max-width:950px}.content-page h1{margin:14px 0}.content-page>p{color:#718074;max-width:660px;font-size:15px;line-height:1.6}.content-page h2{color:#30503d;letter-spacing:-.04em;margin:30px 0 14px;font-size:21px}.archive-list,.settings-list{background:#fffefa;border:1px solid #e1e6da;border-radius:12px;margin-top:27px;overflow:hidden}.archive-list button,.settings-list>div{color:#3d5845;text-align:left;background:0 0;border:0;border-bottom:1px solid #e8ebe3;justify-content:space-between;align-items:center;width:100%;padding:18px 21px;font-size:13px;display:flex}.archive-list button:last-child,.settings-list>div:last-child{border-bottom:0}.archive-list button:hover{background:#f1f5ed}.archive-list button span{align-items:center;gap:10px;display:flex}.archive-list button span:last-child{color:#94a097;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.stat-card{background:#fffefa;border:1px solid #e3e8dd;border-radius:12px;padding:20px}.stat-card strong{color:#315741;font-size:30px;display:block}.stat-card span{color:#849286;font-size:11px}.difficulty-chart{gap:13px;display:grid}.difficulty-chart>div{color:#617565;grid-template-columns:70px 1fr 45px;align-items:center;gap:14px;font-size:12px;font-weight:700;display:grid}.chart-track{background:#e4e9de;border-radius:10px;height:12px;overflow:hidden}.chart-track>div{background:#64896a;border-radius:10px;height:100%}.badges{flex-wrap:wrap;gap:10px;display:flex}.badges span{color:#8f9a8e;background:#e8e9e2;border:1px solid #d9e0d3;border-radius:20px;padding:9px 13px;font-size:11px;font-weight:750}.badges .earned{color:#997229;background:#f5e8c9;border-color:#e3cd9d}.guide-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}.guide-grid>div{background:#fffefa;border:1px solid #e3e8dd;border-radius:12px;padding:22px}.guide-num{color:#c49a4f;font-size:24px;font-weight:850}.guide-grid h2{margin:12px 0 6px}.guide-grid p{color:#718074;font-size:12px;line-height:1.6}.settings-list strong,.settings-list small{display:block}.settings-list small{color:#8d9a8e;margin-top:3px}.settings-list select{color:#315741;background:#fff;border:1px solid #d7dfd2;border-radius:7px;padding:7px}.settings-list input{accent-color:#315741;width:19px;height:19px}.fine-print{color:#97a196!important;font-size:12px!important}footer{color:#a0a79e;border-top:1px solid #e4e8df;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1180px;margin:auto;padding:22px 30px;font-size:11px;display:flex}footer button{color:#718b78;background:0 0;border:0;font-size:11px}@keyframes appear{0%{opacity:.6;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media(max-width:920px){.play-layout{grid-template-columns:1fr;gap:20px;max-width:700px}.side-panel{padding-top:0}.note-card{display:none}.header-inner{padding:0 20px}.nav-item span{display:none}.side-link{justify-content:center}}@media(max-width:600px){.header-inner{height:56px;padding:0 15px}.brand{font-size:20px}.brand-icon{width:31px;height:31px;font-size:21px}.menu-toggle{display:grid}.nav{z-index:20;background:#fffdf9;flex-direction:column;align-items:stretch;padding:10px 16px;display:none;position:absolute;top:56px;left:0;right:0;box-shadow:0 10px 22px #1b37221e}.nav.open{display:flex}.nav-item span{display:inline}.main{padding:20px 13px 30px}.title-row{margin:9px 0 17px}.title-row h1,.content-page h1{font-size:35px}.intro{margin-top:6px;font-size:12px}.case-badge{min-width:75px;padding:8px}.case-badge strong{font-size:18px}.mode-tabs{margin-bottom:12px}.mode-tabs button{padding-bottom:9px}.game-meta{margin-bottom:11px}.difficulty-tabs button{padding:6px 8px;font-size:10px}.date-meta strong{font-size:10px}.board-wrap{padding:11px 9px 9px}.board-heading{margin-bottom:8px;padding:0 6px}.board-heading>span:last-child{font-size:9px}.cell{width:min(11.7vw,47px);height:min(11.7vw,47px);font-size:22px}.board,.board-row{gap:4px}.row-number{width:19px;font-size:9px}.board-caption{margin-top:8px;font-size:9px}.keyboard{margin-top:12px}.key{height:37px}.status-line{margin:10px 0;font-size:11px}.side-link{padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}footer{flex-wrap:wrap;padding:16px}footer span:last-child{display:none}}@media(max-width:380px){.main{padding-left:8px;padding-right:8px}.title-row h1{font-size:32px}.board-heading>span:last-child{font-size:8px}.cell{width:11.2vw;height:11.2vw}.key{height:33px;font-size:10px}.difficulty-tabs button{padding:6px}.case-badge{min-width:66px}}.dark{color-scheme:dark}.dark body,.dark :root{color:#e9eee6;background:#17241c}.dark .app{background:#17241c}.dark .header,.dark .nav,.dark .board-wrap,.dark .case-badge,.dark .modal,.dark .stat-card,.dark .archive-list,.dark .settings-list,.dark .guide-grid>div{background:#233329;border-color:#3b4b3f}.dark .title-row h1,.dark .content-page h1,.dark .brand,.dark .modal h2{color:#e5efe5}.dark .intro,.dark .content-page>p{color:#a4b3a5}.dark .note-card{background:#2d4232;border-color:#3b5840}.dark .note-card h2,.dark .note-stat strong{color:#d9ebd9}.dark .cell.editable{background:#25352a}.dark .key{color:#eaf0e9;background:#435649;box-shadow:0 2px #354638}.dark .key-2{background:#448258}.dark .key-1{background:#b68c38}.dark .key-0{background:#67776b}.dark .nav-item.active,.dark .nav-item:hover{color:#eef5e9;background:#314b37}.dark .secondary-button,.dark .settings-list select{color:#e7efe6;background:#304333;border-color:#52664f}.dark .archive-list button{color:#e7efe6}.dark .archive-list button:hover{background:#304333}.contrast .cell.mark-2,.contrast .key-2,.contrast .legend-dot.green{background:#2372a2;border-color:#2372a2}.contrast .cell.mark-1,.contrast .key-1,.contrast .legend-dot.yellow{color:#17241c;background:#e28b28;border-color:#e28b28}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cell.mark-1,.key-1{color:#243027}.cell.mark-0,.key-0{color:#fff;background:#626f65;border-color:#626f65}.key-0{box-shadow:0 2px #4b584e}.dark .cell.mark-0,.dark .key-0{background:#626f65;border-color:#626f65}.dark .cell.mark-1,.dark .key-1{color:#18251c}@media(min-width:1200px){.header-inner,footer{max-width:none}.play-layout{--cell-size:clamp(34px, 4.25vh, 50px);grid-template-columns:minmax(0,1fr) minmax(0,620px) minmax(0,1fr);align-items:center;gap:clamp(18px,2.2vw,46px);max-width:none;padding:12px 32px 10px}.play-layout:before{content:"";grid-area:1/1}.game-panel{grid-area:1/2}.side-panel{grid-area:1/3;max-width:300px;padding-top:0}.title-row{margin:7px 0 12px}.title-row h1{font-size:clamp(36px,3.5vh,52px)}.mode-tabs{margin-bottom:10px}.mode-tabs button{padding-bottom:8px}.game-meta{margin-bottom:10px}.board-wrap{width:min(100%,calc(var(--cell-size) * 5 + 130px));margin-inline:auto;padding:10px 13px 8px}.board-heading{margin-bottom:7px}.board,.board-row{gap:4px}.cell{width:var(--cell-size);height:var(--cell-size);font-size:calc(var(--cell-size) * .48)}.board-caption{margin-top:7px;font-size:9px}.keyboard{max-width:calc(var(--cell-size) * 10 + 60px);margin-top:10px}.keyboard-row{gap:4px;margin-bottom:4px}.key{height:clamp(29px,3.6vh,38px)}.primary-button,.secondary-button{min-height:38px;padding:9px 14px}.next-case{margin-top:10px}footer{padding:12px 32px}}@media(min-width:1200px)and (max-height:830px){.header-inner{height:60px}.play-layout{--cell-size:clamp(32px, 4.15vh, 38px);padding-block:7px}.title-row{margin-bottom:8px}.mode-tabs,.game-meta{margin-bottom:7px}.board-wrap{padding-block:8px 6px}.keyboard{margin-top:7px}footer{padding-block:9px}}@media(min-width:1200px)and (max-height:800px){.header-inner{height:54px}.play-layout{--cell-size:clamp(28px, 4vh, 32px);padding-block:0}.title-row{margin:4px 0 6px}.title-row h1{font-size:33px}.mode-tabs{margin-bottom:5px}.mode-tabs button{padding-bottom:5px}.game-meta,.meta-label{margin-bottom:5px}.board-wrap{padding-block:7px 5px}.board-heading{margin-bottom:5px}.board-caption{margin-top:4px}.keyboard{margin-top:5px}.key{height:27px}.primary-button,.secondary-button{min-height:34px;padding:7px 12px}.next-case{margin-top:5px}footer{padding-block:6px}}@media(max-width:1199px)and (min-width:921px){.header-inner,footer{max-width:none}.play-layout{--cell-size:clamp(30px, 4vh, 42px);grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);align-items:center;gap:18px;max-width:none;padding:8px 24px}.play-layout:before{content:"";grid-area:1/1}.game-panel{grid-area:1/2}.side-panel{display:none}.title-row{margin:5px 0 8px}.title-row h1{font-size:clamp(34px,4.5vh,43px)}.mode-tabs{margin-bottom:8px}.mode-tabs button{padding-bottom:7px}.game-meta{margin-bottom:8px}.board-wrap{width:min(100%,calc(var(--cell-size) * 5 + 130px));margin-inline:auto;padding:9px 13px 7px}.board-heading{margin-bottom:6px}.board,.board-row{gap:4px}.cell{width:var(--cell-size);height:var(--cell-size);font-size:calc(var(--cell-size) * .48)}.board-caption{margin-top:6px;font-size:9px}.keyboard{max-width:calc(var(--cell-size) * 10 + 60px);margin-top:8px}.keyboard-row{gap:4px;margin-bottom:4px}.key{height:clamp(27px,3.5vh,34px)}.primary-button,.secondary-button{min-height:36px;padding:8px 13px}.next-case{margin-top:8px}footer{padding:10px 24px}}@media(min-width:921px)and (max-width:1199px)and (max-height:800px){.header-inner{height:56px}.play-layout{padding-block:0}.title-row,.mode-tabs,.game-meta,.meta-label{margin-bottom:5px}.board-wrap{padding-block:7px 5px}.keyboard,.next-case{margin-top:5px}footer{padding-block:7px}}@media(max-width:600px){footer span:last-child{display:inline}}@media(min-width:1200px){.play-layout{--cell-size:clamp(48px, 5.5vh, 64px);position:relative}.game-panel>.eyebrow{position:absolute;top:22px;left:32px}.title-row{margin:0;position:absolute;top:48px;left:32px;right:32px}.title-row h1{font-size:clamp(42px,3.7vw,56px)}.board-wrap{width:min(100%,calc(var(--cell-size) * 5 + 150px))}.cell{font-size:calc(var(--cell-size) * .57)}.board-heading,.row-number{font-size:11px}.keyboard{max-width:calc(var(--cell-size) * 10 + 70px)}.key{height:clamp(42px,5vh,60px);font-size:clamp(15px,1.7vh,19px)}.key.special{font-size:clamp(11px,1.2vh,14px)}}@media(min-width:1200px)and (max-height:800px){.play-layout{--cell-size:clamp(38px, 5.2vh, 42px)}.game-panel>.eyebrow{top:12px}.title-row{top:34px}.title-row h1{font-size:40px}.key{height:clamp(33px,4.5vh,37px);font-size:15px}.key.special{font-size:11px}}@media(min-width:921px)and (max-width:1199px){.play-layout{--cell-size:clamp(38px, 5vh, 48px);position:relative}.game-panel>.eyebrow{position:absolute;top:16px;left:24px}.title-row{margin:0;position:absolute;top:40px;left:24px;right:24px}.title-row>div:first-child{max-width:190px}.title-row h1{font-size:36px}.board-wrap{width:min(100%,calc(var(--cell-size) * 5 + 145px))}.cell{font-size:calc(var(--cell-size) * .57)}.keyboard{max-width:calc(var(--cell-size) * 10 + 70px)}.key{height:clamp(35px,4.6vh,43px);font-size:15px}.key.special{font-size:11px}}@media(min-width:921px)and (max-width:1199px)and (max-height:800px){.play-layout{--cell-size:clamp(36px, 5vh, 40px)}.game-panel>.eyebrow{top:8px}.title-row{top:31px}.title-row h1{font-size:32px}.key{height:33px}}@media(max-width:920px){.cell{font-size:clamp(24px,6.2vw,31px)}.key{font-size:14px}}@media(min-width:921px){.play-layout .title-row{pointer-events:none}}html{scrollbar-gutter:stable}.main{animation:.28s ease-out both view-enter}.nav-item{transition:background-color .18s,color .18s}@keyframes view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-actions{align-items:stretch;margin-top:14px}.game-actions>button{height:42px;min-height:42px}@media(min-width:921px){.board-wrap{width:min(100%,calc(var(--cell-size) * 10 + 70px))}.mode-tabs,.game-meta{width:min(100%,calc(var(--cell-size) * 10 + 70px));margin-inline:auto}.game-actions{min-height:42px}.play-layout .case-badge{pointer-events:auto}}@media(min-width:921px)and (max-height:800px){.game-actions>button{height:34px;min-height:34px}.game-actions{min-height:34px}}.case-badge:disabled{cursor:default}.case-badge:not(:disabled):hover{border-color:#98b09b;box-shadow:0 5px 16px #283d2926}.modal-next-case{border-top:1px solid #e4e8df;margin-top:20px;padding-top:15px}.game-panel{animation:.32s ease-out both case-enter}.mode-tabs button{transition:color .2s,border-color .2s}.modal-backdrop{animation:.22s ease-out both modal-overlay-enter}.modal{animation:.3s cubic-bezier(.2,.8,.2,1) both modal-enter}@keyframes case-enter{0%{opacity:.3}to{opacity:1}}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@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}
