:root{color-scheme:dark;--cream:#fff0c5;--gold:#f8cd72;--muted:#a5b8d0;--panel:#15213be8}*{box-sizing:border-box}body{margin:0;background:#0c1224;color:#eef3fc;font:16px/1.5 system-ui,Segoe UI,sans-serif}button,select,input{font:inherit}button,select{border:1px solid #536282;border-radius:12px;background:#22324e;color:#fff;padding:11px 19px;cursor:pointer}button:hover{background:#33486a;border-color:#d1b976}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #71edff;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.gold{background:linear-gradient(#ffe29a,#e0a449);color:#241a20;border-color:#ffe5a6;font-weight:800;box-shadow:0 3px 0 #976623}.gold:hover{background:#ffdc87}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}h1,h2,h3,p{margin:0 0 14px}h1,h2{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(42px,6vw,76px);line-height:1.03;color:var(--cream)}h2{font-size:32px;color:var(--cream)}small,.muted{color:var(--muted)}#menu{min-height:100dvh;padding:28px max(22px,calc((100vw - 1160px)/2));background:radial-gradient(ellipse at 75% 15%,#374d6955,transparent 45%),url('assets/menu.svg') center top/cover fixed}.masthead{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff20;padding-bottom:16px;margin-bottom:38px}.brand{letter-spacing:4px;font-size:12px;font-weight:800;color:#c5d3ea}.topnav{display:flex;gap:9px;flex-wrap:wrap}.topnav button{padding:8px 12px;font-size:13px}.hero{max-width:670px;padding:10px 0 25px}.hero h1 em{display:block;font-size:.65em;color:#c7caff;margin-top:12px}.hero p{margin-top:22px;max-width:570px;color:#c5d2e8}.campaigns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.campaign{position:relative;overflow:hidden;border:1px solid #9dbde64a;border-radius:20px;padding:28px;min-height:240px;box-shadow:0 10px 40px #0005;background:linear-gradient(90deg,#15393fe8,#17404b80),url('assets/day.svg') center/cover}.campaign.night{background:linear-gradient(90deg,#272047e8,#27204780),url('assets/night.svg') center/cover}.campaign h2{font-size:31px}.campaign p{max-width:320px;color:#d4e3ec}.campaign button{margin-top:14px}.modegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.modecard{text-align:left;padding:20px;background:#121e35d9}.modecard b{display:block;font:23px Georgia,serif;color:var(--cream)}.modecard small{display:block;margin-top:8px;line-height:1.4}.fineprint{font-size:12px;color:#93a5c3;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tile{text-align:left;position:relative}.tile strong{display:block}.tile small{font-size:12px}.tile.complete{border-color:#d7b56a}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.portrait{width:100px;height:100px;float:right}.mastertile{min-height:215px}.mastertile p{font-size:13px;clear:both;color:#c2cfe4}.badge{color:var(--gold);font-size:12px}.help{max-width:800px;background:var(--panel);padding:24px;border-radius:20px}.help p{margin-bottom:18px}.help a{color:#9de8fb}label{display:flex;align-items:center;gap:12px;margin:14px 0}input[type=checkbox]{width:22px;height:22px}dialog{border:1px solid #647594;border-radius:20px;background:#15213bf5;color:white;max-width:560px;width:calc(100% - 32px);max-height:90dvh;padding:30px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#070b19bf;backdrop-filter:blur(5px)}dialog button{margin:5px}#play{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#243957,#0a1021)}#play[hidden]{display:none}#gamebar{height:65px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:8px 24px;border-bottom:1px solid #ffffff15}#gamebar strong{display:block;font-size:16px}#gamebar small{font-size:10px;text-transform:uppercase;letter-spacing:2px}#gamebar button{padding:6px 17px}#arena{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;min-height:0;padding:12px}#boardWrap{position:relative;height:100%;aspect-ratio:600/760;max-width:100%;border:3px solid #a98a53;border-radius:20px;overflow:hidden;box-shadow:0 0 0 5px #192d49,0 12px 40px #0008}canvas{width:100%;height:100%;display:block;touch-action:none}aside{width:175px;flex-shrink:0}#masterPortrait{width:150px;height:150px}#masterName{font:25px Georgia;color:var(--cream)}#powerText{font-size:13px;color:#b9cbe0}#powerStatus{font-size:12px;color:var(--gold);min-height:45px}.legend{margin-top:28px;font-size:12px;line-height:2;color:#a8bfd7}#rightPanel{text-align:center}#score{font-size:30px;color:var(--gold)}#best{font-size:12px;color:#a5b8d0}#orange{font:48px Georgia;color:#ffb466}#feverMeter{height:180px;width:16px;margin:20px auto;background:#091426;border:1px solid #526789;border-radius:10px;position:relative;overflow:hidden}#feverMeter i{position:absolute;bottom:0;width:100%;background:linear-gradient(#fff3a2,#ff914d,#c23863);box-shadow:0 0 20px orange}#toast{position:absolute;left:5%;right:5%;top:43%;text-align:center;pointer-events:none;font-weight:800;font-size:clamp(14px,2.3vw,25px);color:#fff4bc;text-shadow:0 2px 5px #000,0 0 15px #000;transition:opacity .25s;opacity:0}#controls{flex-shrink:0;text-align:center;padding:6px 12px 10px}#shoot{min-width:180px}#ballCount{margin-left:12px}.controlrow{display:flex;gap:10px;align-items:center;justify-content:center}#shotInfo{font-size:11px;letter-spacing:.5px;margin-top:7px;color:#b8cbe2;min-height:17px}#mobileStats{display:none}#flipLeft,#flipRight{font-size:12px;padding:12px 8px}#aimLeft,#aimRight{font-size:22px;padding:4px 19px;touch-action:none}.scoreline{font-size:26px;color:var(--gold);margin:18px 0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.statgrid div{background:var(--panel);padding:20px;border-radius:15px}.statgrid strong{font-size:32px;display:block;color:var(--gold)}@media(max-width:800px){.campaigns{grid-template-columns:1fr}.modegrid{grid-template-columns:1fr 1fr}.masthead{margin-bottom:20px}.hero{padding-top:0}aside{display:none}#arena{padding:5px}#gamebar{height:52px;padding:4px 12px;gap:8px}#gamebar strong{font-size:12px}#mobileStats{display:block;font-size:12px;margin-bottom:4px;color:#ffe2a0}#controls{padding-bottom:max(6px,env(safe-area-inset-bottom))}#boardWrap{border-width:2px;border-radius:12px}#shoot{min-width:135px;padding:8px 14px}.controlrow{gap:6px}#menu{padding:18px}.topnav{gap:5px}.topnav button{padding:6px 9px}#shotInfo{font-size:10px;margin-top:3px}.portrait{width:80px;height:80px}}@media(max-height:520px) and (orientation:landscape){#play{display:grid;grid-template-columns:1fr 160px;grid-template-rows:42px 1fr}#gamebar{grid-column:1/3;height:42px}#arena{grid-column:1;grid-row:2;padding:4px}aside{display:none}#controls{grid-column:2;grid-row:2;align-self:center;padding:8px}#mobileStats{display:block}.controlrow{flex-wrap:wrap}#shoot{order:-1;width:100%}#boardWrap{height:100%}#shotInfo{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}