:root{--board-green: #55d99b;--chalk: #fff9df;--chalk-soft: #dfffee;--ink: #314a3c;--gold: #fee886;--gold-dark: #7f6b2f;--danger: #ff766f;--panel: rgba(255, 252, 231, .94);--shadow: rgba(28, 76, 55, .22)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#d9e8ff;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:ui-rounded,Arial Rounded MT Bold,Hiragino Maru Gothic ProN,system-ui,sans-serif}#app{position:relative}#game-root{position:absolute;top:0;right:0;bottom:0;left:0}#game-root canvas{display:block}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#orientation-warning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#1f2a44;color:#fff;font-size:28px;font-weight:800;text-align:center}#orientation-warning>div{max-width:420px;border-radius:28px;padding:28px 36px;background:#ffffff1f}@media (orientation: landscape) and (max-height: 720px){#orientation-warning{display:grid}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--chalk);pointer-events:none}.topbar{position:absolute;top:clamp(18px,4vh,34px);left:50%;transform:translate(-50%);display:grid;gap:4px;text-align:center;text-shadow:0 3px 0 rgba(37,93,66,.26)}.title{margin:0;font-size:clamp(32px,5vw,56px);line-height:1;letter-spacing:0}.subtitle{font-size:clamp(15px,2vw,22px);color:var(--chalk-soft)}.menu-row{display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,54px);margin-top:86px}.mode-card{pointer-events:auto;width:clamp(180px,22vw,260px);aspect-ratio:1;border:0;background:linear-gradient(180deg,#ffffffb3,#fff3),var(--gold);border-radius:30px;box-shadow:0 16px #89bf7559,0 20px 34px var(--shadow);color:var(--gold-dark);font:inherit;font-size:clamp(24px,3vw,34px);font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.mode-card:hover{transform:translateY(-5px);box-shadow:0 21px #89bf7559,0 28px 40px var(--shadow)}.mode-card:active{transform:translateY(3px)}.details-card{width:min(680px,82vw);min-height:360px;padding:34px 44px;border-radius:38px;background:var(--panel);color:var(--ink);box-shadow:0 20px 44px var(--shadow);pointer-events:auto;text-align:center}.details-card h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px)}.details-card p{margin:8px auto;max-width:520px;font-size:clamp(17px,2vw,23px);line-height:1.5}.primary-button,.secondary-button{pointer-events:auto;margin-top:24px;border:0;border-radius:999px;padding:16px 42px;font:inherit;font-size:24px;font-weight:800;cursor:pointer;color:#5d4c21;background:var(--gold);box-shadow:0 8px #6c975573}.secondary-button{margin-left:14px;background:#f2f2e8;color:#3a5344}.hud{position:absolute;top:28px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--chalk);text-shadow:0 3px 0 rgba(37,93,66,.22)}.hud-pill{min-width:150px;border-radius:999px;padding:10px 20px;background:#146b4c42;font-size:22px;font-weight:800;text-align:center}.answer-strip{position:absolute;left:50%;bottom:96px;transform:translate(-50%);min-width:min(560px,78vw);border-radius:28px;padding:16px 28px;background:#16634857;color:var(--chalk);font-size:clamp(24px,4vw,38px);font-weight:900;text-align:center}.feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:320px;border-radius:40px;padding:32px 48px;background:var(--panel);color:var(--ink);box-shadow:0 22px 60px var(--shadow);text-align:center;font-size:42px;font-weight:900}.feedback.wrong{color:#a73737}.hidden{display:none}@media (max-width: 760px){.menu-row{gap:14px}.hud{left:14px;right:14px}.hud-pill{min-width:104px;padding:8px 10px;font-size:16px}}