@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;900&family=Nunito:wght@900;1000&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;background:#f7e8d5;font-family:'Noto Sans SC',system-ui,sans-serif;color:#512610}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #3d7d6b;outline-offset:4px}[hidden]{display:none!important}#app{position:relative;width:min(100%,520px);height:min(100svh,900px);min-height:650px;overflow:hidden;background:#89d3ff;isolation:isolate;box-shadow:0 0 80px #5d3e2830}#game{width:100%;height:100%;display:block;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff6 0%,transparent 35%,transparent 60%,#fff3d622 100%);z-index:1}header{position:absolute;z-index:2;top:5%;left:2%;right:2%;text-align:center;pointer-events:none;filter:drop-shadow(0 5px 0 #49200c)}.brand{position:relative;font-family:Nunito,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(42px,10vw,64px);font-weight:1000;line-height:1;color:#fff8e6;letter-spacing:-2px;-webkit-text-stroke:10px #51210d;paint-order:stroke fill;text-shadow:0 4px #bb7646;transform:rotate(-3deg)}.brand span{position:absolute;font-size:24px;top:-20px;right:23%;-webkit-text-stroke:0}h1{font-family:Nunito,system-ui,sans-serif;font-weight:1000;font-size:clamp(37px,9.8vw,58px);letter-spacing:-3px;margin:3px 0 0;line-height:1.2;white-space:nowrap;transform:rotate(-3deg);-webkit-text-stroke:10px #51210d;paint-order:stroke fill;filter:drop-shadow(0 0 3px white)}h1 span{color:#ffd46b;text-shadow:0 4px #f28c24}h1 em{color:#ffa5b6;font-style:normal;text-shadow:0 4px #df627d}header p{display:inline-block;background:#ee8b9e;color:white;font-size:23px;letter-spacing:6px;font-weight:900;padding:5px 35px;margin:9px 0;border-radius:50% 20% 40% 15%;transform:rotate(-2deg);filter:none}#menu{position:absolute;bottom:23px;left:0;right:0;z-index:3;text-align:center}.gold{background:linear-gradient(#ffd76a,#ffb22d 70%,#f4a126);border:3px solid #fff1b6;border-radius:36px;box-shadow:0 0 0 3px #bd6c13,0 6px 0 3px #924712,inset 0 3px 0 #fff8;min-height:65px;padding:9px 35px;color:white;font-size:29px;font-weight:900;text-shadow:2px 2px #93460e,-1px -1px #93460e,-1px 1px #93460e,1px -1px #93460e;transition:transform .15s}.gold:active{transform:translateY(4px)}.gold span{margin-right:8px}#start{min-width:68%;margin-bottom:27px}.selection{background:linear-gradient(#fffaf0f5,#fff7eafc);padding:13px 12px 8px;border-top:2px solid #fff9;box-shadow:0 -5px 30px #c28b4720;border-radius:32px 32px 0 0}h2{font-size:19px;margin:0 0 10px;font-weight:900}#choices{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.choice{min-width:0;border:2px solid transparent;background:transparent;border-radius:16px;padding:2px 1px 4px;color:#4a2516;position:relative}.choice.active{border-color:#ffbd24;background:#fff5cd;box-shadow:inset 0 0 0 2px white,0 3px 0 #ebbd74}.portrait{display:block;width:100%;height:98px;object-fit:contain}.choice span{display:block;font-size:clamp(9px,2.5vw,12px);font-weight:900;white-space:nowrap}.instruction{font-size:10px;letter-spacing:.5px;color:#a27e60;margin:10px 0 0}footer{position:absolute;bottom:5px;z-index:4;text-align:center;width:100%;font:7px Nunito,sans-serif;letter-spacing:1.6px;color:#6a462d}#hud{position:absolute;top:18px;left:15px;right:15px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.badge{min-width:81px;text-align:center;background:#fff9e8ed;border:2px solid #fff;border-radius:18px;box-shadow:0 4px 0 #8d4c3526;padding:5px 14px;color:#482111}.badge small{display:block;font-size:13px;font-weight:900}.badge b{display:block;font:1000 36px/1.05 Nunito,system-ui}.hud-right{display:flex;gap:10px;align-items:flex-start}#pause{pointer-events:auto;background:linear-gradient(#ffd26b,#ffb33c);border:2px solid white;border-radius:17px;width:51px;height:51px;color:white;font-size:27px;font-weight:900;box-shadow:0 4px 0 #a95b2330}#hint{position:absolute;z-index:2;top:26%;width:100%;text-align:center;color:white;font-weight:900;font-size:18px;text-shadow:0 2px 6px #5e3728}#modal{position:absolute;inset:0;z-index:5;background:#422d274d;backdrop-filter:blur(5px);display:grid;place-items:center}.modal-card{width:84%;text-align:center;background:#fff8e9;border:3px solid white;border-radius:30px;box-shadow:0 12px 0 #5e2b2040;padding:26px 20px}.mini-brand{display:flex;gap:7px;align-items:center;justify-content:center;font:1000 14px Nunito,system-ui;letter-spacing:2px;color:#95714f;margin-bottom:18px}.mini-brand img{width:28px;height:28px;border-radius:50%}.modal-card h2{font-size:30px;margin:0;color:#67331b}.modal-card p{font-size:13px;color:#a17a5a}.result{display:flex;justify-content:center;gap:35px;margin:20px 0 25px;font-size:12px;color:#a17a5a}.result b{display:block;font:1000 42px Nunito,system-ui;color:#512610}.modal-card .gold{font-size:23px;width:95%;min-height:58px}.text-btn{background:none;border:0;color:#9b7155;font-size:12px;margin-top:18px;padding:9px}body.playing .shade{opacity:0}body.playing footer{color:#fff9}@media(min-width:600px){body{padding:16px}#app{border-radius:28px;height:min(calc(100svh - 32px),900px)}}@media(max-height:720px){#app{min-height:560px}header{top:4%}.brand{font-size:46px}h1{font-size:42px}header p{font-size:18px;margin:6px}.portrait{height:78px}#start{min-height:54px;font-size:25px;margin-bottom:18px}.selection{padding-top:10px}h2{font-size:16px;margin-bottom:5px}}

.mini-brand img{mix-blend-mode:multiply;border-radius:0}

#sound{position:absolute;z-index:7;right:12px;top:10px;background:#fff8e7e8;border:1px solid #fff;border-radius:18px;padding:6px 11px;min-height:34px;font-size:11px;font-weight:700;color:#6e4a32;box-shadow:0 2px 7px #6235241a}body.playing #sound{top:auto;bottom:27px;right:13px;background:#fff8e7e0}

#language{position:absolute;z-index:7;left:12px;top:10px;background:#fff8e7e8;border:1px solid white;border-radius:18px;padding:6px 11px;min-height:34px;color:#6e4a32;font-size:11px;font-weight:700;box-shadow:0 2px 7px #6235241a}body.playing #language{top:auto;bottom:27px}html[lang=en] #subtitle{font-size:13px;letter-spacing:2px}html[lang=en] .choice span{font-size:9px;white-space:normal;line-height:1.2;min-height:22px}html[lang=en] .modal-card h2{font-size:26px}html[lang=en] #hint{font-size:15px}