*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #64748b;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #334155;--color-border: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3)}[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-2: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-dim: #94a3b8;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-muted);font-size:1.1rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-brand a{font-size:1.25rem;font-weight:700;color:var(--color-text)}.navbar-links{display:flex;gap:1.5rem}.navbar-links a{color:var(--color-text-muted);font-weight:500;font-size:.9rem;transition:color .2s}.navbar-links a:hover{color:var(--color-text)}.navbar-user{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.875rem;color:var(--color-text-muted)}.user-avatar{width:32px;height:32px;border-radius:50%}.login-dropdown-wrapper{position:relative}.login-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;box-shadow:var(--shadow-lg);min-width:200px;z-index:200;display:flex;flex-direction:column;gap:.4rem}.login-dropdown .btn-google{font-size:.85rem;padding:.5rem .75rem}.user-avatar-sm{width:28px;height:28px;border-radius:50%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn:hover{background:var(--color-border)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);border-color:var(--color-border)}.btn-danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-success{background:transparent;border-color:var(--color-success);color:var(--color-success)}.btn-success:hover{background:var(--color-success);color:#fff}.btn-warning{background:transparent;border-color:#f59e0b;color:#f59e0b}.btn-warning:hover{background:#f59e0b;color:#fff}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-google{background:#fff;color:#333;border:1px solid #ddd;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;width:100%;justify-content:center}.btn-google:hover{background:#f5f5f5;color:#333}.input{width:100%;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.9rem;font-family:inherit;transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--color-text-dim)}select.input{cursor:pointer}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem}.alert-error{background:#ef444426;border:1px solid var(--color-danger);color:#fca5a5}.badge{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.75rem;font-weight:600}.badge-admin{background:#6366f133;color:#a5b4fc}.badge-user{background:#64748b33;color:var(--color-text-muted)}.badge-pending{background:#fbbf2433;color:#fcd34d;font-size:.9rem}.pending-approval{display:flex;justify-content:center;align-items:center;min-height:60vh}.pending-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:3rem;max-width:480px;text-align:center}.pending-icon{font-size:4rem;margin-bottom:1rem}.pending-card h1{font-size:1.4rem;margin-bottom:1rem}.pending-card p{color:var(--color-text-muted);margin-bottom:.5rem}.admin-section-title{margin:1.5rem 0 .75rem}.login-page{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding-top:2rem}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-lg)}.public-boards{width:100%;max-width:900px}.public-boards h2{margin-bottom:1.25rem;font-size:1.3rem}.board-card-link{display:block;color:var(--color-text);text-decoration:none;cursor:pointer}.board-card-link:hover{border-color:var(--color-primary);color:var(--color-text)}.board-owner{font-size:.8rem;color:var(--color-text-dim)}.login-card h1{font-size:2rem;margin-bottom:.5rem}.login-card>p{color:var(--color-text-muted);margin-bottom:2rem}.login-buttons{margin-bottom:1.5rem}.login-divider{position:relative;margin:1.5rem 0;text-align:center}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.login-divider span{position:relative;background:var(--color-surface);padding:0 1rem;font-size:.8rem;color:var(--color-text-dim)}.board-access-form{display:flex;gap:.5rem}.board-access-form .input{flex:1}.password-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.password-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg)}.password-card h2{margin-bottom:.5rem}.password-card>p{color:var(--color-text-muted);margin-bottom:1.5rem}.password-card form{display:flex;flex-direction:column;gap:.75rem}.error-page{text-align:center;padding:4rem 1rem}.error-page h2{margin-bottom:.5rem;color:var(--color-danger)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.board-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:border-color .2s}.board-card:hover{border-color:var(--color-primary)}.board-card h3{margin-bottom:.5rem;font-size:1.1rem}.board-meta{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.board-id{font-size:.75rem;color:var(--color-text-dim);font-family:monospace}.board-actions{display:flex;flex-wrap:wrap;gap:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.board-view{max-width:100%}.party-welcome{display:flex;align-items:center;justify-content:center;min-height:80vh}.party-welcome-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.party-welcome-card h1{margin-bottom:.5rem}.party-welcome-card>p{color:var(--color-text-muted);margin-bottom:1.5rem}.party-welcome-card form{display:flex;flex-direction:column;gap:.75rem}.party-logo{font-size:3rem;margin-bottom:.5rem;display:flex;justify-content:center}.party-logo-img{display:block;width:100%;max-width:220px;height:auto;object-fit:contain}.party-board-logo{max-width:160px;height:auto;object-fit:contain}.btn-lg{padding:.75rem 1.5rem;font-size:1.05rem}.party-page{max-width:640px;margin:0 auto;padding:2rem 1rem}.party-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.party-header .party-logo{font-size:2.5rem;margin-bottom:0}.party-header .party-logo-img{max-width:140px}.party-header h1{margin:0 0 .25rem}.party-greeting{color:var(--color-text-muted);font-size:.9rem;margin:0;display:flex;align-items:center;gap:.4rem}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.party-create-section,.party-boards-section{margin-bottom:2rem}.party-create-section h2,.party-boards-section h2{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.party-create-form{display:flex;gap:.5rem}.party-create-form .input{flex:1}.party-error{color:var(--color-danger);font-size:.85rem;margin-top:.5rem}.party-empty{color:var(--color-text-muted);font-style:italic}.party-boards-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.party-board-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem}.party-board-name{font-weight:500}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;text-align:center;max-width:320px;width:90%;box-shadow:var(--shadow-lg)}.qr-modal h2{margin-bottom:.4rem}.qr-modal>p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.25rem}.qr-code-wrapper{background:#fff;border-radius:.5rem;padding:1rem;display:inline-block;margin-bottom:1rem}.qr-url{font-size:.65rem;color:var(--color-text-muted);word-break:break-all;margin-bottom:1.25rem}.board-locked-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:.5rem;padding:.6rem 1rem;margin-bottom:1.5rem;font-size:.9rem;color:#fca5a5}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.board-header h1{font-size:1.75rem}.board-header-actions{display:flex;align-items:center;gap:.75rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.disconnected{background:var(--color-danger)}.wakelock-switch{display:flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none}.wakelock-switch input{position:absolute;opacity:0;width:0;height:0}.wakelock-switch-track{position:relative;display:inline-block;width:36px;height:20px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;transition:background .2s,border-color .2s;flex-shrink:0}.wakelock-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--color-text-muted);transition:transform .2s,background .2s}.wakelock-switch input:checked+.wakelock-switch-track{background:#f59e0b;border-color:#f59e0b}.wakelock-switch input:checked+.wakelock-switch-track:after{transform:translate(16px);background:#fff}.wakelock-switch-label{font-size:.95rem;line-height:1}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.tile-label{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.tile-empty{color:var(--color-text-dim);font-size:.85rem;text-align:center;padding:1rem}.countdown-display{display:flex;justify-content:center;gap:1rem}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1;font-variant-numeric:tabular-nums}.countdown-unit-label{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;margin-top:.25rem}.countdown-finished{font-size:2rem;font-weight:700;text-align:center;color:var(--color-success);padding:1rem}.countdown-controls{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.countdown-inputs{display:flex;gap:.5rem;align-items:center}.countdown-input-group{display:flex;align-items:center;gap:.25rem}.countdown-input-group input{width:60px;text-align:center}.countdown-input-group span{font-size:.85rem;color:var(--color-text-muted)}.clock-display{font-size:3rem;font-weight:300;text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text);line-height:1.2}.clock-date{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem;text-transform:capitalize}.clock-timezone{text-align:center;font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem}.counter-display{text-align:center;margin:1rem 0}.counter-value{font-size:4rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.counter-buttons{display:flex;justify-content:center;gap:.5rem}.btn-counter{padding:.6rem 1.2rem;font-size:1rem;font-weight:700;border-radius:var(--radius-sm);min-width:48px}.btn-minus,.btn-minus-big{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.btn-minus:hover,.btn-minus-big:hover{background:#ef44444d}.btn-plus,.btn-plus-big{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.btn-plus:hover,.btn-plus-big:hover{background:#22c55e4d}.counter-history{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:.75rem}.counter-history-toggle{width:100%;font-size:.8rem}.counter-history-list{margin-top:.5rem;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.counter-history-entry{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.3rem .5rem;background:var(--color-surface-2);border-radius:var(--radius-sm)}.counter-history-delta{font-weight:700;min-width:36px;text-align:right}.counter-history-delta.positive{color:#86efac}.counter-history-delta.negative{color:#fca5a5}.counter-history-value{color:var(--color-text-muted);min-width:50px}.counter-history-author{flex:1;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter-history-time{color:var(--color-text-dim);font-size:.72rem;white-space:nowrap}.tile-dice{display:flex;flex-direction:column;gap:.75rem}.die-svg{display:block;flex-shrink:0}.die-svg polygon,.die-svg rect,.die-svg circle{stroke-width:2.5;transition:fill .2s,opacity .2s}.die-svg-text{font-family:inherit;font-weight:800;pointer-events:none;transition:fill .2s}.die-svg-d4 polygon{fill:#ef444426;stroke:#ef4444}.die-svg-d6 rect{fill:#3b82f626;stroke:#3b82f6}.die-svg-d8 polygon{fill:#10b98126;stroke:#10b981}.die-svg-d10 polygon{fill:#f59e0b26;stroke:#f59e0b}.die-svg-d12 polygon{fill:#8b5cf626;stroke:#8b5cf6}.die-svg-d20 polygon{fill:#6366f126;stroke:#6366f1}.die-svg-d100 circle{fill:#ec489926;stroke:#ec4899}.die-svg-d4 .die-svg-text{fill:#ef4444}.die-svg-d6 .die-svg-text{fill:#3b82f6}.die-svg-d8 .die-svg-text{fill:#10b981}.die-svg-d10 .die-svg-text{fill:#f59e0b}.die-svg-d12 .die-svg-text{fill:#8b5cf6}.die-svg-d20 .die-svg-text{fill:#6366f1}.die-svg-d100 .die-svg-text{fill:#ec4899}.die-svg-result.die-svg-d4 polygon{fill:#ef4444a6}.die-svg-result.die-svg-d6 rect{fill:#3b82f6a6}.die-svg-result.die-svg-d8 polygon{fill:#10b981a6}.die-svg-result.die-svg-d10 polygon{fill:#f59e0ba6}.die-svg-result.die-svg-d12 polygon{fill:#8b5cf6a6}.die-svg-result.die-svg-d20 polygon{fill:#6366f1a6}.die-svg-result.die-svg-d100 circle{fill:#ec4899a6}.die-svg-result .die-svg-text{fill:#fff}.dice-selector-grid{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.dice-selector-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .35rem;border-radius:var(--radius-sm);border:1px solid transparent;opacity:.45;transition:opacity .2s,background .15s,border-color .15s}.dice-selector-card-active{opacity:1;background:var(--color-surface-2);border-color:var(--color-border)}.dice-type-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.dice-stepper{display:flex;align-items:center;gap:.2rem}.btn-dice-step{width:22px;height:22px;padding:0;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:background .1s,color .1s}.btn-dice-step:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-dice-step:disabled{opacity:.3;cursor:not-allowed}.dice-stepper-value{font-size:.9rem;font-weight:700;min-width:14px;text-align:center;color:var(--color-text);font-variant-numeric:tabular-nums}.btn-dice-roll{width:100%;padding:.55rem;font-size:.9rem}.dice-result-block{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem}.dice-result-animate{animation:dice-pop .55s ease}@keyframes dice-pop{0%{transform:scale(.8);opacity:.3}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.dice-result-meta{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem;color:var(--color-text-muted);flex-wrap:wrap}.dice-result-author{font-weight:600;color:var(--color-text)}.dice-result-dot{opacity:.35}.dice-result-time{color:var(--color-text-dim);font-size:.74rem}.dice-result-total{color:var(--color-text-muted)}.dice-result-total strong{color:var(--color-primary);font-size:1rem}.dice-result-dice{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center}.dice-history-wrapper{border-top:1px solid var(--color-border);padding-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.dice-history{display:flex;flex-direction:column;gap:.3rem}.dice-history-entry{display:flex;align-items:center;gap:.4rem;font-size:.78rem;padding:.15rem 0;color:var(--color-text-muted);flex-wrap:wrap}.dice-history-dice{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center}.dice-history-total{font-weight:700;color:var(--color-text)}.dice-history-author{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px}.dice-history-time{color:var(--color-text-dim);font-size:.72rem;white-space:nowrap}.dice-editor-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.special-dice-editor-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.special-dice-config-preview{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.special-dice-config-preview-item{display:flex;justify-content:flex-start;align-items:center;gap:.6rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:.82rem;white-space:nowrap}.special-dice-config-preview-item span{color:var(--color-text-muted);font-size:.78rem}.random-card-editor-icon{width:1.5rem;height:1.5rem;display:inline;vertical-align:middle}.random-card-count-input{width:4.5rem;margin-right:.35rem;text-align:left;display:inline;vertical-align:middle}.special-dice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1200;padding:1rem}.special-dice-modal{width:min(920px,100%);max-height:92vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.special-dice-modal h3{margin-bottom:.75rem}.special-dice-modal-adddie{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:1rem}.special-dice-modal-adddie h4{margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-muted)}.special-dice-color-input{width:48px;height:32px;border:1px solid var(--color-border);border-radius:8px;background:transparent;cursor:pointer}.special-dice-modal-dice-list{display:flex;flex-direction:column;gap:.75rem}.special-dice-modal-die-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem}.special-dice-modal-die-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.special-dice-modal-die-header span{color:var(--color-text-muted);font-size:.78rem}.special-dice-die-title-with-color{display:inline-flex;align-items:center;gap:.4rem}.special-dice-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.special-dice-modal-faces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;margin-bottom:.6rem}.special-dice-face-input{display:flex;flex-direction:column;gap:.25rem}.special-dice-face-input span{font-size:.75rem;color:var(--color-text-muted)}.tile-special-dice{gap:.7rem}.special-dice-active-config{font-size:.82rem;color:var(--color-text-muted)}.special-dice-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.45rem}.special-dice-selector-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem;opacity:.55;transition:opacity .2s,border-color .2s,background .2s}.special-dice-selector-card-active{opacity:1;background:var(--color-surface-2);border-color:var(--color-primary)}.special-dice-die-title{font-size:.84rem;font-weight:600;color:var(--color-text)}.special-dice-die-faces{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.35rem}.special-dice-result-list{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.special-dice-result-item{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;max-width:80px}.special-dice-result-die{color:var(--color-text-muted);font-size:.68rem;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.special-dice-result-face{font-weight:700;font-size:.84rem;border-radius:999px;padding:.05rem .4rem}.special-dice-history-entry{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.78rem}.special-dice-history-dice{display:flex;flex-wrap:wrap;gap:.25rem}.special-dice-history-chip{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem}.tile-random-cards{display:flex;flex-direction:column;gap:.7rem}.random-cards-meta,.random-cards-active-config{font-size:.82rem;color:var(--color-text-muted)}.random-cards-drawn-area{width:min(100%,180px);aspect-ratio:1 / 1;margin:0 auto;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;padding:.55rem}.random-cards-drawn-animate{animation:dice-pop .55s ease}.random-cards-empty{font-size:.82rem;color:var(--color-text-dim);text-align:center}.random-cards-drawn-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.random-card-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;min-width:2rem;padding:.12rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.9rem;font-weight:700;line-height:1;text-align:center}.random-card-icon{width:1.8rem;height:1.8rem;display:block}.random-cards-controls{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.random-cards-history-list{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.random-card-history-chip{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:1px solid var(--color-border);border-radius:999px;font-size:.76rem;background:var(--color-surface-2)}.random-card-history-icon{width:1.18rem;height:1.18rem;display:block}.tile-chaosbag{display:flex;flex-direction:column;gap:.75rem}.chaosbag-drawn-area{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:0;text-align:center;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-border);transition:border-color .2s;box-sizing:border-box;position:relative}.chaosbag-drawn-area:hover:not([style*=default]){border-color:var(--color-primary)}.chaosbag-drawn-icon-value{position:absolute;top:.45rem;right:.45rem;min-width:2rem;padding:.18rem .5rem;border-radius:999px;background:#16181ce6;border:1px solid var(--color-primary);color:var(--color-text);font-weight:800;font-size:.82rem;line-height:1;box-shadow:var(--shadow-sm);pointer-events:none;z-index:2}.chaosbag-return-bc-btn{position:absolute;bottom:.4rem;right:.4rem;opacity:.85;font-size:.7rem;padding:.15rem .45rem;z-index:1}.chaosbag-empty-draw{color:var(--color-text-dim);font-style:italic}.chaosbag-drawn-tokens{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.chaosbag-token{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;border:2px solid var(--color-border);background:var(--color-surface);cursor:default;overflow:hidden;position:relative}.chaosbag-token:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 8px 4px #00000073;pointer-events:none}.token-icon-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.chaosbag-token-large{width:64px;height:64px;font-size:1.4rem;box-shadow:var(--shadow-lg)}.chaosbag-token-newest{width:95%;height:95%;font-size:clamp(2.6rem,12cqw,6rem);animation:tokenRevealFresh .45s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:var(--shadow-lg),0 0 24px #fff3;z-index:1}.chaosbag-token-newest img.token-icon-img{width:99%;height:99%}.chaosbag-token-previous{width:56px;height:56px;font-size:1.1rem;opacity:.55}.chaosbag-token-sm{width:36px;height:36px;font-size:.75rem;padding:0;gap:1px}.chaosbag-token-manage{width:40px;height:40px;font-size:.75rem;padding:0;cursor:pointer}.chaosbag-summary-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-surface-2);border-radius:1rem;padding:.15rem .5rem .15rem .15rem}.chaosbag-summary-count{font-size:.8rem;font-weight:700;color:var(--color-text)}.chaosbag-token-xs{width:28px;height:28px;font-size:.65rem}@keyframes tokenReveal{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tokenRevealFresh{0%{transform:scale(0) rotate(-180deg);opacity:0;filter:blur(6px)}60%{transform:scale(1.18) rotate(6deg);opacity:1;filter:blur(0)}80%{transform:scale(.93) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}.token-numeric{background:#fff;border-color:#d1d5db;color:#111827}.token-skull{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.token-cultist{background:#166534;border-color:#15803d;color:#bbf7d0}.token-tablet{background:#1e3a5f;border-color:#1e40af;color:#bfdbfe}.token-elder-thing{background:#581c87;border-color:#7e22ce;color:#e9d5ff}.token-autofail{background:#ef444466;border-color:#ef4444;color:#fca5a5;box-shadow:0 0 8px #ef44444d}.token-eldersign{background:#fbbf2433;border-color:#fbbf2480;color:#fcd34d}.token-bless{background:#fbbf2440;border-color:#fbbf2499;color:#fcd34d;box-shadow:0 0 6px #fbbf244d}.token-curse{background:#8b5cf64d;border-color:#8b5cf699;color:#c4b5fd;box-shadow:0 0 6px #8b5cf64d}.token-frost{background:#93c5fd40;border-color:#93c5fd99;color:#93c5fd;box-shadow:0 0 6px #93c5fd4d}.chaosbag-bless-curse{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:var(--color-surface-2);border-radius:var(--radius-sm)}.chaosbag-bc-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.chaosbag-bc-label{font-weight:600;min-width:55px}.chaosbag-bc-count{flex:1;color:var(--color-text-muted);font-size:.78rem}.chaosbag-controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.chaosbag-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--color-text-muted)}.chaosbag-meta-count{white-space:nowrap;flex-shrink:0}.chaosbag-meta-locked{color:#fcd34d}.chaosbag-meta-pct{white-space:nowrap;flex-shrink:0;color:var(--color-text-dim);font-size:.72rem}.chaosbag-meta .chaosbag-progress-track{flex:1;margin:0}.chaosbag-bag-contents{border-top:1px solid var(--color-border);padding-top:.5rem}.chaosbag-bag-tokens{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.chaosbag-manage-panel{display:flex;flex-direction:column;gap:.75rem}.chaosbag-manage-panel label{font-size:.8rem;color:var(--color-text-muted);display:block;margin-bottom:.25rem}.chaosbag-manage-add{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chaosbag-manage-add label{margin-bottom:0}.chaosbag-manage-tokens{display:flex;flex-wrap:wrap;gap:.25rem}.chaosbag-token-removable{cursor:pointer;opacity:.9}.chaosbag-token-removable:hover{opacity:1;border-color:var(--color-danger);box-shadow:0 0 6px #ef444466}.chaosbag-locked-tokens{display:flex;flex-wrap:wrap;gap:.3rem}.chaosbag-token-locked{cursor:pointer;opacity:.6;border-color:var(--color-warning, #f59e0b)!important;box-shadow:0 0 0 1px var(--color-warning, #f59e0b)}.chaosbag-token-locked:hover:not(:disabled){opacity:1;box-shadow:0 0 6px #f59e0b80}.chaosbag-manage-locked{border-top:1px solid var(--color-border);padding-top:.5rem}.chaosbag-history-list{margin-top:.5rem;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.chaosbag-history-entry{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.3rem .5rem;background:var(--color-surface-2);border-radius:var(--radius-sm)}.chaosbag-history-tokens{display:flex;gap:.2rem;flex:1}.chaosbag-history-author{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.chaosbag-history-time{color:var(--color-text-dim);font-size:.72rem;white-space:nowrap}.form-hint{font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem}.chaosbag-editor-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.3rem;margin-top:.25rem}.chaosbag-progress-track{height:6px;background:var(--color-surface-2);border-radius:3px;overflow:hidden}.chaosbag-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#60a5fa);border-radius:3px;transition:width .5s ease;min-width:2px}.chaosbag-secondary-bar{display:flex;flex-wrap:wrap;gap:.25rem;padding-top:.25rem;border-top:1px solid var(--color-border)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.72rem;cursor:pointer;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.chaosbag-bag-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chaosbag-bag-header .chaosbag-bag-tokens{flex:1}.chaosbag-prob{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.chaosbag-prob-inputs{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap;padding-bottom:.4rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.chaosbag-prob-input-group{display:flex;flex-direction:column;align-items:center;gap:.15rem}.chaosbag-prob-input-group label{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.chaosbag-prob-input{width:3.8rem!important;text-align:center;padding:.2rem .3rem!important}.chaosbag-prob-vs{font-size:.75rem;color:var(--color-text-muted);padding-bottom:.25rem}.chaosbag-prob-threshold{font-size:.72rem;color:var(--color-text-muted);padding-bottom:.2rem;font-style:italic}.chaosbag-icon-values{display:flex;flex-direction:column;gap:.3rem;padding:.4rem 0;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.chaosbag-icon-values-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.chaosbag-icon-values-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chaosbag-icon-value-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.chaosbag-icon-val-wrap{display:flex;align-items:center;gap:.1rem}.chaosbag-icon-val-minus{font-size:.85rem;font-weight:700;color:var(--color-text-muted);line-height:1}.chaosbag-icon-val-input{width:3rem!important;text-align:center;padding:.15rem .25rem!important}.chaosbag-prob-groups{display:flex;flex-direction:column;gap:.4rem}.chaosbag-prob-group{border-radius:6px;padding:.35rem .5rem}.chaosbag-prob-success{background:#22c55e14;border:1px solid rgba(34,197,94,.3)}.chaosbag-prob-fail{background:#ef444414;border:1px solid rgba(239,68,68,.3)}.chaosbag-prob-special{background:#f59e0b14;border:1px solid rgba(245,158,11,.3)}.chaosbag-prob-group-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.78rem;font-weight:600}.chaosbag-prob-group-pct{font-size:1rem;font-weight:700}.chaosbag-prob-success .chaosbag-prob-group-pct{color:#22c55e}.chaosbag-prob-fail .chaosbag-prob-group-pct{color:#ef4444}.chaosbag-prob-special .chaosbag-prob-group-pct{color:#f59e0b}.chaosbag-prob-group-count{font-size:.72rem;color:var(--color-text-muted)}.chaosbag-prob-group-tokens{display:flex;flex-wrap:wrap;gap:.25rem}.chaosbag-prob-empty{font-size:.72rem;color:var(--color-text-muted);font-style:italic}.chaosbag-prob-special-note{font-size:.62rem;color:var(--color-text-muted);margin-top:.25rem;font-style:italic}display: flex; align-items: center; gap: .4rem; } .chaosbag-prob-bar-wrap{flex:1;height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden}.chaosbag-prob-bar-inner{height:100%;background:linear-gradient(90deg,var(--color-primary),#60a5fa);border-radius:4px;transition:width .3s ease;min-width:2px}.chaosbag-prob-pct{font-size:.72rem;color:var(--color-text-muted);min-width:40px;text-align:right}.chaosbag-prob-count{font-size:.72rem;color:var(--color-text-dim);min-width:24px}.chaosbag-stats-panel{display:flex;flex-direction:column;gap:.3rem}.chaosbag-icon-values-panel .chaosbag-icon-values{border-bottom:none;margin-bottom:0;padding:.2rem 0}.chaosbag-stats-summary{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-bottom:.2rem}.chaosbag-stats-row{display:flex;align-items:center;gap:.4rem}.chaosbag-stats-bar-wrap{flex:1;height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden}.chaosbag-stats-bar-inner{height:100%;background:linear-gradient(90deg,#a78bfa,#7c3aed);border-radius:4px;min-width:2px}.chaosbag-stats-pct{font-size:.72rem;color:var(--color-text-muted);min-width:40px;text-align:right}.chaosbag-stats-count{font-size:.72rem;color:var(--color-text-dim);min-width:24px}.chaosbag-editor-token-row{display:flex;align-items:center;gap:.35rem;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:.25rem .5rem}.chaosbag-editor-token-label{min-width:28px;text-align:center;font-weight:600;font-size:.9rem}.chaosbag-editor-token-count{min-width:20px;text-align:center;font-weight:700;font-size:.9rem}.input-sm{padding:.3rem .5rem;font-size:.8rem}.message-form{display:flex;gap:.5rem;margin-bottom:1rem}.message-form .input{flex:1}.message-restricted{font-size:.8rem;color:var(--color-text-dim);text-align:center;padding:.5rem;background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:1rem}.messages-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.message-item{background:var(--color-bg);border-radius:var(--radius-sm);padding:.75rem}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.message-author{font-size:.8rem;font-weight:600;color:var(--color-primary)}.message-time{font-size:.7rem;color:var(--color-text-dim);flex:1}.message-text{font-size:.875rem;color:var(--color-text);word-break:break-word}.board-editor{max-width:800px;margin:0 auto}.board-editor h1{margin-bottom:1.5rem}.tiles-editor{margin-top:2rem}.tiles-editor h2{margin-bottom:1rem;font-size:1.2rem}.add-tile-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tiles-list{display:flex;flex-direction:column;gap:1rem}.tile-editor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.tile-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.tile-type-badge{font-size:.85rem;font-weight:600}.tile-editor-actions{display:flex;gap:.25rem}.tile-editor-body{padding:1rem}.admin-panel h1{margin-bottom:1.5rem}.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem 1rem;background:var(--color-surface-2);font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.table td{padding:.75rem 1rem;border-top:1px solid var(--color-border);font-size:.875rem}.table tr:hover td{background:#ffffff05}.actions-cell{display:flex;gap:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (max-width: 768px){.navbar{flex-wrap:wrap;gap:.5rem}.navbar-links{order:3;width:100%;justify-content:center}.board-header{flex-wrap:wrap;gap:.75rem;align-items:flex-start}.board-header h1{font-size:1.3rem;word-break:break-word}.board-header-actions{flex-wrap:wrap;width:100%;gap:.5rem}.tiles-grid,.boards-grid{grid-template-columns:1fr}.countdown-value{font-size:1.8rem}.clock-display{font-size:2rem}.counter-value{font-size:3rem}.board-access-form{flex-direction:column}}.tile-arkham-bag{display:flex;flex-direction:column;gap:.75rem}.arkham-preset-selector{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem;background:var(--color-surface-2);border-radius:var(--radius-sm)}.arkham-preset-selector .input-sm{padding:.3rem .5rem;font-size:.85rem;flex:1;min-width:120px}.arkham-preset-selector .btn-sm{padding:.3rem .75rem;font-size:.85rem;white-space:nowrap}.arkham-preset-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.arkham-preset-label{text-align:left;font-size:.8rem;color:var(--color-text-secondary);font-style:italic;flex:1}.arkham-info-toggle{font-size:.7rem;padding:.15rem .4rem;white-space:nowrap;flex-shrink:0}.arkham-scenario-info{background:var(--color-surface-2, rgba(0,0,0,.15));border:1px solid var(--color-border);border-radius:6px;padding:.5rem .6rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.4rem}.arkham-info-row{display:flex;gap:.5rem;align-items:flex-start}.arkham-info-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);min-width:52px;padding-top:.1rem;flex-shrink:0}.arkham-info-text{font-size:.75rem;color:var(--color-text);line-height:1.4}.arkham-exp-row{align-items:center}.arkham-exp-value{font-size:1.6rem;font-weight:700;color:var(--color-primary, #a78bfa);line-height:1}[data-theme=light] .alert-error{background:#ef444414;color:#dc2626}[data-theme=light] .badge-admin{background:#6366f11f;color:#4f46e5}[data-theme=light] .badge-pending{background:#fbbf2426;color:#b45309}[data-theme=light] .board-locked-banner{background:#ef444414;color:#dc2626}[data-theme=light] .btn-minus,[data-theme=light] .btn-minus-big{color:#dc2626}[data-theme=light] .btn-plus,[data-theme=light] .btn-plus-big,[data-theme=light] .counter-history-delta.positive{color:#16a34a}[data-theme=light] .counter-history-delta.negative{color:#dc2626}[data-theme=light] .theme-toggle{font-size:1rem;padding:.3rem .5rem;line-height:1}