:root{font-family:Tahoma,Arial,sans-serif;color:#163336;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #c5cebf;background:transparent;color:inherit;border-radius:12px;padding:12px 15px;min-height:44px}button:hover{background:#e0e7d9}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b78a36;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1500px;margin:auto;padding:0 42px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd0}header>a{font-weight:bold;font-size:25px}header>a span{font-size:12px;font-weight:normal;margin-right:20px;color:#677774}.toggles{display:flex;gap:8px}.toggles button{font-size:12px;padding:8px 13px}.toggles button[aria-pressed=true]{background:#dce6d8}.layout{display:grid;grid-template-columns:300px 1fr;gap:40px;padding-top:32px}.panel{padding:24px 0}.eyebrow{font-size:11px;letter-spacing:1px;color:#658176;font-weight:bold}h1{font-size:65px;line-height:1.2;letter-spacing:-3px;margin:21px 0 18px}h1 em{font-style:normal;display:block}.title-dot{color:#c9923f;display:none}.intro{font-size:17px;line-height:1.85;color:#6b7a72;margin-bottom:27px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 0;border-top:1px solid #d4d9cd;border-bottom:1px solid #d4d9cd}.stats small{display:block;color:#67786e;font-size:11px}.stats strong{font-size:29px;display:block;margin-top:8px}.stats i{font-size:12px;font-style:normal}.records{font-size:10px;display:flex;justify-content:space-between;color:#6c7c72;margin:15px 0 27px}.records b{color:#26473c;margin-right:6px}.primary{background:#1e4c42;color:#fff;border-color:#1e4c42;width:100%;font-weight:bold;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#2d6556}.primary span{font-size:10px;font-weight:normal;color:#d0dfc5}.how{margin-top:29px;font-size:12px;line-height:1.95}.how b{font-size:13px}.how p{color:#6b7b70}.save-note{font-size:10px;line-height:1.8;color:#7a897a;margin-top:20px}.stage{position:relative;background:#b4c5b8;min-width:0;overflow:hidden;border-radius:22px;height:min(710px,calc(100dvh - 170px));min-height:480px;isolation:isolate;box-shadow:0 16px 50px #173a3014}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.stage-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2;font-size:11px;color:#344e44;pointer-events:none}.live{display:flex;gap:7px;align-items:center;background:#f7f5e5c9;border-radius:40px;padding:8px 12px}.live i{width:6px;height:6px;background:#557c50;border-radius:50%}#wind{padding-top:8px}.speech{position:absolute;top:19%;left:10%;background:#fff9e9;padding:13px 18px;border-radius:15px 15px 3px 15px;box-shadow:0 5px 20px #183c3510;font-size:12px;max-width:70%;transition:opacity .2s;pointer-events:none}.warning{position:absolute;top:75px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:#a24c35;padding:12px 20px;border-radius:30px;font-size:13px}.stage-bottom{position:absolute;bottom:0;left:0;right:0;height:170px;pointer-events:none;background:linear-gradient(transparent,#13332fdd);color:#fff}.round{position:absolute;bottom:20px;right:23px;display:flex;flex-direction:column;gap:7px;font-size:10px}.round b{color:#f1cd76;letter-spacing:3px;font-size:13px;direction:ltr}.round>span:last-child{color:#c4d7c4}.coin-pad{width:68px;height:68px;background:linear-gradient(135deg,#f7df95,#b17c2d);border:4px double #fff0b2;border-radius:50%;position:absolute;bottom:30px;left:calc(50% - 34px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#755023;font-size:30px;box-shadow:0 8px 20px #001e2366;transform:rotate(-13deg)}.coin-pad span{font-size:9px}.aim-hint{position:absolute;bottom:112px;width:100%;text-align:center;font-size:11px;color:#f5f0d7}.aim-hint span{display:block;font-size:24px;margin-top:4px}.loading{position:absolute;inset:0;display:grid;place-content:center;background:#d4dfcc;font-weight:bold}.loading[hidden]{display:none}footer{display:flex;justify-content:space-between;font-size:10px;color:#829080;padding:24px 0}dialog{border:0;border-radius:23px;padding:0;background:#f6f3ea;color:#193f37;max-width:min(460px,92vw);width:460px;box-shadow:0 25px 100px #031e3377}dialog::backdrop{background:#0e282b99;backdrop-filter:blur(6px)}.modal{position:relative;padding:36px}h2{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:18px 0}.modal p{font-size:13px;line-height:1.95;color:#63736b}.modal small{display:block;font-size:10px;text-align:center;margin-top:18px;color:#7b8779}.modal .primary{margin-top:22px;justify-content:center}.close{position:absolute;left:15px;top:14px;padding:4px 12px;font-size:24px;border:0}.shop-items{display:grid;gap:9px;margin-top:22px}.shop-items button{display:flex;align-items:center;justify-content:space-between;text-align:right;gap:10px;font-size:12px}.shop-items small{margin:4px 0 0;text-align:right;font-size:10px}.shop-items button:disabled{opacity:.5;cursor:default}#endShop{width:100%;margin-top:10px}body.dragging .coin-pad{opacity:.25}body.dragging .aim-hint{opacity:0}[hidden]{display:none!important}@media(min-width:1500px){.layout{grid-template-columns:320px 1fr;gap:60px}}@media(max-width:800px){.shell{padding:0 16px}header{height:65px}header>a{font-size:22px}header>a span{display:none}.toggles{gap:5px}.toggles button{font-size:10px;padding:6px 9px}.layout{display:flex;flex-direction:column;gap:14px;padding-top:14px}.panel{display:contents}.eyebrow,.intro,.records,.how,.panel>.save-note{display:none}h1{font-size:26px;margin:0;letter-spacing:-1px;position:absolute;top:84px;right:18px;z-index:3}h1 em{display:inline}.title-dot{display:inline}.stats{position:absolute;top:124px;right:20px;left:20px;display:flex;justify-content:space-between;border:0;padding:0;z-index:2;pointer-events:none}.stats>div{display:flex;align-items:center;gap:8px}.stats small{font-size:10px}.stats strong{font-size:20px;margin:0}.stats i{font-size:10px}.panel>.primary{position:absolute;top:78px;left:16px;width:auto;min-height:38px;font-size:11px;padding:8px 15px;z-index:3}.panel>.primary span{display:none}.stage{margin-top:83px;height:calc(100dvh - 220px);min-height:390px;border-radius:17px}.stage-top{top:15px;left:14px;right:14px;font-size:10px}.speech{top:18%;left:6%;font-size:11px;padding:10px 13px}.stage-bottom{height:145px}.round{right:15px;bottom:15px;font-size:9px}.round b{font-size:10px;letter-spacing:2px}.coin-pad{width:57px;height:57px;left:calc(50% - 28px);bottom:24px;font-size:26px}.aim-hint{font-size:10px;bottom:98px}footer{font-size:9px;padding:17px 0}.modal{padding:28px}.modal>.eyebrow{display:block}.warning{top:59px;font-size:11px}h2{font-size:29px}}@media(max-height:600px) and (min-width:801px){.stage{min-height:370px}.panel{padding-top:0}h1{font-size:40px;margin:10px 0}.intro,.how{display:none}}
body:not(.gold-coin) .coin-pad{background:linear-gradient(135deg,#f4f1df,#9da9a2);border-color:#e9e9d5;color:#53655d}

/* Immersive workshop: HUD floats above one edge-to-edge scene. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#183a37;touch-action:none}body{position:fixed;inset:0}.shell{max-width:none;padding:0;width:100vw;height:100dvh}.layout{display:block;padding:0;margin:0}.stage{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;margin:0;border-radius:0;box-shadow:none}.panel{display:contents}.panel>.eyebrow,h1,.intro,.records,.how,.panel>.save-note,footer,header>a:not(.exit){display:none}header{position:fixed;inset:0 0 auto;height:auto;border:0;padding:calc(env(safe-area-inset-top) + 16px) max(20px,env(safe-area-inset-right)) 0;z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:start}.exit,.toggles{pointer-events:auto}.exit{font-size:11px;background:#143c3a99;color:#fff;border:1px solid #ffffff35;border-radius:12px;padding:12px}.toggles{gap:6px;display:flex;direction:rtl}.toggles button,.toggles select{background:#173e3db0;color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(12px);font-size:11px;padding:8px 11px;border-radius:12px;min-height:40px}.toggles select{max-width:110px;font:inherit;font-size:10px;cursor:pointer}.toggles select option{color:#173e3d;background:#f6f3ea}.toggles button[aria-pressed=true]{background:#417664d9}#haptics{display:none}.stats{position:fixed;top:calc(env(safe-area-inset-top) + 76px);right:22px;left:auto;display:flex;gap:25px;border:1px solid #ffffff30;background:#173e3d9c;backdrop-filter:blur(12px);border-radius:17px;padding:12px 18px;z-index:3;color:#fff;pointer-events:none}.stats>div{display:block}.stats small{font-size:10px;color:#d4e7da}.stats strong{font-size:25px;margin-top:3px}.stats i{color:#d3dec9}.panel>.primary{position:fixed;top:calc(env(safe-area-inset-top) + 79px);left:22px;width:auto;min-height:44px;padding:12px 18px;z-index:5;background:#f1cf80;color:#3d3927;border-color:#ffe5a3;font-size:12px;box-shadow:0 4px 20px #122e3420}.panel>.primary span{display:none}.stage-top{top:calc(env(safe-area-inset-top) + 160px);left:24px;right:24px;color:#fff;align-items:center}.live{background:#244d47a6;backdrop-filter:blur(8px);border:1px solid #ffffff30;padding:9px 13px}.live i{background:#c9eab1;box-shadow:0 0 12px #d3f0ad}#wind{text-shadow:0 1px 8px #173e3d}.speech{top:25%;left:8%;max-width:220px;background:#fff8e8e8;font-size:12px;padding:13px 18px;border:1px solid #fff7da;backdrop-filter:blur(8px)}.warning{top:calc(env(safe-area-inset-top) + 210px);z-index:3}.stage-bottom{height:210px;background:linear-gradient(transparent,#0b302dce);padding-bottom:env(safe-area-inset-bottom)}.round{bottom:calc(env(safe-area-inset-bottom) + 28px);right:25px;gap:9px;font-size:11px}.round b{font-size:15px;letter-spacing:4px}.coin-pad{bottom:calc(env(safe-area-inset-bottom) + 34px);width:76px;height:76px;left:calc(50% - 38px);font-size:34px;box-shadow:0 10px 35px #001e2388,inset 0 0 0 3px #fff6c577}.aim-hint{bottom:calc(env(safe-area-inset-bottom) + 124px);font-size:12px}.aim-hint span{font-size:29px}.modal{touch-action:pan-y}dialog{max-height:88dvh;overflow:auto}.loading{background:#264a43;color:#fff}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #0b29262b;z-index:1}.stage-bottom,.speech{z-index:2}
@media(max-width:600px){header{padding-left:12px;padding-right:12px}.toggles{gap:4px}.toggles button{font-size:10px;padding:7px 9px}.toggles select{max-width:89px;padding:7px 4px}.exit{font-size:10px;padding:12px 9px}.stats{right:14px;gap:20px;padding:10px 14px}.panel>.primary{left:14px}.stage-top{right:16px;left:16px}.speech{left:5%;top:27%;max-width:175px;font-size:11px}.round{right:16px;bottom:calc(env(safe-area-inset-bottom) + 22px);font-size:9px}.round b{font-size:11px;letter-spacing:2px}.coin-pad{width:68px;height:68px;left:calc(50% - 34px)}}
@media(max-height:500px){header{padding-top:calc(env(safe-area-inset-top) + 10px)}.stats{top:66px;right:16px;padding:8px 14px}.stats strong{font-size:20px}.panel>.primary{top:66px;left:16px}.stage-top{top:130px;left:18px;right:18px}.speech{top:49%;left:5%;max-width:190px;font-size:10px}.stage-bottom{height:100px}.round{bottom:15px}.coin-pad{width:54px;height:54px;left:calc(50% - 27px);bottom:16px;font-size:25px}.aim-hint{bottom:76px;font-size:10px}.aim-hint span{display:none}.warning{top:140px}}
/* Touch controls remain usable on narrow phones. */
.toggles button,.toggles select{min-width:44px;min-height:44px}
@media(max-width:380px){header{padding-left:8px;padding-right:8px}.toggles{gap:3px}.toggles button{padding-inline:6px}.toggles select{max-width:82px}}