:root{font-family:Huninn,sans-serif;color:#f3ecdc;background:#25231e;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:0;color:inherit;background:none}button:focus-visible,#scene:focus-visible{outline:2px solid #e8b478;outline-offset:3px}#scene:focus:not(:focus-visible){outline:0}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#game{position:relative;width:min(100vw,62vh,520px);width:min(100vw,62dvh,520px);height:100vh;height:100dvh;overflow:hidden;container-type:inline-size}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}header{position:absolute;top:max(20px,env(safe-area-inset-top));left:20px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:16px;letter-spacing:.14em}.brand span{display:block;font-size:10px;letter-spacing:.25em;color:#a99c85;margin-top:6px}nav{display:flex;gap:8px;pointer-events:auto}nav button{width:38px;height:38px;font-size:23px}nav button:last-child{font-size:18px}.intro{position:absolute;left:0;top:14%;width:100%;padding:0 20px;text-align:center;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.18em;color:#d6aa73}.intro h1{font-size:clamp(25px,7.8vw,38px);font-size:clamp(25px,7.8cqw,38px);font-weight:400;line-height:1.3;margin:14px 0}.intro h1 br{display:none}.intro p:not(.eyebrow){font-size:13px;color:#c4b9a6;line-height:1.8}.primary{display:block;background:#e4b27b;color:#2b231b;width:78%;padding:15px 12px;font-size:17px;letter-spacing:.1em;min-height:52px;pointer-events:auto}.primary:hover{background:#edbf8c}.primary:active{background:#cb9963}.intro .primary,.panel .primary{position:absolute;top:calc(86vh - 112px);top:calc(86dvh - 112px);left:11%}.small{font-size:11px!important;color:#aa9c85!important;line-height:1.8}.intro .small{position:absolute;top:calc(86vh - 49px);top:calc(86dvh - 49px);left:0;width:100%}#hud{position:absolute;top:95px;left:11%;width:78%;pointer-events:none}.stats{display:flex;justify-content:space-between}.stats span{display:block;color:#c3b49d;font-size:11px;letter-spacing:.1em;margin-bottom:6px}.stats strong{font-size:32px;font-weight:400;font-variant-numeric:tabular-nums}.stats b{font-weight:400}.stats small{font-size:13px;color:#b6a78f}.time{text-align:right}.track{height:2px;background:#625747;margin-top:12px}.track i{display:block;height:100%;background:#e4b27b;width:0;transition:width .25s}#hint{text-align:center;color:#d4c3a8;font-size:12px;margin-top:13px}footer{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:#c6b49b;font-size:12px}.text-button{padding:12px 4px;font-size:13px;text-decoration:underline;text-underline-offset:6px}.panel{position:absolute;left:0;top:12%;width:100%;text-align:center;pointer-events:none}.panel .eyebrow{margin:5px 0}.panel h2{font-weight:400;font-size:22px;margin:12px 0}.panel p{font-size:12px;line-height:1.7;color:#c7b9a2}.final-score strong{font-size:60px;font-weight:400}.final-score span{font-size:13px;color:#bba78b;margin-left:8px}.panel .primary{top:calc(88vh - 121px);top:calc(88dvh - 121px)}.panel .text-button{position:absolute;top:calc(88vh - 56px);top:calc(88dvh - 56px);left:0;width:100%;pointer-events:auto}#record{margin:4px}.modal{position:absolute;inset:0;background:#25231ef8;display:grid;place-items:center;z-index:10;padding:24px;text-align:center;overflow:auto}.modal>div{max-width:360px}.modal h2{font-size:28px;font-weight:400}.modal p{line-height:1.9;font-size:14px;color:#c5b9a4}.modal .primary{width:90%;margin:25px auto 0}@media(max-height:640px){header{top:12px}.brand{font-size:14px}.intro{top:15%}.intro h1{margin:7px 0}.intro .eyebrow{margin:3px}.intro p:not(.eyebrow){font-size:11px;margin:5px}.intro .primary{top:calc(85vh - 86px);top:calc(85dvh - 86px);min-height:42px;padding:10px}.intro .small{top:calc(85vh - 35px);top:calc(85dvh - 35px)}#hud{top:72px}.stats strong{font-size:26px}#hint{font-size:10px;margin-top:8px}.track{margin-top:6px}footer{bottom:12px}.panel{top:12%}.panel h2{font-size:18px;margin:5px}.final-score strong{font-size:40px}.panel p{margin:4px}.panel .primary{top:calc(88vh - 86px);top:calc(88dvh - 86px);min-height:42px;padding:10px}.panel .text-button{top:calc(88vh - 42px);top:calc(88dvh - 42px)}.modal p{font-size:12px}.modal h2{font-size:23px}}.panel #summary,.panel #record{position:absolute;left:5%;width:90%;margin:0}.panel #summary{top:calc(88vh - 182px);top:calc(88dvh - 182px)}.panel #record{top:calc(88vh - 154px);top:calc(88dvh - 154px)}@media(max-height:640px){.panel #summary{top:calc(88vh - 146px);top:calc(88dvh - 146px)}.panel #record{top:calc(88vh - 122px);top:calc(88dvh - 122px)}}.result-actions{position:absolute;top:calc(88vh - 121px);top:calc(88dvh - 121px);left:11%;width:78%;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.panel .result-actions .primary,.panel .result-actions .text-button{position:static;width:100%;pointer-events:auto}.result-actions .primary{font-size:15px;padding:15px 5px}.result-actions .text-button{grid-column:1/-1}.primary.secondary{background:transparent;border:1px solid #b48c60;color:#e4b27b}.primary.secondary:hover{background:#393127}.final-score strong{font-size:52px}.share-sheet{width:100%}.share-sheet h2{font-size:22px;margin:0 0 16px}#share-image{display:block;max-height:55vh;max-height:55dvh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:0 auto}.share-sheet .primary{margin-top:12px}.share-sheet .text-button{margin-top:8px}@media(max-height:640px){.result-actions{top:calc(88vh - 86px);top:calc(88dvh - 86px);gap:0 10px}.result-actions .primary{padding:10px 4px;min-height:42px}.result-actions .text-button{padding:9px 4px}.final-score strong{font-size:40px}}#time{display:block;font-size:clamp(24px,6.9vw,32px);font-size:clamp(24px,6.9cqw,32px);min-width:4ch;letter-spacing:-.025em;font-variant-numeric:tabular-nums}#time.urgent{color:#ff765e;animation:countdown-alert .55s ease-in-out infinite}.time{min-width:4ch}@keyframes countdown-alert{0%,to{color:#ff6b55;text-shadow:0 0 12px #ef4f3e66}50%{color:#f3d2bf;text-shadow:0 0 0 #ef4f3e00}}#game[data-mode=paused] #time.urgent{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#time.urgent{animation:none;color:#ff765e}}.panel #result-title{font-size:clamp(16px,4.7vw,22px);font-size:clamp(16px,4.7cqw,22px);padding:0 12px}:root{font-family:Nunito,Huninn,Nirmala UI,Leelawadee UI,Myanmar Text,sans-serif}body,button,select{font-family:inherit}html:lang(zh){font-family:Huninn,sans-serif}html:lang(ja){font-family:"M PLUS Rounded 1c",sans-serif}html:lang(ko){font-family:Jua,sans-serif}html:lang(hi){font-family:"Baloo 2",Nirmala UI,sans-serif}html:lang(ar),html:lang(ur){font-family:"Baloo Bhaijaan 2",sans-serif}.brand{max-width:72%;letter-spacing:0;font-size:15px}.brand b{font-weight:400}.intro h1{font-size:clamp(24px,6vw,34px);line-height:1.3;letter-spacing:0}.intro>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:34em;margin-inline:auto}.primary,.text-button{letter-spacing:0}.primary{white-space:normal}.modal>div{max-height:85vh;max-height:85dvh;overflow-y:auto}#language-select{display:block;width:100%;padding:12px;margin:24px 0;background:#25231e;color:#f3ecdc;border:1px solid #c0b29a;border-radius:0;font:inherit;font-size:19px}#open-language{display:grid;place-items:center}#language-panel{z-index:30}.stats,.final-score{direction:ltr}#time{direction:ltr;unicode-bidi:isolate}.result-actions .primary{font-size:16px}#result-title{font-size:clamp(21px,5.5vw,30px);overflow-wrap:anywhere}.modal p{overflow-wrap:anywhere}#hint{font-size:13px}#pieces{font-size:11px;max-width:48%}html:not(:lang(zh)) .brand span{letter-spacing:0}header{direction:ltr}.brand{text-align:start}#help{pointer-events:auto}html,body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#share-image{-webkit-touch-callout:default}.license-entry{font-size:10px;letter-spacing:0;color:inherit;text-decoration:none;margin-left:5px;pointer-events:auto;display:inline-block;padding:5px 0}#game[data-renderer=canvas2d] #hint{display:none}#game[data-renderer=canvas2d] .intro p:not(.eyebrow){display:none}#result-title{max-width:90%;margin-left:auto;margin-right:auto;text-wrap:balance;line-height:1.35}#result-title{font-size:clamp(17px,4.8vw,23px);font-size:clamp(17px,4.8cqw,23px);line-height:1.4}#mode-switch{position:absolute;inset:46% 6px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:3}#mode-switch button{pointer-events:auto;width:44px;height:60px;font-size:40px;color:#e8d5b5;background:#25231e66;border-radius:24px}#mode-description{position:absolute;bottom:142px;width:100%;text-align:center;font-size:12px;color:#c4b9a6;pointer-events:none}#game:not([data-mode=intro]) #mode-description{display:none}#stack-count{position:absolute;right:18px;top:34%;font-size:12px;color:#e4c49e;padding:6px 10px;background:#25231ebf;border-radius:12px;pointer-events:none}#celebrate{position:absolute;left:5%;width:90%;top:35%;text-align:center;font-size:clamp(20px,6cqw,30px);font-weight:700;background:linear-gradient(90deg,#ff7791,#ffd373,#99efae,#7cd9ff,#dba4ff,#ff7791);background-size:200%;color:transparent;background-clip:text;animation:rainbow 1s linear infinite,celebrate-in .55s ease-out;pointer-events:none;z-index:4}#game[data-variant=ramen] .track i{background:#efa45f}#game[data-variant=ramen] #hint{color:#e8c8a1}#game[data-mode=switching] #mode-description{display:block}@keyframes rainbow{to{background-position:200%}}@keyframes celebrate-in{0%{transform:translateY(15px) scale(.8);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){#celebrate{animation:none}}@media(max-height:640px){#mode-description{bottom:105px}#stack-count{top:32%}}#celebrate{font-family:Arial,Microsoft JhengHei,sans-serif;font-weight:900;font-synthesis:weight;letter-spacing:.035em;-webkit-text-stroke:.65px currentColor;filter:drop-shadow(0 2px 1px #332314);font-size:clamp(23px,6.8cqw,34px)}#game[data-variant=ramen] #finish{background:#e8bc7e;color:#30251a;border:1px solid #ffdfa7;border-radius:9px;min-height:46px;min-width:90px;padding:10px 14px;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 3px 12px #0004}#result #home{width:100%;border:1px solid #c5af8b;border-radius:7px;background:#494034;color:#fff0d5;min-height:40px;padding:9px 12px;text-decoration:none;font-size:14px;font-weight:700;pointer-events:auto}#game[data-variant=ramen] #finish:hover,#result #home:hover{background:#f5d09b;color:#30251a}#game[data-variant=ramen] #finish:focus-visible,#result #home:focus-visible{outline:3px solid #fff3cf;outline-offset:3px}@media(max-height:640px){#game[data-variant=ramen] #finish{min-height:40px;padding:8px 11px}#result #home{min-height:36px;padding:7px 10px}}#game[data-renderer=canvas2d] #hint[data-pen-master=true]{display:block}