:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1035;--panel:#2a1a4d;--text:#f4f2ff;--muted:#a99cd1;--accent:#f5b400}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.screen{min-height:100dvh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);flex-direction:column;gap:10px;display:flex}.screen.center{justify-content:center;align-items:center}.card{background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.card h1{text-align:center;margin:0 0 4px;font-size:1.5rem}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input{color:var(--text);background:#150c2b;border:1px solid #4a3a72;border-radius:10px;padding:12px;font-size:1rem}button{background:var(--accent);color:#1b1035;cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700}button.secondary{color:var(--text);background:#4a3a72}button.link{color:var(--muted);background:0 0;padding:8px;font-weight:500}button:disabled{opacity:.5}.muted{color:var(--muted)}.small{font-size:.8rem}.center-text{text-align:center}.error{color:#ff8080;font-size:.9rem}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;display:flex}.topbar-title{text-align:center;flex:1;font-weight:700}.turn-coach{background:var(--panel);color:var(--muted);border:1px solid #4a3a72;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.turn-coach strong{color:var(--text);font-size:1rem}.turn-coach.yours{border-color:var(--accent);background:#3a2b31}.turn-coach.yours strong{color:var(--accent)}.turn-coach.drawing{box-shadow:0 0 0 2px #f5b40040}.row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:0 4px;font-size:.75rem}.expedition-row{gap:4px;padding:4px;display:flex;overflow-x:auto}.expedition-col{background:var(--panel);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;min-height:64px;padding:4px;display:flex}.expedition-heading{align-items:center;gap:4px;width:100%;display:flex}.expedition-swatch{border-radius:2px;flex:1;height:4px}.expedition-score{min-width:28px;color:var(--muted);text-align:center;background:#150c2b;border-radius:999px;flex-direction:column;align-items:center;padding:2px 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex}.expedition-score small{color:var(--muted);font-size:.55rem}.expedition-score.positive{color:#6ee7a6}.expedition-score.negative{color:#ff9b9b}.expedition-cards{flex-direction:column;gap:2px;width:100%;display:flex}.expedition-empty{text-align:center;color:var(--muted);font-size:.8rem}.mini-card{text-align:center;color:#1b1035;border-radius:4px;padding:2px 0;font-size:.75rem;font-weight:700}.table-area{background:#00000026;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.discard-row{justify-content:space-between;gap:6px;display:flex}.discard-pile{aspect-ratio:2/3;color:#1b1035;border:2px dashed #4a3a72;border-radius:8px;flex:1;font-size:1.1rem;font-weight:700}.deck-button{width:100%}.draw-option{box-shadow:0 0 0 2px var(--accent), 0 0 12px #f5b400a6;animation:1.4s ease-in-out infinite draw-option-pulse}@keyframes draw-option-pulse{50%{box-shadow:0 0 0 3px var(--accent), 0 0 18px #f5b400e6}}.action-bar{gap:8px;padding:4px;display:flex}.action-bar button{flex:1}.hand-area{margin-top:auto}.hand-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 4px 16px;display:grid}.card-chip{aspect-ratio:2/3;color:#1b1035;border:3px solid #0000;border-radius:8px;width:100%;min-width:0;height:auto;font-size:1.2rem;font-weight:800}.card-chip.selected{border-color:var(--text);transform:translateY(-8px)}.card-chip.wager-card{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.wager-card-multiplier{font-size:.65rem}.wager-reminder{color:var(--muted);margin:0 4px 4px;font-size:.75rem;line-height:1.3}.opponent-area,.your-area{flex-direction:column;gap:4px;display:flex}.stat-row{border-bottom:1px solid #4a3a72;justify-content:space-between;padding:6px 0;display:flex}.result{text-align:center;font-size:1.1rem}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--panel);border-radius:10px;padding:12px}.history-date{color:var(--muted);margin-bottom:4px;font-size:.75rem}.history-scores{justify-content:space-between;display:flex}.winner{color:var(--accent);font-weight:700}.format-toggle{gap:8px;display:flex}.toggle-btn{color:var(--muted);background:#150c2b;border:1px solid #4a3a72;flex:1;padding:10px;font-size:.85rem;font-weight:600}.toggle-btn.active{background:var(--accent);color:#1b1035;border-color:var(--accent)}.match-strip{color:var(--muted);background:#0003;border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:.8rem;display:flex}.reconnecting{color:var(--accent);margin:0;font-size:.85rem}.abandon-game{color:#ff8080;align-self:center;font-size:.8rem}.round-breakdown{flex-direction:column;gap:2px;margin:4px 0;display:flex}.rules-card{width:100%;max-width:640px;margin:0 auto;padding:4px 12px 24px}.rules-card section{background:var(--panel);border-radius:12px;margin-bottom:10px;padding:14px}.rules-card h3{margin:0 0 8px}.rules-card p,.rules-card li{color:var(--muted);line-height:1.45}.rules-card p{margin:8px 0 0}.rules-card ol,.rules-card ul{margin:0;padding-left:20px}.rules-card li+li{margin-top:6px}.rules-card strong{color:var(--text)}.stat-row.small{color:var(--muted);border-bottom:none;padding:3px 0;font-size:.85rem}.dev-panel{background:#0003;border:1px dashed #4a3a72;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.dev-panel-header{justify-content:space-between;align-items:center;display:flex}.dev-panel-header button{padding:0;font-size:.7rem}.dev-panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.dev-enable{opacity:.55;align-self:center;padding:2px 6px;font-size:.7rem}.dev-check{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:.8rem}.dev-check input{width:18px;height:18px;accent-color:var(--accent);flex:none;padding:0}.dev-slider{flex-direction:column;gap:4px;display:flex}.dev-slider-label{color:var(--muted);font-size:.75rem}.dev-slider input{accent-color:var(--accent);background:0 0;border:none;padding:0}.dev-strip{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:.75rem;display:flex}.dev-strip button{padding:4px 6px;font-size:.75rem}