*{box-sizing:border-box}:root{color-scheme:dark;--gold:#ecc988}body{margin:0;background:#08151b;color:#f6e8cc;font:14px system-ui,sans-serif}.shell{max-width:1700px;margin:auto}header{height:54px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;background:#0c1c24}.brand{font:20px Georgia,serif;letter-spacing:.14em;text-decoration:none;color:var(--gold)}header>span{font-size:10px;letter-spacing:.18em}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}header button{border:1px solid #ecc98855;background:transparent;border-radius:25px;padding:9px 14px;font-size:10px;min-height:36px}.arena{position:relative;height:calc(100svh - 92px);min-height:380px;max-height:1100px;overflow:hidden;isolation:isolate;touch-action:none;background:#08151b}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.hud{position:absolute;inset:18px 26px auto;display:grid;grid-template-columns:1fr 1fr 44px;gap:18px;pointer-events:none;text-shadow:0 2px 8px #000}.hud>div:nth-child(2){text-align:right}.hud small{display:block;font:16px Georgia,serif;color:#ebd3a7}.hud strong{font:44px Georgia,serif;display:block}.hud button{width:44px;height:44px;pointer-events:auto;border:1px solid var(--gold);border-radius:50%;background:#06131bc0;font:24px Georgia,serif}.action{position:absolute;left:50%;transform:translateX(-50%);bottom:25px;border:1px solid var(--gold);border-radius:5px;min-width:210px;height:68px;background:linear-gradient(#513a1be8,#1d1c15ed);display:flex;gap:15px;align-items:center;justify-content:center;user-select:none;touch-action:none;box-shadow:0 0 30px #eec67b15,inset 0 0 0 4px #eec67b15}.action b{font-size:31px;font-weight:400}.action span{font:24px Georgia,serif;letter-spacing:.13em}.action:active{background:#70512ad9}.action:disabled{opacity:.4}.overlay{position:absolute;inset:0;background:#07141c44;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.card{width:min(420px,100%);text-align:center;background:linear-gradient(135deg,#102b30f5,#08151bf5);padding:30px;border:1px solid #ecc98888;border-radius:5px;box-shadow:0 10px 60px #0008}.card>small{font-size:9px;letter-spacing:.2em;color:#d6b77e}h1{font:40px/1.1 Georgia,serif;font-weight:400;margin:15px 0}.card p{color:#c1d0cd;font-size:13px;line-height:1.7}.card button{background:var(--gold);color:#102126;border:0;border-radius:3px;min-width:180px;min-height:48px;margin:8px 0;font-weight:600}.card a{display:block;color:#ead0a0;font-size:12px;text-decoration:none;margin-top:16px}.card>span{display:block;color:#9eb5b0;font-size:10px;margin-top:15px;line-height:1.7}.feedback{position:absolute;top:110px;left:0;width:100%;text-align:center;color:#f1d192;font:17px Georgia,serif;text-shadow:0 2px 9px #000;pointer-events:none}.streak{position:absolute;bottom:106px;left:0;width:100%;text-align:center;color:#edce94;font-size:11px;letter-spacing:.05em;pointer-events:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08151bf5;z-index:10;margin:0;font:22px Georgia,serif}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;padding:8px 25px;color:#a4bbb9;font-size:9px;letter-spacing:.07em;background:#0c1c24}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){header{padding:0 13px;height:49px}.brand{font-size:17px}header>span{font-size:8px;letter-spacing:.03em}header button{font-size:9px;padding:7px 10px}.arena{height:calc(100svh - 95px)}.hud{inset:16px 15px auto;grid-template-columns:1fr 1fr 36px;gap:12px}.hud small{font-size:11px}.hud strong{font-size:32px}.hud button{width:36px;height:36px;font-size:20px}.feedback{top:95px;font-size:14px}.action{height:63px;bottom:20px;min-width:210px}.streak{bottom:98px;font-size:10px}.card{padding:25px 22px}h1{font-size:34px}footer{min-height:46px;padding:10px 13px;font-size:8px;letter-spacing:0}}@media(max-height:500px) and (min-aspect-ratio:4/3){header{height:35px}.arena{height:calc(100svh - 63px);min-height:260px}footer{min-height:28px;padding:5px 20px}.hud{inset:10px 20px auto}.hud strong{font-size:28px}.hud small{font-size:11px}.action{left:auto;right:20px;transform:none;height:48px;min-width:150px;bottom:15px}.action span{font-size:18px}.streak{bottom:15px;width:60%}.feedback{top:70px}.card{padding:15px 25px}.card p{margin:10px 0}h1{font-size:26px;margin:10px 0}.card>span{margin-top:7px}}.feedback{padding:0 15px;line-height:1.5}