@font-face{font-family:Lilita One;src:url(../fonts/LilitaOne.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito.woff2) format("woff2");font-weight:600 900;font-display:swap}:root{--night: #1c1236;--panel: rgba(36, 20, 70, .86);--panel-solid: #2a1850;--edge: #b9831f;--brass: #f2b632;--brass-hi: #ffd76a;--parch: #fbecc8;--parch-dim: #cdb9e8;--hot: #ff4f45;--sea: #34c3d2;--display: "Lilita One", "Arial Black", Impact, system-ui, sans-serif;--body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--parch);font-family:var(--body);font-size:15px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#view:active{cursor:grabbing}[hidden]{display:none!important}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 70% at 50% 48%,transparent 55%,rgba(28,10,48,.38) 100%)}button{font:inherit;font-weight:800;color:var(--parch);background:linear-gradient(#5b33a8,#3d2179);border:2px solid #1a0d33;border-radius:10px;padding:9px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 3px #120826;transition:transform .08s,filter .15s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff2e,0 1px #120826}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brass-hi);outline-offset:2px}button.big{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.5px;color:#3a1d06;background:linear-gradient(#ffd96b,#e09a1c);border-color:#5a3208;box-shadow:inset 0 2px #ffffff80,0 4px #5a3208;padding:11px 22px}button.ghost{background:transparent;box-shadow:none;border-color:#ffffff40}.iconbtn{width:42px;height:42px;padding:0;font-size:20px}.pill{border-radius:999px;padding:7px 14px;font-size:13px}#tags{position:fixed;inset:0;pointer-events:none;z-index:2}.tag-name{position:absolute;transform:translate(-50%,-100%);font-weight:900;font-size:13px;padding:2px 9px;border-radius:6px;background:#3c1e78e0;border:2px solid rgba(255,255,255,.35);white-space:nowrap;text-shadow:0 1px 0 #000}.tag-name:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:6px solid transparent;border-top-color:#ffffff8c}.tag-name.now{background:var(--hot);border-color:#ffd0cc}.tag-name .hearts{margin-left:5px;color:#ffb3c0;letter-spacing:-1px}.float-text{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-size:22px;color:var(--brass-hi);-webkit-text-stroke:1px #3a1d06;text-shadow:0 3px 0 #3a1d06;white-space:nowrap;animation:rise 1.8s ease-out forwards}@keyframes rise{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-70px}}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}#hud>*{pointer-events:auto}.hud-top{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:flex-start;gap:10px;pointer-events:none}.hud-top>*{pointer-events:auto}.shotpick{position:relative;margin-left:auto;margin-right:auto}.shotbtn{display:flex;align-items:center;gap:12px;min-width:260px;font-family:var(--display);font-weight:400;font-size:20px;color:#3a1d06;background:linear-gradient(#f9cd62,#d58f17);border-color:#5a3208;box-shadow:inset 0 2px #ffffff80,0 3px #5a3208}.shotbtn #shotName{flex:1;text-align:left}.shotbtn #shotCost{font-family:var(--body);font-weight:900;font-size:14px;background:#3a1d0626;padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.shotlist{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:300px;max-height:min(64vh,560px);overflow:auto;z-index:5;background:var(--panel-solid);border:2px solid var(--edge);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px}.shotlist button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px 10px;padding:7px 10px;border-radius:8px;background:linear-gradient(#e8b54a,#c47f17);color:#3a1d06;border-color:#5a3208;box-shadow:none}.shotlist button small{grid-column:1 / -1;font-weight:700;font-size:12px;opacity:.8}.shotlist button .price{font-variant-numeric:tabular-nums}.shotlist button.def{background:linear-gradient(#7fd2dc,#3f9fb0)}.shotlist button[aria-selected=true]{outline:3px solid #fff;outline-offset:-3px}.order{position:absolute;top:calc(64px + var(--safe-t));left:calc(12px + var(--safe-l));margin:0;padding:8px 10px;list-style:none;background:var(--panel);border:2px solid rgba(185,131,31,.6);border-radius:12px;min-width:170px;display:flex;flex-direction:column;gap:3px}.order li{display:grid;grid-template-columns:12px 10px 1fr auto;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--parch-dim)}.order li .arrow{color:var(--brass);opacity:0}.order li.now{color:#fff}.order li.now .arrow{opacity:1}.order li.out{opacity:.4;text-decoration:line-through}.order li .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #0006}.order li .hearts{color:#ff8fa3;font-size:12px;letter-spacing:-1px}.side{position:absolute;top:calc(64px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;flex-direction:column;gap:8px;align-items:stretch;width:164px}.stat{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:2px solid rgba(185,131,31,.6);border-radius:10px;padding:6px 10px;font-variant-numeric:tabular-nums}.stat small{font-weight:800;color:var(--parch-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat b{font-family:var(--display);font-weight:400;font-size:22px}.stat.gold b{color:var(--brass-hi)}.coin{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2b0,#f2b632 45%,#a66b0c);box-shadow:0 0 0 2px #6b3f05}#minimap{width:164px;height:164px;border-radius:12px;border:3px solid #8a5c1c;background:#e8cf98;image-rendering:auto;box-shadow:0 0 0 2px #00000059}.wind{display:flex;align-items:center;gap:8px;justify-content:center;background:var(--panel);border:2px solid rgba(185,131,31,.6);border-radius:10px;padding:4px 10px;font-weight:900;font-variant-numeric:tabular-nums}.wind svg{fill:var(--sea);transition:transform .4s}.banner{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%) scale(.6);font-family:var(--display);font-size:clamp(38px,8vw,84px);color:#ffcf3f;-webkit-text-stroke:2px #5a1e04;text-shadow:0 5px 0 #5a1e04,0 10px 24px rgba(0,0,0,.45);white-space:nowrap;opacity:0;pointer-events:none!important;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}.banner.defense{color:#9fe9ff;-webkit-text-stroke-color:#142c6e;text-shadow:0 5px 0 #142c6e,0 10px 24px rgba(0,0,0,.45)}.banner.sub{font-size:clamp(26px,5vw,46px)}.callout{position:absolute;left:50%;top:44%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none!important;text-align:center;width:92vw}.callout div{font-family:var(--display);font-size:clamp(20px,3.6vw,34px);color:#fff3d6;-webkit-text-stroke:1px #5a1e04;text-shadow:0 3px 0 #5a1e04,0 6px 16px rgba(0,0,0,.5);animation:callout 2.8s ease-out forwards}.callout div.out{color:#ff8f7e}@keyframes callout{0%{opacity:0;transform:scale(.7)}8%{opacity:1;transform:scale(1.08)}16%{transform:none}80%{opacity:1}to{opacity:0}}.say{position:absolute;transform:translate(-50%,-100%);max-width:210px;padding:5px 10px;border-radius:12px;background:#fff8e6;color:#2a1504;font-weight:800;font-size:13px;line-height:1.25;text-align:center;box-shadow:0 3px #00000040;pointer-events:none!important;animation:say 2.8s ease-out forwards}.say:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:7px solid transparent;border-bottom:0;border-top-color:#fff8e6}@keyframes say{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}.log li.chat{color:#ffe9b8;font-style:italic}.log li.chat b{font-style:normal}.toasts{position:absolute;left:50%;top:46%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none!important}.toast{font-weight:900;font-size:20px;color:var(--brass-hi);text-shadow:0 2px 0 #3a1d06,0 0 12px rgba(0,0,0,.5);animation:toast 2.6s ease-out forwards}.toast.bad{color:#ffb0a8}@keyframes toast{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.log{position:absolute;left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));margin:0;padding:8px 12px;list-style:none;width:min(340px,46vw);background:#140a2cb8;border:2px solid rgba(193,60,255,.5);border-radius:12px;display:flex;flex-direction:column-reverse;gap:2px;font-size:13px;font-weight:700;max-height:132px;overflow:hidden;pointer-events:none!important}.log li{line-height:1.3}.log b{font-weight:900}.aimbox{position:absolute;right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:8px 10px;align-items:end;justify-items:end}.readout{grid-column:1 / -1;display:flex;gap:12px;font-family:var(--display);font-size:22px;background:var(--panel);border:2px solid rgba(185,131,31,.6);border-radius:10px;padding:4px 12px;font-variant-numeric:tabular-nums}.readout #powerTxt{color:var(--brass-hi)}.powerwrap{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel);border:2px solid rgba(185,131,31,.6);border-radius:10px;padding:8px 10px}.powerwrap .lbl{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--parch-dim)}#power{width:180px;accent-color:var(--brass)}.fire{width:116px;height:116px;border-radius:50%;font-family:var(--display);font-weight:400;font-size:30px;color:#fff3d6;background:radial-gradient(circle at 40% 30%,#ff8a5a,#d1361f 55%,#7c1408);border:4px solid #3c0802;-webkit-text-stroke:1px #3c0802;box-shadow:inset 0 3px #ffffff59,0 5px #3c0802,0 8px 22px #0006}.fire.defense{background:radial-gradient(circle at 40% 30%,#8ff0ff,#2c97c4 55%,#103e6a);border-color:#071c33;font-size:22px}.hint{position:absolute;bottom:calc(10px + var(--safe-b));left:50%;transform:translate(-50%);margin:0;font-size:12px;font-weight:800;color:#ffffffbf;text-shadow:0 1px 2px #000;pointer-events:none!important;white-space:nowrap}.hud-locked .aimbox,.hud-locked .shotpick{opacity:.45;pointer-events:none}.screen{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.screen.dim{background:#140a2c8c}.card{width:min(560px,100%);background:linear-gradient(#301a5cf0,#1e103cf5);border:3px solid var(--edge);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000080;margin:auto}.card.small{width:min(440px,100%);text-align:center}.card h2{font-family:var(--display);font-weight:400;font-size:32px;margin:0;color:var(--brass-hi);text-shadow:0 3px 0 #3a1d06}.card h3{margin:6px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--parch-dim)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.title-card{text-align:center;width:min(460px,100%);background:linear-gradient(#301a5cc7,#1e103cdb)}.logo{font-family:var(--display);font-weight:400;margin:0;font-size:clamp(56px,13vw,96px);line-height:.85;color:#ffb22e;-webkit-text-stroke:3px #4a1a03;text-shadow:0 6px 0 #4a1a03,0 12px 30px rgba(0,0,0,.5);transform:rotate(-3deg);text-wrap:balance}.logo span{color:#ff6a2a;font-size:.5em;letter-spacing:.02em}.tag{margin:0;color:var(--parch-dim);font-weight:700}.record{margin:0;font-size:13px;color:var(--parch-dim);font-variant-numeric:tabular-nums}.prose{width:min(620px,100%);line-height:1.55}.prose ul{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:6px}.prose p{margin:0}.setup-card{width:min(920px,100%)}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.islands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.islands button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:13px}.islands button canvas{width:100%;aspect-ratio:1;border-radius:8px;background:#1d7a90}.islands button[aria-pressed=true]{outline:3px solid var(--brass-hi);outline-offset:-1px;background:linear-gradient(#7a46d0,#4c2894)}.rules{display:flex;flex-direction:column;gap:8px}.rules label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.stepper,.toggle{display:inline-flex;align-items:center;gap:6px}.stepper button,.toggle button{padding:4px 10px;min-width:34px}.choice{display:inline-flex;gap:0}.choice button{padding:4px 10px;border-radius:0;margin-left:-2px}.choice button:first-child{border-radius:10px 0 0 10px;margin-left:0}.choice button:last-child{border-radius:0 10px 10px 0}.choice button[aria-pressed=false]{background:#0000004d;color:var(--parch-dim);box-shadow:none}.choice button[aria-pressed=true]{background:linear-gradient(#7a46d0,#4c2894);outline:2px solid var(--brass-hi);outline-offset:-2px;position:relative}.stepper output{min-width:58px;text-align:center;font-family:var(--display);font-size:20px;font-variant-numeric:tabular-nums}.seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seats li{display:grid;grid-template-columns:22px minmax(0,1fr) 150px 34px;gap:6px;align-items:center}.seats .swatch{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.5);cursor:pointer;padding:0;box-shadow:none}.seats input,.seats select{font:inherit;font-weight:800;color:var(--parch);background:#00000059;border:2px solid #4a2c86;border-radius:8px;padding:6px 8px;min-width:0;width:100%}.seats .x{padding:4px 0}.standings{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.standings th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--parch-dim);text-align:right;padding:4px 6px}.standings th:first-child,.standings td:first-child{text-align:left}.standings td{text-align:right;padding:5px 6px;font-weight:800;border-top:1px solid rgba(255,255,255,.12)}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:28px;color:var(--brass);z-index:20;background:var(--night)}@media (max-width: 760px),(max-height: 520px){.order{top:calc(58px + var(--safe-t));min-width:0;font-size:12px;padding:6px 8px}.order li{font-size:12px}.tag-name{font-size:11px;padding:1px 6px;border-width:1px}.tag-name:after{display:none}.side{width:112px;top:calc(58px + var(--safe-t));gap:6px}#minimap{width:112px;height:112px}.stat b{font-size:18px}.shotbtn{min-width:0;font-size:16px;padding:7px 10px}.shotlist{min-width:260px}.fire{width:88px;height:88px;font-size:22px}#power{width:130px}.readout{font-size:17px}.log{width:44vw;max-height:84px;font-size:11px}.hint{display:none}.setup-grid{grid-template-columns:minmax(0,1fr)}.seats li{grid-template-columns:22px minmax(0,1fr) 120px 34px}}.powerwrap .lbl b{color:var(--brass-hi);font-variant-numeric:tabular-nums;display:none}@media (max-height: 520px){.readout{display:none}.powerwrap .lbl b{display:inline}.log{display:none}.order{max-height:calc(100vh - 80px);overflow:auto}}@media (prefers-reduced-motion: reduce){.banner,.toast,.float-text{transition:none;animation-duration:.01s}.callout div,.say{animation:none}}