:root{--ink:#173b3a;--muted:#6c8a84;--leaf:#2f9a7e;--leaf-dark:#23755f}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#eaf8ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.site-shell{background:radial-gradient(circle at 18% 20%,#fffffff5 0 7%,#0000 31%),radial-gradient(circle at 84% 72%,#ffe28454 0 8%,#0000 30%),linear-gradient(135deg,#dff5ff 0%,#edf9e4 52%,#fff4c9 100%);grid-template-rows:86px minmax(0,1fr);width:100%;height:100svh;display:grid;overflow:hidden}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:24px;width:min(820px,100%);height:86px;margin:0 auto;padding:8px 24px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:#ffffffb8;border:1px solid #2e87702e;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 24px #2e87701f}.brand-mark img{object-fit:contain;width:48px;height:48px;display:block}.brand-lockup h1{color:#1e5d50;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:27px;font-weight:800;overflow:hidden}.score-strip{flex:none;align-items:center;gap:8px;display:flex}.score-strip>div{background:#ffffff9e;border:1px solid #2e877026;border-radius:16px;align-content:center;min-width:94px;height:54px;padding:8px 14px;display:grid;box-shadow:0 8px 26px #36786514}.score-strip span{color:var(--muted);font-size:10px;line-height:1}.score-strip strong{color:var(--leaf-dark);margin-top:5px;font:750 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.play-stage{place-items:center;min-height:0;padding:4px 12px 14px;display:grid}.canvas-shell{aspect-ratio:640/720;background:#ffffff8c;border:1px solid #2b876f3b;border-radius:24px;width:min(640px,100vw - 24px,88.8889svh - 92.4445px);position:relative;overflow:hidden;box-shadow:0 24px 70px #36716329,0 4px 14px #36716314,inset 0 1px #ffffffe6}.game-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.canvas-loading{z-index:2;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fffdb0f0,#ffeb7b2e 68%,#0000 72%);border-radius:50%;place-items:center;width:8%;min-width:38px;max-width:52px;display:grid;position:absolute;top:13.35%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #fff18cb8}.canvas-loading img{object-fit:contain;width:100%;height:100%;display:block}.canvas-reset{z-index:3;width:38px;height:38px;color:var(--leaf-dark);cursor:pointer;background:#ffffffd1;border:1px solid #23755f38;border-radius:50%;transition:transform .2s,background .2s;position:absolute;top:14px;right:14px;box-shadow:0 6px 18px #2b75621f}.canvas-reset:hover{background:#fff;transform:rotate(-35deg)}.gameover{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f4a4347;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gameover-card{text-align:center;background:#fffffff5;border:1px solid #2b876f38;border-radius:24px;min-width:min(330px,80vw);padding:30px 36px 34px;box-shadow:0 28px 90px #245b4e38}.gameover-mascot{object-fit:contain;width:112px;height:112px;margin:0 auto 18px;display:block}.gameover-card p{color:var(--muted);margin:0;font-size:16px;font-weight:650}.gameover-score{color:var(--leaf-dark);margin-top:9px;font:800 48px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.gameover-card button{background:var(--leaf);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;height:46px;margin-top:24px;font-weight:750}.emperor-message{max-width:310px;line-height:1.7;color:var(--leaf-dark)!important;margin-inline:auto!important;font-size:17px!important}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.gameover-card .dialog-actions button{margin-top:0}.gameover-card .secondary-action{color:var(--leaf-dark);background:#e4f2e5;border:1px solid #2d846b33}@media (width<=620px){.site-shell{grid-template-rows:68px minmax(0,1fr)}.topbar{height:68px;padding:6px max(9px, env(safe-area-inset-right)) 6px max(9px, env(safe-area-inset-left));gap:8px}.brand-lockup{gap:7px}.brand-mark{border-radius:14px;width:44px;height:44px}.brand-mark img{width:40px;height:40px}.brand-lockup h1{letter-spacing:.03em;font-size:19px}.score-strip{gap:4px}.score-strip>div{border-radius:12px;min-width:58px;height:44px;padding:6px 8px}.score-strip span{font-size:8px}.score-strip strong{margin-top:4px;font-size:14px}.play-stage{padding:2px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.canvas-shell{border-radius:17px;width:min(100vw - 12px,88.8889svh - 67.5556px)}.canvas-reset{width:34px;height:34px;top:9px;right:9px}}@media (width<=390px){.brand-lockup h1{font-size:17px}.score-strip>div{min-width:52px;padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}