:root{--bg:#0a0d12;--surface:#1a1d27;--surface2:#22263a;--border:#ffffff14;--text:#f0ede6;--muted:#8a8799;--court:#c8924a;--offense:#e8a030;--defense:#4a9ee8;--make:#3dba6e;--miss:#e85050}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.game-container{flex-direction:column;max-width:390px;min-height:100vh;margin:0 auto;display:flex}.court-container{margin:0 auto;position:relative;overflow:hidden}.court-svg{width:100%;height:100%;position:absolute;top:0;left:0}.tile-grid{z-index:1}.tile{cursor:pointer;border:.5px solid #ffffff0a}.tile-valid{background:#ffffff2e!important;border-color:#ffffff40!important}.tile-burst{background:#e8a0304d!important;border-color:#e8a03080!important}.pieces-layer{z-index:2}.piece-offense{background:var(--offense)}.piece-defense{background:var(--defense)}.piece-label{pointer-events:none;justify-content:center;align-items:center;font-family:Courier New,monospace;font-weight:700;display:flex;position:absolute;inset:0}.ball-icon{pointer-events:none;font-size:9px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.paint-warning{color:var(--miss);background:var(--bg);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:7px;display:flex;position:absolute;top:-4px;right:-4px}.card-dot{pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-3px;right:-3px}.rarity-1{background:#ffffffb3}.rarity-2{background:var(--offense)}.rarity-3{background:#a060e0;box-shadow:0 0 4px #a060e0}.roster-strip{border-bottom:1px solid var(--border);background:#0e111a;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.roster-strip-piece{background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;transition:border-color .15s;display:flex}.roster-strip-piece:hover{border-color:var(--offense)}.strip-carrier{border-color:var(--offense)!important}.strip-selected{background:var(--surface2);border-color:#fff!important}.strip-badge{color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Courier New,monospace;font-size:8px;font-weight:700;display:flex}.strip-card-name{color:var(--offense);white-space:nowrap;font-size:9px}.strip-no-card{color:#444;font-size:9px}.selected-card-bar{background:#e8a0300f;border-bottom:1px solid #e8a03033;align-items:center;gap:6px;padding:5px 12px;display:flex}.selected-card-label{color:var(--muted);letter-spacing:1px;font-size:8px}.selected-card-name{color:var(--offense);font-size:10px;font-weight:700}.selected-card-desc{color:var(--muted);flex:1;font-size:9px}.hud{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.hud-left,.hud-right{flex:1}.hud-center{text-align:center;flex:1}.hud-right{text-align:right}.hud-possession{color:var(--muted);letter-spacing:1px;font-family:Courier New,monospace;font-size:10px}.hud-score{font-family:Courier New,monospace;font-size:26px;font-weight:700}.hud-target{color:var(--muted);font-family:Courier New,monospace;font-size:14px}.hud-clock{font-family:Courier New,monospace;font-size:22px;font-weight:700}.bottom-bar{background:#131520;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ap-display{align-items:center;gap:4px;display:flex}.ap-dot{background:#2a2a2a;border-radius:50%;width:8px;height:8px}.ap-dot.filled{background:var(--offense)}.ap-label{color:var(--muted);letter-spacing:1px;margin-left:6px;font-size:9px}.action-bar{background:var(--surface);align-items:center;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.action-btn{background:var(--surface2);border:.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 12px;font-family:system-ui;font-size:10px;display:flex}.action-btn.shoot{border-color:var(--make);color:var(--make);background:#3dba6e1f}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-cost{color:var(--muted);font-family:Courier New;font-size:8px}.action-label{color:var(--muted);letter-spacing:1px;margin-right:6px;font-size:10px}.pass-targets{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clock-safe{color:var(--make)}.clock-mid{color:var(--offense)}.clock-danger{color:var(--miss);animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.momentum-track{align-items:center;gap:4px;display:flex}.momentum-label{color:var(--muted);letter-spacing:1px;margin-right:4px;font-size:9px}.momentum-pips{gap:3px;display:flex}.momentum-pip{background:#2a2a2a;border-radius:50%;width:8px;height:8px;transition:background .3s}.momentum-pip.momentum-active{transform:scale(1.3)}.momentum-pip.momentum-cold.momentum-active{background:var(--defense)}.momentum-pip.momentum-hot.momentum-active{background:var(--miss);box-shadow:0 0 6px var(--miss)}.momentum-pip.momentum-neutral.momentum-active{background:var(--muted)}.overlay{z-index:100;background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;width:90%;max-width:300px;padding:24px}.shot-preview-zone{color:var(--muted);letter-spacing:2px;margin-bottom:8px;font-family:Courier New,monospace;font-size:11px}.shot-preview-quality{margin-bottom:4px;font-size:18px;font-weight:700}.shot-preview-prob{margin-bottom:12px;font-family:Courier New,monospace;font-size:32px;font-weight:700}.shot-preview-dice{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.die-outline{border:2px solid var(--muted);width:32px;height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:16px;display:flex}.shot-preview-threshold{color:var(--muted);margin-left:4px;font-size:10px}.shot-preview-points{color:var(--muted);margin-bottom:8px;font-size:12px}.shot-preview-modifiers{margin-bottom:16px}.modifier-line{color:var(--muted);font-size:10px;line-height:1.6}.shot-preview-buttons{gap:8px;display:flex}.shot-confirm{color:var(--make);cursor:pointer;background:#3dba6e26;border:none;border-radius:8px;flex:1;padding:10px;font-size:12px;font-weight:700}.shot-cancel{background:var(--surface2);color:var(--muted);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:12px}.dice-row{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.die{background:var(--surface2);width:40px;height:40px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:20px;font-weight:700;transition:background .3s,color .3s;display:flex}.die-rolling{background:var(--surface2);color:var(--muted)}.die-hit{color:var(--make);border:2px solid var(--make);background:#3dba6e33}.die-miss{color:var(--miss);background:#e8505026;border:2px solid #e850504d}.dice-result-text{margin-bottom:8px;font-size:24px;font-weight:700}.dice-points{color:var(--make);margin-bottom:8px;font-family:Courier New,monospace;font-size:18px}.dice-subtitle{color:var(--muted);margin-bottom:16px;font-size:12px}.dice-dismiss{background:var(--surface2);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:12px}.catch-shoot-prompt{background:var(--surface);border:1px solid var(--make);text-align:center;z-index:50;border-radius:12px;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catch-shoot-label{color:var(--make);font-family:Courier New;font-size:13px}.catch-shoot-sub{color:var(--muted);margin:4px 0 12px;font-size:10px}.catch-shoot-buttons{gap:8px;display:flex}.catch-shoot-buttons button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:11px}.catch-shoot-buttons button:first-child{color:var(--make);background:#3dba6e26}.catch-shoot-buttons button:last-child{background:var(--surface2);color:var(--muted)}.menu-screen{flex-direction:column;justify-content:center;align-items:center;max-width:390px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.menu-title{letter-spacing:3px;color:var(--offense);margin-bottom:4px;font-family:Courier New,monospace;font-size:28px;font-weight:700}.menu-subtitle{color:var(--muted);letter-spacing:1px;margin-bottom:20px;font-size:12px}.menu-how-to-play{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:20px;padding:14px 18px}.how-title{letter-spacing:2px;color:var(--offense);margin-bottom:8px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.how-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.how-list li{color:var(--muted);padding-left:14px;font-size:12px;line-height:1.4;position:relative}.how-list li:before{content:"›";color:var(--offense);font-weight:700;position:absolute;left:0}.how-list li strong{color:var(--text)}.menu-difficulties{flex-direction:column;gap:8px;width:100%;display:flex}.menu-diff-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;font-family:system-ui;transition:border-color .2s,background .2s;display:flex}.menu-diff-btn:hover{border-color:var(--offense);background:#e8a0300d}.diff-label{letter-spacing:2px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.diff-target{color:var(--muted);font-size:11px}.lineup-screen{flex-direction:column;gap:14px;max-width:390px;min-height:100vh;margin:0 auto;padding:20px 14px;display:flex}.lineup-title{letter-spacing:2px;text-align:center;color:var(--offense);font-family:Courier New,monospace;font-size:18px;font-weight:700}.lineup-section{background:var(--surface);border-radius:10px;padding:12px}.lineup-section-title{color:var(--muted);letter-spacing:2px;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.roster-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.roster-piece{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:8px 6px;transition:background .15s;display:flex}.roster-piece:hover{background:#ffffff0a}.roster-eligible{background:#3dba6e1a!important;border-color:#3dba6e4d!important}.roster-ineligible{opacity:.35}.roster-circle{color:#000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Courier New,monospace;font-size:10px;font-weight:700;display:flex}.roster-size{color:var(--muted);font-size:9px}.roster-speed{color:#444;font-size:8px}.roster-card-tag{cursor:pointer;text-align:center;word-break:break-word;background:#ffffff0f;border-radius:4px;max-width:60px;padding:2px 5px;font-size:8px}.roster-card-empty{color:#333;font-size:8px}.rolls-remaining{color:var(--muted);margin-left:auto;font-size:9px}.rolls-row{gap:8px;margin-bottom:10px;display:flex}.roll-slot{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;gap:3px;min-height:100px;padding:10px 8px;transition:border-color .15s;display:flex}.roll-slot:hover:not(.roll-empty){border-color:var(--offense)}.roll-empty{cursor:default;justify-content:center;align-items:center}.roll-slot-num{color:#333;font-size:9px}.roll-slot-q{color:#333;font-family:Courier New,monospace;font-size:28px}.roll-active{background:#3dba6e12;border-color:var(--make)!important}.roll-assigned{border-color:#e8a03066}.roll-card-name{color:var(--text);font-size:11px;font-weight:700}.roll-card-stars{margin:1px 0;font-size:12px}.roll-card-desc{color:var(--muted);flex:1;font-size:8px;line-height:1.4}.roll-card-eligible{color:#555;font-size:8px}.roll-assigned-badge{color:var(--offense);margin-top:4px;font-size:8px}.roll-btn{border:1px solid var(--defense);width:100%;color:var(--defense);cursor:pointer;letter-spacing:1px;background:#4a9ee81f;border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:12px;font-weight:700}.roll-btn:hover{background:#4a9ee833}.roll-hint{color:var(--muted);text-align:center;background:#3dba6e0f;border:1px solid #3dba6e26;border-radius:6px;padding:8px;font-size:10px}.confirm-btn{border:1px solid var(--offense);width:100%;color:var(--offense);cursor:pointer;letter-spacing:2px;background:#e8a0301a;border-radius:10px;padding:14px;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:background .15s}.confirm-btn:hover{background:#e8a03033}.confirm-btn.next-tier{border-color:var(--make);color:var(--make);background:#3dba6e14}.scout-screen{flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:390px;min-height:100vh;margin:0 auto;padding:24px 14px;display:flex}.scout-title{letter-spacing:2px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.scout-difficulty{color:var(--muted);font-size:12px}.scout-columns{gap:12px;width:100%;display:flex}.scout-team{flex-direction:column;flex:1;gap:6px;display:flex}.scout-team-label{letter-spacing:2px;text-align:center;margin-bottom:2px;font-family:Courier New,monospace;font-size:10px;font-weight:700}.scout-vs{color:var(--muted);align-items:center;font-size:13px;font-weight:700;display:flex}.scout-player{background:var(--surface);border-radius:8px;align-items:center;gap:7px;padding:6px 8px;display:flex}.scout-circle{color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:Courier New,monospace;font-size:8px;font-weight:700;display:flex}.scout-diamond{color:#000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Courier New,monospace;font-size:7px;font-weight:700;display:flex;transform:rotate(45deg)}.scout-diamond span{display:block;transform:rotate(-45deg)}.scout-info{flex-direction:column;gap:1px;min-width:0;display:flex}.scout-size{color:var(--text);font-size:9px}.scout-card{font-size:8px}.scout-no-card{color:#333;font-size:8px}.result-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:390px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.result-title{font-family:Courier New,monospace;font-size:30px;font-weight:700}.result-score{text-align:center}.result-score-num{font-family:Courier New,monospace;font-size:48px;font-weight:700}.result-score-target{color:var(--muted);font-family:Courier New,monospace;font-size:24px}.result-subtitle{color:var(--muted);font-size:13px}.result-stats{background:var(--surface);border-radius:10px;gap:12px;width:100%;padding:12px;display:flex}.result-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.result-stat-val{font-family:Courier New,monospace;font-size:18px;font-weight:700}.result-stat-label{color:var(--muted);letter-spacing:1px;font-size:8px}.result-cards{background:var(--surface);border-radius:10px;width:100%;padding:12px}.result-cards-title{color:var(--muted);letter-spacing:2px;margin-bottom:8px;font-size:10px}.result-card-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.result-card-row:last-child{border-bottom:none}.result-card-player{color:var(--muted);width:24px;font-family:Courier New,monospace;font-size:10px}.result-card-name{color:var(--offense);font-size:10px}.result-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.share-btn{width:100%;color:var(--defense);cursor:pointer;letter-spacing:1px;background:#4a9ee81a;border:1px solid #4a9ee866;border-radius:10px;padding:12px;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:background .15s}.share-btn:hover{background:#4a9ee833}.plan-queue{background:var(--surface);border-top:1px solid var(--border);padding:10px 12px}.pq-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.pq-title{letter-spacing:2px;color:var(--muted);font-family:Courier New;font-size:10px}.pq-clock{font-family:Courier New;font-size:13px;font-weight:700}.pq-actions{flex-direction:column;gap:3px;min-height:44px;margin-bottom:7px;display:flex}.pq-empty{color:#333;padding:4px 0;font-size:10px;font-style:italic}.pq-action{color:var(--text);background:var(--surface2);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:flex}.pq-action-shoot{border:1px solid #3dba6e4d}.pq-num{color:var(--offense);min-width:12px;font-family:Courier New;font-size:10px}.pq-desc{flex:1}.pq-cost{color:var(--muted);font-size:9px}.pq-buttons{gap:6px;display:flex}.pq-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--muted);letter-spacing:.5px;border-radius:6px;flex:1;padding:7px;font-family:system-ui;font-size:10px;font-weight:600}.pq-btn:disabled{opacity:.25;cursor:not-allowed}.pq-btn.execute{border-color:var(--make);color:var(--make);background:#3dba6e1f}.pq-btn.execute:not(:disabled):hover{background:#3dba6e38}.pq-btn.execute:disabled{background:var(--surface2);border-color:var(--border)}.scheme-wrap{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.scheme-badge{background:var(--surface2);border:1px solid var(--border);color:var(--muted);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:10px}.scheme-reason{color:var(--muted);opacity:.7;letter-spacing:.5px;padding-left:2px;font-family:Courier New;font-size:9px}.strip-queued{border-color:#e8a03080!important}.action-active{border-color:var(--offense)!important;color:var(--offense)!important;background:#e8a0301a!important}.reversal-toast{border:1px solid var(--defense);color:var(--defense);pointer-events:none;white-space:nowrap;background:#4a9ee82e;border-radius:8px;padding:6px 14px;font-size:11px;animation:2.5s forwards fadeOut;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.hud-wrap{flex-direction:column;display:flex}.poss-log{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;max-height:120px;padding:6px 12px;display:flex;overflow-y:auto}.poss-log-row{align-items:center;gap:8px;font-family:Courier New;font-size:10px;display:flex}.log-made{color:var(--make)}.log-miss{color:var(--muted)}.log-poss{min-width:20px}.log-zone{flex:1}.log-pts{text-align:right;min-width:36px}.log-tag{background:var(--surface2);color:var(--offense);border-radius:3px;padding:1px 4px;font-size:9px}.cards-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);letter-spacing:1px;cursor:pointer;border-radius:4px;padding:3px 8px;font-size:9px}.cards-btn:hover{border-color:var(--offense);color:var(--offense)}.card-modal-overlay{z-index:20;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;width:320px;max-height:80vh;padding:14px;display:flex;overflow-y:auto}.card-modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-modal-title{letter-spacing:2px;color:var(--muted);font-family:Courier New;font-size:11px}.card-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:14px}.card-modal-section-title{letter-spacing:2px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:3px;font-family:Courier New;font-size:9px}.card-modal-row{align-items:flex-start;gap:8px;padding:4px 0;display:flex}.card-modal-piece{color:var(--offense);min-width:28px;font-family:Courier New;font-size:11px;font-weight:700}.card-modal-card{flex-direction:column;flex:1;gap:1px;display:flex}.card-modal-name{color:var(--text);font-size:11px;font-weight:600}.card-modal-stars{font-size:10px}.card-modal-desc{color:var(--muted);font-size:10px}.card-modal-none{color:#333;font-size:10px;font-style:italic}