:root,[data-theme=dark]{--bg:#1a1a2e;--card:#16213e;--accent:#e94560;--text:#eee;--text-dim:#999;--success:#4ecca3;--warning:#f0c040;--border-subtle:#ffffff10;--input-border:#444;--btn-active:#333;--overlay:#000a}[data-theme=light]{--bg:#f0f2f5;--card:#fff;--accent:#d63050;--text:#1a1a2e;--text-dim:#666;--success:#2d9d78;--warning:#c89a10;--border-subtle:#00000012;--input-border:#ccc;--btn-active:#ddd;--overlay:#0005}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.screen{max-width:480px;margin:0 auto;padding:16px;position:relative}.text-dim{color:var(--text-dim)}.logo{text-align:center;background:linear-gradient(135deg,#f0c040,#e94560,#6c5ce7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding:20px 0 4px;font-size:2.2rem;font-weight:700}h2{color:var(--text-dim);text-align:center;margin-bottom:12px;font-size:1.1rem}.config-group{background:var(--card);border-radius:12px;margin-bottom:12px;padding:16px}.config-group>label{color:var(--text-dim);margin-bottom:6px;font-size:.85rem;display:block}.config-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.config-row:last-child{margin-bottom:0}input[type=number]{background:var(--bg);border:1px solid var(--input-border);color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:8px;width:80px;padding:10px 12px;font-size:1rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{border-color:var(--accent);outline:none}.energy-config-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:8px 0;display:flex}.energy-config-item:last-child{border-bottom:none}.energy-name{flex:1;font-size:.95rem}.energy-count-controls{align-items:center;gap:4px;display:flex}.energy-count-controls button{border:1px solid var(--input-border);background:var(--bg);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.energy-count-controls button:active{background:var(--btn-active)}.energy-count-input{width:48px!important;padding:6px 4px!important;font-size:.95rem!important}.energy-total{text-align:right;color:var(--text-dim);padding-top:8px;font-size:.9rem}.energy-total span{color:var(--accent);font-weight:700}.energy-total.over{color:var(--accent)}.btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.05rem;font-weight:600;transition:transform .1s,opacity .1s;display:block}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--input-border)}.btn-secondary:disabled{opacity:.4;cursor:default}.btn-warning{background:var(--warning);color:#111}.btn-warning:disabled{opacity:.4;cursor:default}.game-header{justify-content:space-between;align-items:center;gap:8px;padding:8px 0 16px;display:flex}.game-header .back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.4rem}.deck-info{text-align:center;color:var(--text-dim);flex:1;font-size:.85rem}.deck-info strong{color:var(--text);font-size:1.1rem}.draw-area{background:var(--card);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin-bottom:16px;padding:24px;display:flex}.draw-result{margin-bottom:8px;font-size:1.2rem}.draw-hint{color:var(--text-dim);margin-top:8px;font-size:.85rem}.hand-tracker{position:relative}.hand-tracker h3{justify-content:space-between;align-items:center;display:flex}.hand-total{background:var(--accent);color:#fff;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:700}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.action-grid .btn{padding:12px 8px;font-size:.9rem}.panel{background:var(--card);border-radius:12px;margin-bottom:12px;padding:12px 16px}.panel h3{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.energy-bar{flex-wrap:wrap;gap:6px;display:flex}.energy-badge{background:var(--bg);border-radius:20px;align-items:center;gap:4px;padding:4px 10px 4px 4px;font-size:.8rem;display:flex}.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:400px;max-height:80vh;padding:20px;overflow-y:auto}.modal h3{text-align:center;margin-bottom:12px}.modal-energy-list{list-style:none}.modal-energy-list li{border-bottom:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 8px;display:flex}.modal-energy-list li:active{background:var(--border-subtle)}.modal-energy-list li.disabled{opacity:.3;pointer-events:none}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .btn{flex:1}.history{max-height:150px;overflow-y:auto}.history-item{border-bottom:1px solid var(--border-subtle);color:var(--text-dim);padding:4px 0;font-size:.8rem}.history-item:last-child{border-bottom:none}.history-item.energy{color:var(--warning)}.history-item.not-energy{color:var(--success)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-in{animation:.3s slideUp}.pulse{animation:.6s pulse}.settings-bar{justify-content:center;gap:12px;padding:8px 0 4px;display:flex}.settings-group{gap:4px;display:flex}.settings-group button{background:var(--bg);border:1px solid var(--input-border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600}.settings-group button.active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-group button:active{opacity:.8}.footer{text-align:center;color:var(--text-dim);opacity:.6;margin-top:24px;padding:16px 0;font-size:.7rem}.footer-legal{margin-bottom:8px;line-height:1.4}.footer-credits{justify-content:center;align-items:center;gap:3px;font-size:.75rem;display:flex}.footer-credits a{color:var(--accent);font-weight:600;text-decoration:none}.footer-credits a:hover{text-decoration:underline}.footer .heart{vertical-align:middle;width:14px;height:14px}.footer .github-icon{vertical-align:middle;opacity:.6;width:16px;height:16px;transition:opacity .2s}.footer a:hover .github-icon{opacity:1}.help-btn{border:1px solid var(--input-border);background:var(--card);width:32px;height:32px;color:var(--text-dim);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;top:16px;right:16px}.help-btn:active{background:var(--btn-active)}.help-btn-game{flex-shrink:0;width:28px;height:28px;font-size:.85rem;position:static}.help-modal{text-align:left}.help-section{margin-bottom:16px}.help-section h4{color:var(--accent);margin-bottom:6px;font-size:.9rem}.help-section p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.help-list{flex-direction:column;gap:8px;list-style:none;display:flex}.help-list li{color:var(--text-dim);font-size:.85rem;line-height:1.4}.help-list li strong{color:var(--text)}