@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=IM+Fell+English:ital@0;1&display=swap";:root{--hud-bg: rgba(224, 210, 178, .94);--hud-bg-solid: rgba(214, 198, 164, .97);--hud-border: #8b7355;--hud-border-bright: #5c3a1e;--hud-glow: rgba(184, 150, 62, .15);--text-primary: #3b2a1a;--text-secondary: #6b5340;--text-muted: #8b7960;--text-gold: #8b6914;--color-blue: #2a6090;--color-red: #8b2500;--color-green: #2a6a3a;--color-yellow: #9a7a1a;--accent-confirm: #4a7c5c;--accent-confirm-text: #f4e8c1;--accent-danger: #8b2500;--accent-danger-text: #f4e8c1;--font-display: "Cinzel", serif;--font-body: "IM Fell English", Georgia, serif;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px}.hud-panel{background:var(--hud-bg);border:2px solid var(--hud-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 2px 8px #3c28144d;font-family:var(--font-body);color:var(--text-primary)}.hud-panel--active{border-color:var(--hud-border-bright);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 2px 8px #3c28144d,0 0 0 1px var(--hud-border)}.hud-btn{font-family:var(--font-body);font-weight:500;border:1px solid var(--hud-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;outline:none;position:relative;overflow:hidden;background:#d6c6a4cc;color:var(--text-primary)}.hud-btn:hover{border-color:var(--hud-border-bright);box-shadow:inset 0 1px 2px #00000026}.hud-btn:active{transform:scale(.97);box-shadow:inset 0 2px 4px #0003}.hud-btn--confirm{background:var(--accent-confirm);color:var(--accent-confirm-text);border-color:#3a6a4a;text-shadow:0 1px 1px rgba(0,0,0,.3)}.hud-btn--confirm:hover{background:#5a8c6c;border-color:#2a5a3a}.hud-btn--danger{background:var(--accent-danger);color:var(--accent-danger-text);border-color:#6a1a00;text-shadow:0 1px 1px rgba(0,0,0,.3)}.hud-btn--danger:hover{background:#9b3510;border-color:#5a1500}.hud-btn--ghost{background:#b8963e1a;color:var(--text-secondary);border-color:transparent}.hud-btn--ghost:hover{background:#b8963e33;color:var(--text-primary)}.action-btn{background:#d6c6a4e6;border:1px solid var(--hud-border);border-radius:var(--radius-md);padding:8px 6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:72px;font-family:var(--font-body);position:relative}.action-btn:hover{background:#e0d2b2f2;border-color:var(--hud-border-bright);transform:translateY(-2px);box-shadow:0 3px 8px #3c281440}.action-btn--placed{background:#4a7c5c33;border-color:#4a7c5c}.action-btn--placed:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:var(--accent-confirm);border-radius:1px}.action-btn--active{border-color:#8b6914;box-shadow:inset 0 0 8px #8b691433}.action-btn--disabled{opacity:.4;cursor:default;pointer-events:none}.action-btn__icon{font-size:1.3rem;line-height:1}.action-btn__label{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase}.action-btn__desc{font-size:.6rem;color:var(--text-secondary)}.player-card{padding:10px 12px;min-width:170px;transition:all .2s ease}.player-card__name{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.03em}.player-card__power{font-size:.65rem;color:var(--text-secondary);font-style:italic;margin-bottom:6px}.player-card__stat{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:1px 0}.player-card__stat-label{color:var(--text-secondary)}.player-card__stat-value{font-weight:500;font-variant-numeric:tabular-nums}.player-card__notoriety-bar{height:3px;background:#5c3a1e26;border-radius:2px;margin-top:6px;overflow:hidden}.player-card__notoriety-fill{height:100%;border-radius:2px;transition:width .5s ease}.player-card__actions{margin-top:6px;padding-top:6px;border-top:1px solid rgba(92,58,30,.2);display:flex;gap:4px;flex-wrap:wrap}.player-card__action-tag{font-family:var(--font-display);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;background:#5c3a1e1a;border-radius:3px;color:var(--text-secondary)}.phase-indicator{padding:12px 16px;max-width:260px}.phase-indicator__phase{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-gold)}.phase-indicator__wind{font-size:1rem;color:var(--text-secondary);opacity:.7}.phase-indicator__player{font-family:var(--font-display);font-weight:600;font-size:.8rem;margin-top:2px}.phase-indicator__instruction{font-size:.78rem;color:var(--text-secondary);margin-top:6px;line-height:1.3}.chart-hand__toggle{padding:7px 14px;font-size:.78rem}.chart-hand__list{min-width:220px;padding:6px}.chart-card{padding:7px 10px;background:#c2b290e6;border-radius:var(--radius-sm);font-size:.73rem;transition:background .15s ease;border:1px solid rgba(139,115,85,.3)}.chart-card:hover{background:#d6c6a4f2}.hex-info{font-size:.73rem;padding:5px 10px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-variant-numeric:tabular-nums}.pirate-panel{padding:16px 20px;max-width:480px;width:90%}.pirate-panel__title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.08em;color:var(--text-gold)}.pirate-panel__section-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.claim-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;margin-bottom:3px;background:#c2b29099;border-radius:var(--radius-sm);font-size:.78rem;transition:background .15s ease;border:1px solid rgba(139,115,85,.2)}.claim-row:hover{background:#d6c6a4cc}.claim-btn{padding:3px 10px;font-size:.7rem;font-weight:500}.sail-hud{padding:10px 16px;display:flex;align-items:center;gap:10px}.sail-hud__label{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--text-gold)}.sail-hud__points{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.sail-hud__queued{font-size:.73rem;color:var(--text-secondary)}.score-track{padding:8px 16px 14px;min-width:340px;max-width:460px}.score-track__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.score-track__title{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-gold)}.score-track__goal{font-family:var(--font-display);font-size:.6rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.score-track__lane{position:relative;height:50px;margin:0 6px;overflow:visible}.score-track__rail{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#5c3a1e4d,#5c3a1e26);border-radius:1px}.score-track__tick{position:absolute;top:50%;width:1px;height:6px;background:#5c3a1e33;transform:translate(-.5px,-50%)}.score-track__tick--major{height:12px;background:#5c3a1e59}.score-track__tick-label{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.48rem;color:var(--text-muted);white-space:nowrap}.score-track__milestone{position:absolute;top:2px;transform:translate(-50%);z-index:1;pointer-events:auto}.score-track__milestone-icon{font-size:.55rem;line-height:1;cursor:default;opacity:.5}.score-track__cube{position:absolute;top:50%;width:16px;height:16px;border-radius:3px;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.55rem;font-weight:800;letter-spacing:0;line-height:1;cursor:default;transition:left .6s ease,transform .3s ease;box-shadow:0 1px 3px #00000040,inset 0 1px #fff3}.score-track__cube--active{box-shadow:0 0 0 2px #b8963e99,0 2px 6px #0000004d,inset 0 1px #fff3;transform:translate(-50%) scale(1.15)}.wind-token{display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 0}.wind-token__icon{color:var(--text-gold);opacity:.7;display:flex;align-items:center}.wind-token__arrows{display:flex;gap:8px}.wind-token__dir{display:flex;align-items:center;gap:2px}.wind-token__label{font-family:var(--font-display);font-size:.5rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.wind-token__arrow{font-size:.7rem;font-weight:700;color:var(--text-gold);line-height:1}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b2a1ae0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:var(--font-body)}.game-over__title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:.1em;color:#b8963e}.game-over__subtitle{font-size:1rem;color:#d4c5a0}.game-over__table{border-collapse:collapse;margin-top:16px;background:#e8dcc4;border:2px solid #8b7355;border-radius:5px;overflow:hidden;font-family:var(--font-body);color:#3b2a1a}.game-over__table th{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;background:#d6c6a4;border-bottom:2px solid #8b7355;color:#5c3a1e}.game-over__table td{padding:7px 14px;font-size:.85rem;text-align:center;border-bottom:1px solid rgba(139,115,85,.3);font-variant-numeric:tabular-nums}.game-over__table th:first-child,.game-over__table td:first-child{text-align:center;width:32px}.game-over__table th:nth-child(2),.game-over__table td:nth-child(2){text-align:left}.game-over__winner-row{background:#b8963e40;font-weight:600}.game-over__winner-row td:nth-child(2):before{content:"♕"}.game-over__play-again{margin-top:20px;padding:10px 28px;font-size:.9rem;font-family:var(--font-display);letter-spacing:.06em}@media(max-width:768px){.score-track{min-width:0;width:100%;max-width:none}.action-btn{min-width:56px}.action-btn__desc{display:none}.player-card{min-width:0}.phase-indicator{max-width:200px}.game-over__table th,.game-over__table td{padding:6px 8px;font-size:.75rem}}@media(max-width:480px){.score-track{padding:6px 10px 10px}.score-track__lane{height:40px}.score-track__cube{width:14px;height:14px;font-size:.48rem}.action-btn{min-width:48px;padding:6px 4px}.action-btn__label{font-size:.55rem}.action-btn__icon{font-size:1.1rem}.phase-indicator{padding:8px 10px;max-width:160px}.phase-indicator__instruction{display:none}.phase-indicator__phase,.phase-indicator__player{font-size:.7rem}.chart-hand__list{min-width:180px}.game-over__title{font-size:1.4rem}.game-over__subtitle{font-size:.85rem}.game-over__table th,.game-over__table td{padding:5px 6px;font-size:.7rem}}