body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;max-width:1350px;margin:20px auto;padding:0 20px;color:#222;background:#f4f4f4;transition:background .3s ease;position:relative}.game-grid{display:grid;grid-template-columns:2fr 6fr 4fr;gap:8px;align-items:start}.game-col{display:flex;flex-direction:column;gap:8px;min-width:0}.game-col>*{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;margin:0}.self-block{display:flex;flex-direction:column;gap:8px;padding:0!important;background:transparent!important;box-shadow:none!important}.self-block>*{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;margin:0}@media (max-width: 800px){.game-grid{grid-template-columns:1fr}}.market{position:relative}.market-refresh-button{position:absolute;bottom:8px;right:8px;width:32px;height:32px;padding:0;border-radius:50%;font-size:18px;line-height:1;font-weight:700}.market-refresh-button:disabled{opacity:.4;cursor:not-allowed}.report-bug-link{background:transparent;color:#5a2a82;padding:2px 6px;text-decoration:underline;font-size:inherit}dialog.report-bug-modal{border:2px solid #5a2a82;border-radius:10px;padding:24px 32px;min-width:460px;max-width:640px;background:#fff}dialog.report-bug-modal::backdrop{background:#0006}dialog.report-bug-modal h2{margin:0 0 12px;color:#5a2a82}dialog.report-bug-modal textarea{width:100%;padding:8px;font:inherit;border:1px solid #ccc;border-radius:4px;resize:vertical;box-sizing:border-box}.report-bug-actions{display:flex;gap:8px;margin-top:12px}.report-bug-error{margin-top:8px;color:#c0392b}.report-bug-result strong{font-size:18px;font-family:monospace;color:#5a2a82}.player-end-turn{position:absolute;top:6px;right:8px;padding:5px 14px;font-weight:700;font-size:13px;background:#2a8050;color:#fff;border:none;border-radius:4px;cursor:pointer;z-index:2}.player-end-turn:hover{background:#1f6a3f}details.player{position:relative}.ongoing-banner{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#fff6e0;border:1px solid #e0b060;border-radius:6px}.ongoing-chip{font-size:12px;padding:2px 8px;border-radius:10px;background:#fff;border:1px solid #e0b060}.ongoing-chip.ongoing-danger{background:#fbe5e5;border-color:#c0392b;color:#801a1a}.ongoing-chip.ongoing-info{background:#e5f0fb;border-color:#3468b0;color:#1a3e70}.villain-hp-circles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:auto;justify-items:center}.hp-circle{width:100%;max-width:28px;aspect-ratio:1;padding:0;border-radius:50%;border:2px solid #2a1530;background:#fff;color:#2a1530;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;box-sizing:border-box}.hp-circle.filled{background:#f1c40f;border-color:#b38f00;color:#5a2a82;cursor:default}.hp-circle.affordable:hover{background:#fff2a8;transform:scale(1.1)}.hp-circle:disabled:not(.filled){opacity:.5;cursor:not-allowed}.villain-defeated{font-weight:700;color:#888;letter-spacing:2px}body.my-turn{background:#eafff1}.desync-banner{background:#fdecea;border:2px solid #c0392b;color:#801a1a;padding:8px 12px;border-radius:6px;margin:8px 0}.desync-banner button{margin-left:12px}.desync-details{font-size:12px;opacity:.85;margin-top:4px}h1{color:#5a2a82}h2{margin-top:24px}section{background:#fff;border-radius:8px;padding:16px;margin:12px 0;box-shadow:0 1px 3px #0000001a}button{background:#5a2a82;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;margin:4px}button:hover{background:#7a3aa2}button:disabled{background:#aaa;cursor:not-allowed}input{padding:6px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin:4px}.player{padding:8px;background:#f9f9f9;border-left:4px solid #ccc}.player.active{border-left-color:#5a2a82;background:#f0e8f8}.player.stunned{opacity:.65;border-left-color:#8b1a1a}.stun-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:#8b1a1a;color:#fff;font-size:11px;font-weight:700;border-radius:3px;letter-spacing:.5px}.choice-waiting{margin:12px 0;padding:8px 12px;background:#f0f0f0;border-left:4px solid #888;font-style:italic;color:#555;border-radius:4px}details.player>summary{cursor:pointer;list-style:none;outline:none}details.player>summary::-webkit-details-marker{display:none}details.player>summary:before{content:"▸ ";color:#888}details.player[open]>summary:before{content:"▾ "}.player-zone{margin:8px 0 4px 14px;font-size:13px}.player-zone>strong{color:#555;display:block;margin-bottom:2px}.card{display:inline-block;padding:6px 10px;margin:2px;background:#fffbe6;border:1px solid #e0d090;border-radius:4px;font-size:13px}.card:hover{background:#fff4b8}.narration-header{display:flex;justify-content:flex-end;margin-bottom:4px}.narration-lock{padding:3px 8px;font-size:11px;background:#fafafa;color:#555;border:1px solid #ccc;border-radius:4px;cursor:pointer}.narration-lock.locked{background:#fff3a0;color:#5a2a82;border-color:#c9a400}#narration{height:calc(100vh - 310px);min-height:280px;overflow-y:auto;background:#fafafa;color:#333;padding:10px;font-size:12px;border-radius:4px;border:1px solid #ddd}.narration-line{margin:2px 0}.narration-section{margin-bottom:10px}.narration-group{margin:4px 0 6px 4px;padding:4px 8px;border-left:3px solid #bbb;background:#fff;border-radius:3px}.narration-group>summary{color:#333;cursor:pointer;font-size:12px;list-style:none;padding:1px 0;font-weight:600}.narration-group>summary::marker,.narration-group>summary::-webkit-details-marker{display:none}.narration-group>summary:before{content:"▸ ";display:inline-block;width:12px;color:#888}.narration-group[open]>summary:before{content:"▾ "}.narration-group.phase-dark_arts{border-left-color:#8b1a1a}.narration-group.phase-horcrux_abilities{border-left-color:#5a2a82}.narration-group.phase-villain_abilities{border-left-color:#b85c00}.narration-group.phase-player_actions{border-left-color:#2a8050}.narration-group.narration-card-play>summary{color:#1f6a3f}.narration-group.narration-dark-arts>summary{color:#8b1a1a}.narration-group.narration-villain>summary{color:#9a4a00}.narration-group.narration-horcrux>summary{color:#5a2a82}.narration-turn-header{color:#5a2a82;font-weight:700;letter-spacing:1px;margin:10px 0 4px;padding:4px 6px;border-top:1px dashed #bbb;background:#f0e8f8;border-radius:3px}.resources{font-size:13px;color:#666}.lobby-players{padding:8px;background:#f9f9f9;border-radius:4px;margin:8px 0}.lobby-player{padding:4px 0}.lobby-player.host:before{content:"★ ";color:#d4a017}label{font-weight:700;margin-right:6px}footer{text-align:center;font-size:11px;color:#888;margin:24px 0 12px}.villains-grid{display:flex;flex-direction:column;gap:8px;margin:8px 0}.villain{padding:10px;background:#2a1530;color:#f0e8f8;border-radius:6px;border:2px solid #5a2a82;display:flex;flex-direction:column}.villain.defeated{opacity:.45}.villain.petrified{border-color:#4aa0e0;box-shadow:0 0 0 2px #4aa0e059 inset}.villain-petrified-badge{position:absolute;top:6px;right:6px;font-size:11px;font-weight:700;background:#1e5080;color:#e0ecff;padding:2px 6px;border-radius:4px;border:1px solid #4aa0e0}.villain{position:relative}.villain-name{font-weight:700;font-size:14px}.villain-hp{font-size:18px;font-weight:700;margin:4px 0}.villain-text{font-size:12px;color:#d0c0e0;min-height:34px}.villain-attack{margin-top:6px;display:flex;gap:4px}.location{padding:10px 12px;background:#f0e8f8;border:1px solid #5a2a82;border-radius:6px}.location-name{font-weight:700;font-size:16px;color:#2a1530}.location-tokens{display:flex;gap:6px;margin-top:4px;font-size:13px}.location-da{font-size:13px;color:#4a3860;margin-top:2px}.location-ability-button{margin-top:8px;padding:4px 10px}.horcrux{padding:10px 12px;border-radius:6px}.horcrux-name{font-weight:700;font-size:16px}.horcrux-required,.horcrux-ongoing{margin-top:4px;font-size:13px}.symbol{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 2px;border-radius:50%;background:#2a1530;vertical-align:middle;opacity:.45}.symbol.assigned{background:#ffd84d;opacity:1;box-shadow:0 0 0 2px #fff8d6}.horcrux-abilities{padding:10px 12px;background:#ede0f8;border:1px solid #5a2a82;border-radius:6px}.horcrux-abilities button{margin:4px 6px 0 0;padding:4px 10px}.dark-arts{padding:8px 12px;background:#f8e0e0;border:1px solid #8b1a1a;border-radius:6px;animation:da-reveal .2s ease-out}.dark-arts-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dark-arts-card{padding:4px 8px;background:#fff;border:1px solid #8b1a1a;border-radius:4px}.dark-arts-name{font-weight:700;font-size:13px;color:#2a1530}.dark-arts-text{font-size:12px;color:#555;margin-top:2px}.dark-arts-type{font-size:11px;color:#8b1a1a}@keyframes da-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-host{position:relative;display:inline-block}.tooltip-panel{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);background:#2a1530;color:#f0e8f8;padding:6px 10px;border-radius:6px;font-size:12px;white-space:normal;width:max-content;max-width:260px;z-index:10;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 2px 8px #0000004d}.tooltip-host:hover>.tooltip-panel,.tooltip-host:focus-within>.tooltip-panel{opacity:1}.resource-icon{vertical-align:-2px;margin-right:2px}.resource-chip{display:inline-flex;align-items:center;gap:2px;margin-right:4px;font-variant-numeric:tabular-nums}.dialog-close{position:absolute;top:8px;right:10px;width:28px;height:28px;padding:0;border:none;background:transparent;color:#555;font-size:22px;line-height:1;cursor:pointer;border-radius:4px}.dialog-close:hover{background:#00000014;color:#000}dialog{position:relative}dialog.turn-start-modal{border:2px solid #5a2a82;border-radius:10px;padding:20px 28px;min-width:400px;max-width:600px;background:#f0e8f8}dialog.turn-start-modal::backdrop{background:#00000080}dialog.turn-start-modal h3{margin:0 0 12px;color:#2a1530}.turn-start-da ul{margin:6px 0 12px;padding-left:20px}.turn-start-hint{font-size:11px;color:#666;margin-top:6px}dialog.end-game{border:3px solid #444;border-radius:10px;padding:24px 32px;min-width:360px;max-width:560px;text-align:center}dialog.end-game::backdrop{background:#0009}dialog.end-game.win{border-color:#2a8050;background:#eafff1}dialog.end-game.loss{border-color:#8b1a1a;background:#fbe5e5}dialog.end-game h2{margin:0 0 10px;font-size:32px;letter-spacing:2px}dialog.end-game.win h2{color:#2a8050}dialog.end-game.loss h2{color:#8b1a1a}dialog.choice{border:2px solid #5a2a82;border-radius:8px;background:#f0e8f8;padding:16px 20px;min-width:320px;max-width:500px;color:inherit}dialog.choice::backdrop{background:#00000073}dialog.choice[open]{animation:choice-open .15s ease-out}dialog.choice[open]::backdrop{animation:choice-open .15s ease-out}dialog.choice h3{margin:0 0 4px}.choice-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.choice-options button{padding:8px 12px;text-align:left}.choice-waiting{margin:12px 0;padding:8px 12px;background:#f0e8f8;border:1px solid #5a2a82;border-radius:6px;color:#5a2a82}@keyframes choice-open{0%{opacity:0}to{opacity:1}}.villain-attack input{width:48px;margin:0}.villain-attack button{margin:0;padding:4px 10px;font-size:13px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.market-slot{padding:8px 6px;background:#fffbe6;border:1px solid #e0d090;border-radius:6px;font-size:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.market-slot-empty{background:#eee;color:#999;border-style:dashed;min-height:70px;justify-content:center}.market-slot-name{font-weight:700;margin-bottom:2px;font-size:12px}.market-slot-meta{color:#888;font-size:11px;margin-bottom:6px}.market-slot button{margin:0;padding:3px 10px;font-size:12px;width:100%}.game-row{display:flex;gap:12px;margin:12px 0;align-items:stretch}.game-row>*{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;margin:0}.top-row>*{flex:1 1 0;min-width:0}.mid-row>.villains{flex:1 1 auto;min-width:0}.mid-row>.market{flex:0 0 360px}.phase-label{font-size:13px;color:#555;margin:4px 0 12px}.dark-arts.phase-active{border:2px solid #8b1a1a;box-shadow:0 0 0 2px #8b1a1a40}.horcrux.phase-active{border:2px solid #5a2a82;box-shadow:0 0 0 2px #5a2a8240}.villains.phase-active{border:2px solid #b85c00;box-shadow:0 0 0 2px #b85c0040}.dice-toast-stack{position:absolute;top:8px;right:0;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.dice-toast{background:#f0e8f8;border:2px solid #5a2a82;border-radius:8px;padding:8px 12px;box-shadow:0 2px 6px #0003;display:flex;align-items:center;gap:8px;animation:dice-toast-in .2s ease-out;pointer-events:auto}.dice-toast-name{font-weight:700;font-size:13px;color:#2a1530}@keyframes dice-toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}