:root{color-scheme:dark;--ink:#f3eee4;--muted:#b5afa3;--accent:#e5b071;--bg:#292722;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,sans-serif;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none}button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:disabled{cursor:default}[hidden],.legacy-ui{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;color:var(--ink)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{display:none}header{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 20px);right:calc(env(safe-area-inset-right,0px) + 20px);z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scoreboard{display:flex;align-items:center;gap:7px;min-height:48px}.steak-icon{width:29px;height:25px;margin-right:2px}#score{display:inline-block;font-size:29px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.unit{margin-top:5px;color:var(--muted);font-size:12px}nav{display:flex;pointer-events:auto}.icon-btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:24px}.icon-btn:active{background:#ffffff0d}.controls,.result{position:absolute;left:max(24px,env(safe-area-inset-left,0px));right:max(24px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 24px);width:auto;max-width:360px;margin:0 auto;z-index:3}.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:15px 20px;border:0;border-radius:2px;background:var(--accent);color:#30271d;font-size:19px;letter-spacing:.1em;font-weight:600;box-shadow:none;transition:background .12s}.primary:active:not(:disabled){background:#f0c18a}.primary:disabled{background:#6b6254;color:#d9d0c0}#toast{position:absolute;top:calc(env(safe-area-inset-top,0px) + 90px);left:50%;transform:translate(-50%,5px);opacity:0;pointer-events:none;color:var(--accent);font-size:20px;font-weight:600;transition:opacity .15s,transform .2s;z-index:2}#toast.show{opacity:1;transform:translate(-50%)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg);z-index:10}.dialog{width:min(100%,320px);text-align:center}.dialog h2{margin:0 0 25px;font-size:24px;font-weight:500}.dialog p{margin:0 0 25px;color:var(--muted);font-size:14px;line-height:1.7}.result{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;z-index:4}.result-summary{display:flex;align-items:center;justify-content:center;gap:20px;min-height:51px}.result h2{display:flex;align-items:baseline;gap:8px;margin:0;line-height:1;font-weight:500}.result h2 strong{font-size:48px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result h2 span{font-size:15px;color:var(--muted)}.result h3{margin:0;padding-left:20px;border-left:1px solid #ffffff30;font-size:16px;font-weight:400;color:var(--muted)}.result #record{margin:12px 0 20px;font-size:12px;line-height:1.4;color:var(--muted)}.result .primary{min-height:56px;font-size:18px}.finished .scoreboard,.finished .controls{visibility:hidden}.bump{animation:bump .3s ease-out}@keyframes bump{50%{color:var(--accent);transform:scale(1.12)}}.guide{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:28px 20px;background:var(--bg)}.guide-content{width:min(100%,600px);text-align:center}.guide h1{font-size:23px;font-weight:500;letter-spacing:.08em;margin:0 0 36px}.guide-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide figure{margin:0}.guide img{display:block;width:100%;aspect-ratio:1.12;object-fit:contain}.guide figcaption{font-size:14px;color:var(--muted);padding:14px 0 12px}.guide .perfect figcaption{color:var(--accent);border-bottom:2px solid var(--accent)}.guide p{margin:26px 0 30px;color:var(--muted);font-size:13px;letter-spacing:.05em}.guide .primary{max-width:300px;margin:auto}.show-guide header,.show-guide .controls{visibility:hidden}@media(min-width:700px)and (min-height:560px){header{top:calc(env(safe-area-inset-top,0px) + 24px);left:30px;right:30px}.controls,.result{bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}}@media(max-height:560px)and (orientation:landscape){header{top:calc(env(safe-area-inset-top,0px) + 8px)}.controls,.result{left:auto;right:calc(env(safe-area-inset-right,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:220px}.primary{min-height:54px}.result h2 strong{font-size:39px}.result-summary{min-height:43px;gap:15px}.result h3{font-size:14px;padding-left:15px}.result #record{margin:8px 0 14px}.result .primary{min-height:49px}.guide{padding:16px 25px}.guide-content{max-width:590px}.guide h1{font-size:19px;margin:0 0 10px}.guide img{height:130px;aspect-ratio:auto}.guide figcaption{padding:4px 0 7px;font-size:12px}.guide p{margin:12px 0}.guide .primary{min-height:48px}}@media(max-height:640px)and (orientation:portrait){header{top:10px}.controls,.result{bottom:calc(env(safe-area-inset-bottom,0px) + 15px)}.result h2 strong{font-size:41px}.result #record{margin:9px 0 14px}.guide h1{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#height-ruler{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.finished .result{animation:result-reveal .6s 1.8s both}@keyframes result-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{font-family:Nunito,Huninn,"M PLUS Rounded 1c",Jua,"Baloo 2","Baloo Bhaijaan 2",ui-rounded,system-ui,sans-serif;font-weight:800}html:lang(zh-Hant){font-family:Huninn,Nunito,ui-rounded,sans-serif}html:lang(ja){font-family:"M PLUS Rounded 1c",Nunito,ui-rounded,sans-serif}html:lang(ko){font-family:Jua,Nunito,ui-rounded,sans-serif}html:lang(hi){font-family:"Baloo 2",Nunito,ui-rounded,sans-serif}html:lang(ar){font-family:"Baloo Bhaijaan 2",Nunito,ui-rounded,sans-serif}h1,h2,h3,strong,.primary,.secondary{font-weight:900!important;letter-spacing:.01em}.guide h1{font-size:clamp(24px,5.5vw,34px);line-height:1.25}.guide figcaption{font-size:17px;font-weight:900}.guide p{font-size:16px;font-weight:800;line-height:1.4}.primary,.secondary{font-size:22px;letter-spacing:.02em;border-radius:3px}.primary{border-bottom:4px solid #aa743d;box-shadow:0 2px #1c1a17}.primary:active{transform:translateY(2px);border-bottom-width:2px}.secondary{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 16px;border:2px solid #eee8dd;background:transparent;color:var(--ink);font:inherit;font-weight:900}.result .primary,.result .secondary{font-size:19px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result h2 strong{font-size:54px}.result #record{font-size:14px}#score{font-size:36px;font-weight:900}.unit{font-size:16px;font-weight:900}#scene{touch-action:none;outline:none}#scene:focus-visible{outline:2px solid #e5b071;outline-offset:-5px}#language{display:block;margin:0 auto 25px;max-width:210px;background:transparent;border:0;border-bottom:1px solid #ffffff40;color:var(--ink);font:inherit;font-size:15px;padding:8px 28px 8px 10px}select option{background:#292722;color:#f3eee4}.result h3{font-size:18px}.board{z-index:20;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));user-select:text;-webkit-user-select:text}.board-content{display:flex;flex-direction:column;width:min(100%,760px);height:100%;max-height:900px;min-height:0}.board-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:15px}.board-heading h2{font-size:clamp(24px,6vw,34px);margin:0;line-height:1.2}.board-heading .icon-btn{font-size:36px;flex:none}.board input,.board select{width:100%;min-width:0;background:#35322c;border:0;border-bottom:2px solid #827565;padding:12px 10px;color:var(--ink);font:inherit;font-size:16px;border-radius:0;user-select:text;-webkit-user-select:text}.board input:focus,.board select:focus{outline:2px solid #e5b071;outline-offset:2px}#score-form{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 0 0}#score-form label{min-width:0;font-size:13px;line-height:1.4}#score-form label>span{display:block;margin-bottom:6px}#score-form .primary{grid-column:1/-1;min-height:48px;padding:10px;font-size:18px}#board-status{flex:none;font-size:14px;line-height:1.35;margin:10px 0;min-height:19px;color:var(--accent)}.table-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:90px;touch-action:pan-y;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:start;font-size:16px}th{position:sticky;top:0;background:var(--bg);font-size:12px;color:var(--muted);padding:14px 6px;border-bottom:1px solid #ffffff25;text-align:start}td{padding:13px 6px;border-bottom:1px solid #ffffff15;font-variant-numeric:tabular-nums}th:first-child,td:first-child{width:12%}th:nth-last-child(-n+2),td:nth-last-child(-n+2){text-align:end;white-space:nowrap}td:nth-child(2){overflow-wrap:anywhere}.flag{display:inline-block;font-family:system-ui,sans-serif;margin-inline-end:7px;direction:ltr}.board-note{font-size:12px;line-height:1.4;color:var(--muted);margin:12px 0 0;flex:none}#board-empty{font-size:17px;line-height:1.5;text-align:center;padding:30px 10px}.board[hidden]{display:none!important}@media(max-height:560px)and (orientation:landscape){.guide-content{max-width:640px}.guide h1{font-size:24px}.guide img{height:95px}.guide p{font-size:14px;margin:8px 0}#language{position:absolute;top:8px;right:15px;font-size:12px;margin:0;max-width:135px}.guide .primary{min-height:44px;font-size:19px}.guide figcaption{font-size:14px}.board-content{max-height:none}.board-heading h2{font-size:24px}#score-form{grid-template-columns:1fr auto;align-items:end;padding-top:0}#score-form .primary{grid-column:auto;min-height:47px}.board-heading{min-height:35px}.board-heading .icon-btn{height:35px}.board-note{font-size:11px;margin-top:6px}#board-status{font-size:12px;margin:6px 0;min-height:16px}.result-actions{grid-template-columns:1fr}.result-actions>*{min-height:40px!important;padding:8px!important}.result #record{margin:8px 0}.result h2 strong{font-size:45px}}@media(max-width:360px){.guide h1{font-size:24px}.guide figcaption{font-size:15px}.result-actions{gap:8px}td{font-size:14px}#score-form{gap:9px}.board-note{font-size:11px}}.flag{width:24px;height:16px;object-fit:cover;vertical-align:-2px}h1,h2 strong,#score{-webkit-text-stroke:.35px currentColor}html:lang(zh-Hant),html:lang(ko){font-synthesis:weight}.board{overflow-y:auto;align-items:start;touch-action:pan-y}.board-content{min-height:360px}.guide-images{position:relative}.guide-images.is-loading figure{visibility:hidden}.guide-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#292722;color:#f4ddbc;z-index:2}.guide-loading[hidden]{display:none}.guide-loading svg{width:72px;height:72px;transform:rotate(-90deg)}.guide-loading circle{fill:none;stroke-width:4;stroke:#f0b685}.guide-loading .loading-track{stroke:#65584a}#loading-progress{stroke-linecap:round;transition:stroke-dashoffset .15s}.guide-loading[aria-valuenow="0"] #loading-progress{stroke-dasharray:25 75;stroke-dashoffset:0;animation:loading-turn 1s linear infinite;transform-origin:40px 40px}@keyframes loading-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.guide-loading #loading-progress{animation:none!important;transition:none}}