.matrix-overlay{position:relative;border:3px solid #00ff41;box-shadow:0 0 20px #00ff4126,inset 0 0 20px #00ff410d}.matrix-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px)}.matrix-watermark{position:fixed;top:60px;right:16px;z-index:1001;font-family:monospace;pointer-events:none}.matrix-watermark-title{font-size:14px;font-weight:700;color:#00ff41;opacity:.7;letter-spacing:.2em;text-shadow:0 0 8px rgba(0,255,65,.4)}.matrix-watermark-desc{font-size:11px;color:#00ff41;opacity:.5;margin-top:4px;max-width:260px;text-align:right}:root{--tbt-ink: #0a0e12;--tbt-red: #E74C3C;--tbt-bg: #0a0e12;--tbt-panel: #1a1f26;--tbt-panel2: #12171d;--tbt-text: #e8e6e3;--tbt-muted: rgba(232,230,227,.55);--tbt-border: rgba(255,255,255,.08);--tbt-danger: var(--tbt-red);--tbt-accent: #E74C3C;--tbt-accent-hover: #c0392b;--tbt-accent-glow: #FF6B4A;--tbt-orange: #ffa502;--tbt-gold: #D4A843;--tbt-gold-dim: #B8912E}[data-theme=light]{--tbt-ink: #2c2416;--tbt-bg: #f4efe6;--tbt-panel: #ede6d8;--tbt-panel2: #f9f5ee;--tbt-text: #2c2416;--tbt-muted: rgba(44,36,22,.55);--tbt-border: rgba(44,36,22,.12);--tbt-accent-hover: #b52d1f;--tbt-accent-glow: #d94535}:root{--bg-dark: var(--tbt-bg);--bg-panel: var(--tbt-panel);--bg-card: var(--tbt-panel2);--accent: var(--tbt-accent);--accent-glow: var(--tbt-accent-glow);--gold: var(--tbt-gold);--gold-dim: var(--tbt-gold-dim);--text: var(--tbt-text);--text-dim: var(--tbt-muted);--green: #2ed573;--red: var(--tbt-red);--blue: #1e90ff;--purple: #a55eea;--border: var(--tbt-border);--font-display: "Rajdhani", sans-serif;--font-body: "Inter", system-ui, sans-serif}[data-theme=light]{--green: #1fa855;--red: #d93025;--blue: #1a73e8;--purple: #8e3fb4}[data-theme=light] .nav{background:#f4efe6d9}[data-theme=light] .hero-section .hero-gradient{background:linear-gradient(to bottom,transparent,rgba(244,239,230,.5),var(--bg-dark))}[data-theme=light] .hero-logo-wrap{background:#c8beaf80}[data-theme=light] .feature-card{background:#c8beaf4d}[data-theme=light] .feature-card:hover{box-shadow:0 20px 40px #2c24161a}[data-theme=light] .coming-soon-badge{border-color:#2c241626}[data-theme=light] .waiting-share-section{background:#2c241608}[data-theme=light] .mb-palette-swatch{border-color:#2c241626}[data-theme=light] ::-webkit-scrollbar-thumb{background:#2c241626}.theme-toggle{background:transparent;border:none;padding:6px;color:var(--tbt-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .3s}.theme-toggle:hover{color:var(--tbt-text);transform:rotate(15deg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-glow)}button{font-family:var(--font-body);cursor:pointer;border:none;padding:8px 16px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font-family:var(--font-body);padding:8px 12px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);font-size:14px}input:focus,select:focus{outline:none;border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-glow);box-shadow:0 0 16px #e74c3c4d}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-gold{background:var(--gold);color:#1a1a2e}.btn-gold:hover:not(:disabled){background:var(--gold-dim);box-shadow:0 0 20px #d4a84366}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-panel);border:1px solid var(--border);padding:20px}.nav{background:#0a0e12cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text);display:flex;align-items:center;letter-spacing:.02em;text-transform:uppercase}.nav-logo{height:28px;width:auto;margin-right:10px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-dim);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-user{display:flex;gap:12px;align-items:center;font-size:14px}.tactical-grid{background-image:linear-gradient(rgba(231,76,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(231,76,60,.03) 1px,transparent 1px);background-size:40px 40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.hero-section{position:relative;padding:80px 0 40px;text-align:center}.hero-section .tactical-grid{position:absolute;top:0;right:0;bottom:0;left:0}.hero-section .hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(10,14,18,.5),var(--bg-dark))}.hero-logo-wrap{width:128px;height:128px;margin:0 auto 24px;border-radius:50%;background:#1a1f2680;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #e74c3c26}.hero-logo-wrap img{max-width:88px;height:auto}.hero-section h1{font-size:4rem;color:var(--text);letter-spacing:-.02em}.hero-section .subtitle{font-size:1.15rem;color:var(--text-dim);font-weight:300;max-width:560px;margin:0 auto}.hero-divider{height:1px;width:128px;margin:32px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.hero-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;gap:32px}.hero-logo{max-width:200px;width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(231,76,60,.2))}.hero-page h1{font-size:3rem;color:var(--text)}.hero-page .subtitle{color:var(--text-dim);font-size:1.1rem;max-width:500px;font-weight:300}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero-actions button,.hero-actions a{padding:14px 28px;font-size:1rem;display:inline-block}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;padding:64px 24px 80px}.feature-card{display:flex;flex-direction:column;padding:32px;background:#1a1f264d;border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--text);text-decoration:none;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-glow));transition:width .3s cubic-bezier(.16,1,.3,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #e74c3c1a;color:var(--text)}.feature-card:hover:before{width:100%}.feature-card-icon{width:56px;height:56px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.feature-card h3{color:var(--text);font-size:1.5rem;margin-bottom:8px;position:relative;padding-top:12px}.feature-card h3:before{content:"";position:absolute;left:0;top:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-glow))}.feature-card p{color:var(--text-dim);font-size:.9rem;line-height:1.6;font-weight:300}.feature-card-enter{margin-top:12px;font-size:13px;color:var(--accent);font-weight:500;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.feature-card-enter svg{transition:transform .2s}.feature-card:hover .feature-card-enter svg{transform:translate(4px)}.coming-soon-badge{display:inline-block;margin-top:12px;padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid rgba(255,255,255,.1)}.site-footer{border-top:1px solid var(--border);padding:24px 0;background:var(--bg-dark)}.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim)}.site-footer a{color:var(--text-dim);margin-left:24px;transition:color .2s}.site-footer a:hover{color:var(--text)}.hp-bar{height:6px;background:var(--border);overflow:hidden}.hp-bar-fill{height:100%;background:var(--green);transition:width .3s}.hp-bar-fill.low{background:var(--red)}.hp-bar-fill.mid{background:orange}.team-players{color:var(--blue)}.team-monsters{color:var(--red)}.combat-log{flex:1;min-height:80px;max-height:none;overflow-y:auto;font-size:13px;line-height:1.6;padding:8px}.combat-log .event-damage{color:var(--red)}.combat-log .event-healing{color:var(--green)}.combat-log .event-move{color:var(--text-dim)}.combat-log .event-spell{color:var(--purple)}.combat-log .event-turn{color:var(--accent);font-weight:600}.combat-log .event-defeat{color:var(--tbt-red);font-weight:700}.combat-log .event-karma{color:var(--tbt-gold);font-weight:600}.chat-panel{display:flex;flex-direction:column;min-height:40px;max-height:300px}.chat-messages{flex:1;overflow-y:auto;padding:8px;font-size:13px;line-height:1.5}.chat-msg .sender{font-weight:600}.chat-msg .sender.fighter{color:var(--accent)}.chat-input{display:flex;gap:4px;padding:8px;border-top:1px solid var(--border)}.chat-input input{flex:1;font-size:13px}.badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-waiting{background:#daa52026;color:var(--gold);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.badge-live{background:var(--tbt-red);color:#fff}.badge-finished{background:var(--border);color:var(--text-dim)}.reaction-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.reaction-modal{background:var(--bg-panel);border:2px solid var(--accent);padding:24px;text-align:center;max-width:400px}.reaction-timer{font-size:2rem;color:var(--tbt-red);font-weight:700;margin:12px 0}.reaction-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,transform .2s}.session-item:hover{border-color:var(--accent);transform:translateY(-1px)}.session-info{display:flex;flex-direction:column;gap:4px}.session-section-title{color:var(--accent);margin-bottom:12px;display:flex;align-items:center}.session-item-waiting{border-left:3px solid var(--gold)}.session-item-live{border-left:3px solid var(--tbt-red)}.session-title{font-weight:600;display:flex;align-items:center;gap:8px}.session-host-class{font-size:12px;font-weight:400;color:var(--text-dim)}.session-meta{font-size:12px;color:var(--text-dim);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.session-time{color:var(--text-dim);opacity:.7}.session-action-btn{font-size:13px;padding:8px 16px;white-space:nowrap;flex-shrink:0}.session-empty{color:var(--text-dim);text-align:center;padding:20px;font-style:italic}.waiting-card{padding:20px}.waiting-share-section{margin:12px 0;padding:12px;background:#ffffff08;border:1px solid var(--border)}.waiting-link-code{font-size:12px;color:var(--gold);background:var(--bg-dark);padding:6px 10px;border-radius:4px;word-break:break-all}.waiting-discoverable{font-size:12px;color:var(--text-dim);margin-top:10px;opacity:.8}.battle-layout{display:grid;grid-template-columns:1fr 340px;grid-template-rows:1fr;gap:12px;padding:12px;height:calc(100vh - 56px);overflow:hidden}.battle-grid-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}.battle-grid-canvas-wrapper{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative}.battle-sidebar{display:flex;flex-direction:column;gap:12px;overflow:hidden}.action-panel{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.action-panel button{font-size:12px;padding:6px 10px}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);color:var(--accent);font-family:var(--font-display);font-size:14px}.leaderboard-table td{padding:8px 12px;border-bottom:1px solid var(--border);font-size:14px}.leaderboard-table tr:hover td{background:var(--bg-card)}.rank-1{color:gold;font-weight:700}.rank-2{color:silver;font-weight:600}.rank-3{color:#cd7f32;font-weight:600}.lobby{max-width:700px;margin:40px auto;padding:0 20px}.lobby h2{color:var(--accent);margin-bottom:24px}.lobby-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.class-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.class-option{padding:12px;background:var(--bg-dark);border:2px solid var(--border);cursor:pointer;text-align:center;transition:all .2s}.class-option:hover{border-color:var(--accent)}.class-option.selected{border-color:var(--accent);background:var(--bg-card)}.class-option .class-name{font-family:var(--font-display);font-size:1.1rem;color:var(--accent)}.class-option .class-stats{font-size:12px;color:var(--text-dim);margin-top:4px}.map-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-option{padding:12px;background:var(--bg-dark);border:2px solid var(--border);cursor:pointer;text-align:center;transition:all .2s}.map-option:hover{border-color:var(--accent)}.map-option.selected{border-color:var(--accent);background:var(--bg-card)}.map-option .map-name{font-family:var(--font-display);color:var(--accent);font-size:.95rem}.map-option .map-desc{font-size:11px;color:var(--text-dim);margin-top:4px}.character-builder{margin-top:16px}.builder-progress{display:flex;gap:4px;margin-bottom:20px}.builder-step-indicator{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-dark);border:1px solid var(--border);opacity:.4;transition:all .2s}.builder-step-indicator.active{opacity:1;border-color:var(--accent);background:var(--bg-card)}.builder-step-indicator.completed{opacity:.7;border-color:var(--green)}.step-number{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text);background:var(--border)}.builder-step-indicator.active .step-number{background:var(--accent);color:#fff}.builder-step-indicator.completed .step-number{background:var(--green);color:#fff}.step-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:500}.builder-step-indicator.active .step-label{color:var(--text)}.btn-quick-deploy{width:100%;padding:8px 6px;background:transparent;border:1px dashed var(--border);color:var(--text);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-quick-deploy:hover{background:#d4a8431f;border-color:var(--gold);border-style:solid}.builder-section-title{font-family:var(--font-display);color:var(--accent);font-size:1.2rem;margin-bottom:14px}.prep-counter{color:var(--gold);font-size:.9rem}.race-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.race-card{padding:12px;background:var(--bg-dark);border:2px solid var(--border);cursor:pointer;transition:all .2s}.race-card:hover{border-color:var(--accent)}.race-card.selected{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 12px #e74c3c26}.race-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.race-name{font-family:var(--font-display);font-size:1.05rem;color:var(--accent)}.good-match-badge{font-size:10px;padding:2px 6px;background:#2ed57326;color:var(--green);border:1px solid rgba(46,213,115,.3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.race-bonuses{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.stat-badge{font-size:11px;padding:1px 5px;background:#d4a84326;color:var(--gold);border:1px solid rgba(212,168,67,.25);font-weight:600}.race-speed{font-size:11px;color:var(--text-dim);margin-bottom:4px}.race-traits{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.trait-tag{font-size:10px;padding:1px 4px;background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);text-transform:capitalize}.class-builder-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.class-builder-card{padding:14px;background:var(--bg-dark);border:2px solid var(--border);cursor:pointer;transition:all .2s}.class-builder-card:hover{border-color:var(--accent)}.class-builder-card.selected{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 12px #e74c3c26}.class-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.class-icon{font-size:1.3rem}.class-card-name{font-family:var(--font-display);font-size:1.1rem;color:var(--accent)}.class-identity{font-size:12px;color:var(--text-dim);line-height:1.4;margin-bottom:8px}.class-card-stats{display:flex;gap:10px;font-size:12px;color:var(--text-dim);font-weight:500}.subclass-picker{display:flex;flex-direction:column;gap:8px}.subclass-card{padding:14px;background:var(--bg-dark);border:2px solid var(--border);cursor:pointer;transition:all .2s}.subclass-card:hover{border-color:var(--accent)}.subclass-card.selected{border-color:var(--gold);background:var(--bg-card);box-shadow:0 0 12px #d4a84326}.subclass-card-header{display:flex;align-items:center;gap:12px}.subclass-card-name{font-family:var(--font-display);font-size:1.1rem;color:var(--gold);margin-bottom:4px}.subclass-card-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.spell-group{margin-bottom:16px}.spell-group-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.spell-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.spell-card{padding:10px;background:var(--bg-dark);border:2px solid var(--border);transition:all .2s}.spell-card.always-known{opacity:.7;border-color:#2ed57333}.spell-card.selectable{cursor:pointer}.spell-card.selectable:hover{border-color:var(--gold)}.spell-card.selectable.selected{border-color:var(--gold);background:#d4a84314;box-shadow:0 0 8px #d4a8431a}.spell-card.selectable.disabled{opacity:.35;cursor:not-allowed}.spell-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.spell-name{font-family:var(--font-display);font-size:.95rem;color:var(--text)}.spell-level-badge{font-size:10px;padding:1px 5px;background:#1e90ff26;color:var(--blue);border:1px solid rgba(30,144,255,.25);font-weight:600}.spell-desc{font-size:11px;color:var(--text-dim);line-height:1.3;margin-bottom:3px}.spell-meta{font-size:10px;color:var(--text-dim);opacity:.7}.summary-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px;background:var(--bg-dark);border:1px solid var(--border)}.summary-race-class{font-family:var(--font-display);font-size:1.3rem;color:var(--accent)}.summary-icon{font-size:2.5rem}.summary-combat-id{font-size:12px;color:var(--text-dim);line-height:1.4}.summary-stats{display:flex;flex-direction:column;gap:12px}.stat-block{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.stat-row{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-dark);border:1px solid var(--border)}.stat-row .stat-label{font-size:11px;font-weight:700;color:var(--text-dim);width:30px}.stat-row .stat-value{font-size:14px;font-weight:600;color:var(--text)}.stat-row .stat-mod{font-size:11px;color:var(--text-dim)}.stat-row .stat-bonus{font-size:10px;color:var(--green);font-weight:600;margin-left:auto}.derived-stats{display:flex;gap:8px}.derived-stat{flex:1;text-align:center;padding:8px;background:var(--bg-dark);border:1px solid var(--border)}.derived-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.derived-value{display:block;font-family:var(--font-display);font-size:1.4rem;color:var(--accent);margin-top:2px}.summary-spells{padding:8px;background:var(--bg-dark);border:1px solid var(--border)}.summary-spells-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600;margin-bottom:6px}.summary-spell-list{display:flex;flex-wrap:wrap;gap:4px}.summary-spell-tag{font-size:11px;padding:2px 6px;background:#d4a8431f;color:var(--gold);border:1px solid rgba(212,168,67,.2)}.builder-nav{display:flex;justify-content:space-between;margin-top:16px;gap:8px}.builder-submit{padding:14px 28px!important;font-size:1.1rem!important}.forge-mark{text-align:center;margin-top:24px;font-size:11px;color:var(--text-dim);opacity:.4;font-style:italic}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300}.auth-form{background:var(--bg-panel);border:1px solid var(--border);padding:32px;width:360px;display:flex;flex-direction:column;gap:16px}.auth-form h2{color:var(--accent);text-align:center}.auth-form .error{color:var(--red);font-size:13px;text-align:center}.auth-toggle{text-align:center;font-size:13px;color:var(--text-dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.replay-controls{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-panel)}.replay-controls input[type=range]{flex:1;accent-color:var(--accent)}.replay-speed{font-size:13px;color:var(--text-dim)}.turn-banner{text-align:center;padding:8px 16px;font-weight:700;font-size:16px;margin-bottom:8px}.turn-banner.my-turn{background:var(--accent);color:#fff}.turn-banner.waiting{background:var(--bg-panel);color:var(--text-dim);border:1px solid var(--border)}.victory-overlay h2{margin:0 0 8px}.btn-tell-tale{background:transparent;color:var(--tbt-gold);border:2px solid var(--tbt-gold);padding:8px 20px;font-family:var(--font-heading);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s}.btn-tell-tale:hover:not(:disabled){background:var(--tbt-gold);color:var(--bg)}.btn-tell-tale:disabled{opacity:.6;cursor:wait}.badge-mode-duel,.badge-mode-encounter{font-weight:600;font-size:12px}.badge-mode-duel{color:var(--red)}.badge-mode-encounter{color:var(--green, #2ed573)}.contact-page{max-width:600px;margin:0 auto;padding:40px 20px}.contact-page h1{color:var(--accent);text-align:center;margin-bottom:8px}.contact-subtitle{color:var(--text-dim);text-align:center;margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form textarea{font-family:var(--font-body);padding:8px 12px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);font-size:14px;resize:vertical}.contact-form textarea:focus{outline:none;border-color:var(--accent)}.contact-success{text-align:center;padding:40px;margin-top:40px}.contact-success h2{color:var(--accent);margin-bottom:12px}.contact-success p{color:var(--text-dim);margin-bottom:20px}.tales-page{padding:40px 20px}.tales-page h1{color:var(--accent);text-align:center;margin-bottom:8px}.tales-subtitle{color:var(--text-dim);text-align:center;margin-bottom:24px}.tales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tale-card{padding:20px;display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s,transform .15s}.tale-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);color:inherit}.tale-card h3{color:var(--accent);margin-bottom:8px;font-size:1.1rem}.tale-card p{color:var(--text-dim);font-size:.9rem;line-height:1.5}.tale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tale-type{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--accent)}.tale-date{font-size:12px;color:var(--text-dim)}.tale-detail-page{padding:40px 20px;max-width:800px;margin:0 auto}.tale-back-link{display:inline-block;margin-bottom:20px;color:var(--text-dim);font-size:14px;text-decoration:none;transition:color .2s}.tale-back-link:hover{color:var(--accent)}.tale-back-link:before{content:"←"}.tale-article{padding:32px}.tale-article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tale-article-title{color:var(--gold);font-family:var(--font-display);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:12px}.tale-article-summary{color:var(--text-dim);font-size:1rem;font-style:italic;line-height:1.5;margin-bottom:0}.tale-divider{height:1px;background:var(--border);margin:24px 0}.tale-article-content{color:var(--text);font-size:1.05rem;line-height:1.8}.tale-article-content p{margin-bottom:16px}.tale-article-content p:last-child{margin-bottom:0}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 20px}.coming-soon-content{text-align:center;max-width:500px;padding:40px}.coming-soon-content h1{color:var(--accent);margin-bottom:12px}.coming-soon-content p{color:var(--text-dim);line-height:1.5}.map-builder-page{padding:24px;max-width:1000px;margin:0 auto}.map-builder-header{text-align:center;margin-bottom:24px}.map-builder-header h1{color:var(--accent);margin-bottom:4px}.map-builder-subtitle{color:var(--text-dim);font-size:.95rem}.map-builder-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}.map-builder-sidebar{display:flex;flex-direction:column;gap:12px}.mb-section{background:var(--bg-panel);border:1px solid var(--border);padding:12px}.mb-section-title{font-family:var(--font-display);font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.mb-tool-group{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.mb-tool-group:last-child{margin-bottom:0}.mb-tool-btn{padding:6px 8px;font-size:12px;background:var(--bg-dark);color:var(--text-dim);border:1px solid var(--border);text-align:center}.mb-tool-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.mb-tool-btn.active{border-left:2px solid var(--accent);color:var(--text);background:var(--bg-card)}.mb-tool-danger:hover:not(:disabled){border-color:var(--tbt-red);color:var(--tbt-red)}.mb-palette{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.mb-palette-group{display:flex;flex-direction:column;gap:4px}.mb-palette-category{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:2px}.mb-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mb-palette-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);font-size:10px;text-align:center;cursor:pointer}.mb-palette-item:hover{border-color:var(--accent)}.mb-palette-item.selected{border:2px solid var(--accent);color:var(--text)}.mb-palette-item.obstacle .mb-palette-swatch{border-color:#cf341866}.mb-palette-swatch{width:100%;height:32px;display:block;border:1px solid rgba(255,255,255,.15);image-rendering:pixelated;image-rendering:crisp-edges}.mb-palette-label{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mb-file-group{display:flex;flex-direction:column;gap:4px}.mb-file-btn{font-size:12px;padding:6px 8px;text-align:center}.mb-shortcuts{font-size:11px;color:var(--text-dim);line-height:1.8;padding:0 4px}.mb-shortcuts span{display:inline-block;background:var(--bg-panel);border:1px solid var(--border);padding:1px 6px;font-size:10px;font-family:monospace;margin-right:4px}.map-builder-canvas-wrap{display:flex;justify-content:center;align-items:flex-start}.map-builder-canvas-wrap canvas{border:1px solid var(--border);max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width: 700px){.map-builder-layout{grid-template-columns:1fr}.map-builder-sidebar{order:1;flex-direction:row;flex-wrap:wrap;gap:8px}.mb-section{flex:1;min-width:150px}}@media (max-width: 900px) and (min-width: 769px){.battle-layout{grid-template-columns:1fr 240px;gap:8px;padding:8px}.battle-sidebar{font-size:.85rem}}@media (max-width: 768px){.battle-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;height:100dvh;padding:4px;gap:0}.battle-grid-area{overflow:auto;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:42vh}.battle-sidebar{position:fixed;bottom:0;left:0;right:0;max-height:40vh;overflow-y:auto;background:var(--bg-panel, #1a1f26);border-top:2px solid var(--border);border-radius:12px 12px 0 0;z-index:100;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.battle-sidebar:before{content:"";display:block;width:36px;height:4px;background:var(--text-dim);border-radius:2px;margin:0 auto 8px;opacity:.4}.action-panel button{min-height:44px!important;font-size:13px!important;padding:8px 12px!important;touch-action:manipulation}.battle-sidebar .btn-primary{min-height:44px!important;font-size:14px!important;touch-action:manipulation}.bard-tab{min-height:44px;font-size:14px}.nav-links{gap:16px}.nav-links a{font-size:11px}.hero-section h1{font-size:2.5rem}.feature-cards{grid-template-columns:1fr;padding:32px 16px}.map-picker,.class-picker{grid-template-columns:1fr}.lobby{margin:16px auto;padding:0 12px}.lobby-form button{min-height:44px;touch-action:manipulation}.race-picker{grid-template-columns:1fr 1fr}.class-builder-picker,.spell-grid,.summary-layout{grid-template-columns:1fr}.builder-progress .step-label{display:none}.stat-block{grid-template-columns:repeat(3,1fr)}.session-item{flex-direction:column;align-items:stretch;gap:8px}.session-action-btn{min-height:44px;width:100%;font-size:14px!important}}.touch-btn{min-height:44px;min-width:44px;touch-action:manipulation}.hire-bard-panel{border:1px solid var(--tbt-gold);border-left:3px solid var(--tbt-gold);margin-bottom:24px}.hire-bard-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.hire-bard-header h3{color:var(--tbt-gold);font-family:var(--font-display);font-size:1.2rem;margin:0}.hire-bard-icon{color:var(--tbt-gold);font-size:1.3rem}.hire-bard-subtitle{color:var(--text-dim);font-size:13px;margin-bottom:12px}.hire-bard-login-hint{color:var(--text-dim);font-size:13px;font-style:italic}.hire-bard-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:12px}.hire-bard-tab{flex:1;padding:8px 12px;font-size:13px;font-weight:600;background:transparent;color:var(--text-dim);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.hire-bard-tab:hover{color:var(--text)}.hire-bard-tab.active{color:var(--tbt-gold);border-bottom-color:var(--tbt-gold)}.hire-bard-body{display:flex;flex-direction:column;gap:10px}.hire-bard-field{display:flex;flex-direction:column;gap:4px}.hire-bard-field label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.hire-bard-optional{text-transform:none;letter-spacing:normal;font-weight:400;opacity:.6}.hire-bard-field textarea{font-family:var(--font-body);padding:8px 12px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);font-size:13px;resize:vertical;min-height:60px}.hire-bard-field textarea:focus{outline:none;border-color:var(--tbt-gold)}.hire-bard-field textarea:disabled{opacity:.4;cursor:not-allowed}.hire-bard-field input:disabled{opacity:.4;cursor:not-allowed}.hire-bard-charcount{font-size:11px;color:var(--text-dim);text-align:right;opacity:.6}.hire-bard-disabled{color:var(--text-dim);font-size:13px;font-style:italic;padding:8px 0;opacity:.7}.hire-bard-error{color:var(--red);font-size:13px}.hire-bard-submit{background:transparent;color:var(--tbt-gold);border:2px solid var(--tbt-gold);padding:10px 20px;font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s;align-self:flex-start}.hire-bard-submit:hover:not(:disabled){background:var(--tbt-gold);color:var(--bg-dark)}.hire-bard-submit:disabled{opacity:.5;cursor:not-allowed}.bard-panel{min-height:80px;max-height:300px;overflow-y:auto;font-size:13px;line-height:1.7;padding:8px}.bard-empty{color:var(--text-dim);font-style:italic;padding:12px 4px;opacity:.7}.bard-turn-sep{text-align:center;color:var(--text-dim);font-size:11px;opacity:.5;margin:6px 0 2px}.bard-line{font-style:italic;color:var(--tbt-gold);padding:1px 0}.bard-quill{color:var(--tbt-gold);margin-right:6px;font-style:normal}.bard-text{color:var(--tbt-gold)}.bard-line.bard-critical_hit,.bard-line.bard-critical_hit .bard-text{color:#e8c44a}.bard-line.bard-killing_blow,.bard-line.bard-killing_blow .bard-text{color:#d4a843}.bard-line.bard-last_stand,.bard-line.bard-last_stand .bard-text{color:#c49a3c}.bard-line.bard-combat_end{color:#e8c44a;font-weight:600}.bard-line.bard-combat_end .bard-text{color:#e8c44a}.bard-strip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--tbt-gold);font-style:italic;font-size:13px;color:var(--tbt-gold);margin-bottom:6px;min-height:32px;overflow:hidden}.bard-strip-icon{font-style:normal;font-size:16px;flex-shrink:0}.bard-strip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bard-tabs{display:flex;border-bottom:1px solid var(--border)}.bard-tab{flex:1;padding:8px 12px;font-size:13px;font-weight:600;background:transparent;color:var(--text-dim);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.bard-tab:hover{color:var(--text)}.bard-tab.active{color:var(--tbt-gold);border-bottom-color:var(--tbt-gold)}.bard-tab.log-toggle{flex:0 0 auto;padding:8px 14px;font-size:11px;color:var(--text-dim);border-bottom:none}.battle-log-tabbed.expanded{max-height:30vh}.battle-log-tabbed.expanded .combat-log,.battle-log-tabbed.expanded .bard-panel{max-height:calc(30vh - 44px);overflow-y:auto}.battle-log-row{display:flex;gap:12px;flex:1;min-height:0}.battle-log-row>.card{flex:1;min-width:0}.battle-log-card{padding:0;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.chat-toggle-bar{display:flex;justify-content:flex-end;padding:4px 4px 0}.chat-toggle-btn{font-size:11px;padding:3px 10px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.chat-badge{display:inline-block;background:var(--accent);color:#fff;border-radius:8px;font-size:10px;padding:0 5px;margin-left:4px;min-width:16px;text-align:center}.chat-overlay{position:fixed;bottom:72px;right:16px;width:320px;max-height:400px;z-index:100;background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 4px 24px #00000080;display:flex;flex-direction:column}.battle-log-tabbed{display:none}@media (max-width: 1024px){.battle-log-row{display:none}.battle-log-tabbed{display:flex;flex-direction:column}}.guide-content{color:var(--text);line-height:1.7;font-size:.95rem}.guide-content h1{font-family:Rajdhani,sans-serif;font-size:2rem;color:var(--tbt-gold);margin-bottom:.5rem}.guide-content h2{font-family:Rajdhani,sans-serif;font-size:1.4rem;color:var(--tbt-gold);margin-top:2rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.guide-content h3{font-family:Rajdhani,sans-serif;font-size:1.15rem;color:var(--text);margin-top:1.5rem}.guide-content p{margin:.8rem 0}.guide-content strong{color:var(--tbt-gold)}.guide-content blockquote{border-left:3px solid var(--tbt-gold);padding-left:1rem;margin:1rem 0;color:var(--text-dim);font-style:italic}.guide-content code{background:var(--bg-panel);padding:.15em .4em;border-radius:3px;font-size:.88em}.guide-content pre{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:1rem;overflow-x:auto;font-size:.82rem;line-height:1.5}.guide-content pre code{background:none;padding:0}.guide-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.88rem}.guide-content th,.guide-content td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.guide-content th{background:var(--bg-panel);color:var(--tbt-gold);font-weight:600}.guide-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.guide-content ol,.guide-content ul{padding-left:1.5rem;margin:.5rem 0}.guide-content li{margin:.3rem 0}.page-atmosphere{position:relative;min-height:calc(100vh - 56px)}.page-atmosphere:before{content:"";position:fixed;top:56px;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.06}.atmo-tales:before{background:radial-gradient(ellipse at 20% 80%,rgba(212,168,67,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(212,168,67,.3) 0%,transparent 40%);opacity:.1}.atmo-hall:before{background:radial-gradient(ellipse at 50% 30%,rgba(212,168,67,.5) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(231,76,60,.2) 0%,transparent 40%);opacity:.08}.atmo-arena:before{background:radial-gradient(ellipse at 30% 70%,rgba(231,76,60,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 40%,rgba(231,76,60,.2) 0%,transparent 40%);opacity:.07}.atmo-contact:before{background:radial-gradient(ellipse at 50% 80%,rgba(30,144,255,.2) 0%,transparent 50%);opacity:.06}.atmo-forge:before{background:radial-gradient(ellipse at 50% 90%,rgba(255,140,0,.3) 0%,transparent 40%),radial-gradient(ellipse at 20% 60%,rgba(231,76,60,.15) 0%,transparent 40%);opacity:.08}[data-theme=light] .page-atmosphere:before{opacity:.03}@media (max-height: 800px) and (min-width: 769px){.hero-section{padding:32px 0 16px}.hero-section h1{font-size:2.8rem}.hero-logo-wrap{width:80px;height:80px;margin-bottom:12px}.hero-logo-wrap img{max-width:56px}.hero-divider{margin:12px auto 0}.feature-cards{padding-top:24px;gap:16px}.lobby{margin:16px auto}.lobby h2{margin-bottom:12px}.lobby-form{gap:10px}.map-picker{gap:6px}.map-option{padding:8px}}