:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#07080b;--panel:#0e0906c7;--edge:#ffb54a38;--text:#fff1cf;--muted:#fff1cf99;--amber:#ffb54a;--danger:#ff6a5c;--good:#8fe0a0}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.pn{pointer-events:none;position:absolute;inset:0}.pn [hidden]{display:none!important}.pn__vignette{background:radial-gradient(#0000 55%,#0402019e 100%);position:absolute;inset:0}.pn__logo{color:#fff1cf;text-shadow:0 0 6px var(--amber), 0 0 16px #ff9d2e, 0 0 34px #ff7a1f;letter-spacing:1px;font:italic 700 30px Brush Script MT,Segoe Script,Lucida Handwriting,cursive;position:absolute;top:10px;left:18px}.pn__teams{gap:10px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.pn-team{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--team);border-radius:4px;min-width:150px;padding:7px 10px 8px}.pn-team__head{letter-spacing:2px;color:var(--team);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:800;display:flex}.pn-team__left{color:var(--text);font-size:18px}.pn-team__players{margin:4px 0 6px;list-style:none}.pn-p{color:var(--muted);align-items:center;gap:6px;padding:1px 0;font-size:13px;display:flex}.pn-p--me .pn-p__name{color:var(--text);font-weight:800}.pn-p--turn .pn-p__name:before{content:"▸";color:var(--team)}.pn-p--turn{color:var(--text)}.pn-p--off{opacity:.4;text-decoration:line-through}.pn-p__bot{letter-spacing:1px;border:1px solid var(--edge);color:var(--muted);border-radius:3px;padding:1px 4px;font-size:9px}.pn-team__balls{gap:3px;display:flex}.pn-ball{border-radius:50%;width:13px;height:13px;display:block;box-shadow:inset -2px -2px 3px #00000073}.pn-ball--gone{opacity:.16}.pn__turn{text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:4px;min-width:190px;padding:5px 12px 7px;position:absolute;top:148px;left:50%;transform:translate(-50%)}.pn__turn-name{letter-spacing:2px;color:var(--team);font-size:12px;font-weight:800}.pn__turn--mine .pn__turn-name{color:var(--amber);text-shadow:0 0 10px #ffb54ab3}.pn__turn-bar{background:#fff1cf1f;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.pn__turn-bar i{background:var(--team);height:100%;transition:width .15s linear;display:block}.pn__turn-bar--low i{background:var(--danger)}.pn__msg{letter-spacing:1px;background:var(--panel);border:1px solid var(--edge);white-space:nowrap;border-radius:4px;padding:7px 16px;font-size:15px;font-weight:800;position:absolute;top:206px;left:50%;transform:translate(-50%)}.pn__msg--bad{color:var(--danger);border-color:#ff6a5c80}.pn__msg--good{color:var(--good)}.pn__count{color:#fff1cf;text-shadow:0 0 10px var(--amber), 0 0 30px #ff9d2e, 0 0 70px #ff7a1f;font:italic 800 140px Brush Script MT,Segoe Script,Lucida Handwriting,cursive;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.pn__count--pop{animation:.5s ease-out pn-pop}@keyframes pn-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pn__hint{text-align:center;max-width:80vw;color:var(--muted);background:var(--panel);border-radius:4px;padding:6px 14px;font-size:13px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pn__power{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;touch-action:none;cursor:ns-resize;border-radius:4px;align-items:flex-end;width:26px;height:190px;display:flex;position:absolute;bottom:64px;right:22px;overflow:hidden}.pn__power i{background:linear-gradient(#ff6a5c,#ffb54a 35%,#8fe0a0);width:100%;height:0;display:block}.pn__spin{border:2px solid var(--edge);pointer-events:auto;touch-action:none;cursor:crosshair;background:radial-gradient(circle at 35% 30%,#fffbe9,#f3ecd8 55%,#b8b09a);border-radius:50%;width:76px;height:76px;position:absolute;bottom:64px;left:22px}.pn__spin i{background:#d02a22;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000059}.pn__btns{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:14px;right:16px}.pn__btn{letter-spacing:2px;color:var(--text);background:var(--panel);border:1px solid var(--edge);cursor:pointer;border-radius:4px;padding:9px 14px;font:800 12px Trebuchet MS,Segoe UI,sans-serif}.pn__btn--shoot{color:#1a1004;background:var(--amber);border-color:var(--amber)}.pn__btn:active{transform:translateY(1px)}.pn__overlay{pointer-events:auto;background:#040201b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pn__overlay.hidden{display:none}.pn__card{text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:6px;max-width:min(460px,88vw);padding:26px 30px}.pn__card-title{color:#fff1cf;text-shadow:0 0 8px var(--amber), 0 0 24px #ff9d2e;font:italic 700 40px Brush Script MT,Segoe Script,Lucida Handwriting,cursive}.pn__card-text{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.4}.pn__card-hint{color:var(--muted);margin-top:14px;font-size:12px}.pn__card-btn{letter-spacing:2px;color:#1a1004;background:var(--amber);cursor:pointer;border:0;border-radius:4px;margin-top:16px;padding:10px 20px;font:800 13px Trebuchet MS,Segoe UI,sans-serif}.pn__results{gap:12px;margin-top:16px;display:flex}.pn__results-team{border-top:3px solid var(--team);background:#fff1cf0a;border-radius:4px;flex:1;padding:8px 10px}.pn__results-team--mine{background:#fff1cf1a}.pn__results-name{letter-spacing:2px;color:var(--team);margin-bottom:4px;font-size:11px;font-weight:800}.pn__results-player{padding:1px 0;font-size:14px}@media (width<=640px){.pn__logo{font-size:22px;top:34px;left:10px}.pn__teams{gap:6px;top:70px}.pn-team{min-width:0;padding:5px 7px 6px}.pn-p{font-size:11px}.pn-ball{width:10px;height:10px}.pn__turn{min-width:160px;top:160px}.pn__msg{white-space:normal;max-width:90vw;font-size:13px;top:212px}.pn__count{font-size:96px}.pn__power{height:150px;bottom:60px;right:12px}.pn__spin{width:64px;height:64px;bottom:60px;left:12px}.pn__hint{font-size:12px;bottom:56px}.pn__results{flex-direction:column}}:root{--mg-back-top:auto;--mg-back-bottom:14px}