:root{color-scheme:light dark;--bg: #14171c;--panel: #1e232b;--panel-2: #262c36;--panel-frame: #484f5d;--border: #383f4a;--text: #eef1f5;--text-dim: #9aa4b2;--accent: #d9a441;--accent-2: #6ea8fe;--danger: #e55a5a;--good: #5ac98a;--radius: 10px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/background/box-art.webp) center / cover no-repeat;opacity:.5;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(28,33,41,.55),var(--bg) 85%);z-index:-1}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:.95rem;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;text-align:center;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.active{background:var(--accent);color:#201703;border-color:var(--accent)}.eminence-flash{animation:eminence-pulse .5s ease-in-out 3;border-color:var(--accent)}@keyframes eminence-pulse{0%,to{box-shadow:none;background:var(--panel-2)}50%{box-shadow:0 0 0 3px var(--accent),0 0 20px 2px var(--accent);background:var(--accent);color:#201703}}input{font-family:inherit;font-size:.95rem;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}.link-button{background:none;border:none;padding:0;color:var(--text-dim);text-decoration:underline}.link-button+.link-button{margin-left:1.75rem}.quiet-link{color:var(--text-dim);text-decoration:underline}.corner-controls{position:fixed;bottom:1.25rem;left:1.25rem;z-index:15;display:flex;gap:.6rem}.screen-lobby,.screen-character-select{padding-bottom:7rem}.screen{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.9rem;margin-bottom:.25rem;letter-spacing:.02em}.subtitle{color:var(--text-dim);margin-top:0}.hint{color:var(--text-dim);font-size:.9rem}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.landing-form{display:flex;flex-direction:column;gap:1rem;max-width:340px}.landing-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-dim)}.form-error{color:var(--danger);font-size:.9rem}.share-row{display:flex;gap:.5rem;max-width:480px;margin-bottom:1.5rem}.share-row input{flex:1}.player-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.5rem}.player-list li{background:var(--panel-frame);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;overflow-x:auto}.player-list li.disconnected{opacity:.6}.player-list li.player-slot-open{color:var(--text-dim);border-style:dashed;opacity:.45;text-align:center}.player-row-main{white-space:nowrap;flex-shrink:0}.ready-badge{margin-left:.6rem;font-size:.75rem;font-weight:600;color:var(--good)}.badge-ai{margin-left:.5rem;color:var(--accent-2);border:1px solid var(--accent-2);background:transparent}.slot-mode-select{margin-left:auto;flex-shrink:0;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.8rem;padding:.2rem .4rem}.landing-footer{margin-top:3rem;color:var(--text-dim);font-size:.8rem}.color-prompt{font-size:.8rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0;animation:color-prompt-fade-in .4s ease-out}@keyframes color-prompt-fade-in{0%{opacity:0}to{opacity:1}}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1.5rem}.color-picker-inline{flex-wrap:nowrap;flex-shrink:0;gap:.3rem;margin:0}.color-swatch{width:20px;height:20px;padding:0;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.color-swatch:hover:not(:disabled){border-color:var(--text)}.color-swatch-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.color-swatch:disabled{opacity:.25;cursor:not-allowed}.lobby-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.social-links{display:flex;gap:.75rem;margin-top:1.5rem}.social-links a{color:var(--text-dim);display:inline-flex;padding:.4rem;border-radius:6px;transition:color .15s ease,background .15s ease}.social-links a:hover{color:var(--text);background:var(--panel-2)}.social-link-disabled{color:var(--text-dim);display:inline-flex;padding:.4rem;border-radius:6px;opacity:.4;cursor:default}.breadcrumbs{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.breadcrumb-prompt{margin-left:.5rem;color:var(--text-dim);font-size:.9rem;font-style:italic}.taxonomy-prompt{margin:0 0 1rem}.confirm-family{color:var(--accent-2);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:.95em}.build-abilities-label{margin-bottom:.3rem}.build-abilities-list{list-style:none;margin:0 0 .5rem;padding:0}.build-abilities-list li{color:var(--accent);font-weight:600;letter-spacing:.02em;padding:.12rem 0}.taxonomy-tree{display:flex;flex-direction:column;gap:1rem}.tree-tier{display:flex;flex-direction:column;gap:.5rem;animation:reveal-fade-in .3s ease-out}.tree-depth-1{margin-left:2rem;padding-left:1rem;border-left:2px solid var(--border)}.tree-depth-2{margin-left:4rem;padding-left:1rem;border-left:2px solid var(--border)}.tree-tier-head{display:flex;align-items:center;gap:.4rem}.tree-elbow{color:var(--text-dim)}.tree-tier-options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.tree-option{transition:opacity .2s ease,transform .2s ease;width:144px}.tree-option .character-flavor{white-space:nowrap}.tree-dimmed{opacity:.35;transform:scale(.94)}.tree-dimmed:hover{opacity:.8;transform:scale(1)}.tree-selected .card{outline:3px solid var(--accent);outline-offset:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.character-option{display:flex;flex-direction:column;align-items:center;gap:.4rem}.character-flavor{margin:0;font-size:.78rem;font-style:italic;color:var(--text-dim);text-align:center;line-height:1.3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:480px;max-height:85vh;overflow-y:auto}.modal-actions{display:flex;gap:.5rem;margin-top:1rem}.modal-actions-split{justify-content:space-between}.about-modal{width:min(92vw,560px)}.modal-tabs{display:flex;gap:.3rem;width:max-content;padding:.25rem;background:var(--panel-2);border:1px solid var(--border);border-radius:999px}.modal-tabs button{border:none;background:transparent;border-radius:999px;padding:.35rem 1.15rem;font-size:.9rem;color:var(--text-dim);transition:background .25s ease,color .25s ease}.modal-tabs button.tab-active{background:var(--accent);color:#201703;font-weight:600}.modal-pages{overflow:hidden;transition:height .38s cubic-bezier(.22,.61,.36,1)}.modal-pages-track{display:flex;width:200%;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1)}.modal-pages-track.show-rules{transform:translate(-50%)}.modal-page{width:50%;flex-shrink:0;height:100%;overflow-y:auto;padding:0 .75rem 0 .1rem}.modal-page>h2:first-child{margin-top:0}.rules-notes-list{margin:.5rem 0 0;padding-left:1.2rem}.rules-notes-list li{margin-bottom:.5rem}.card{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);overflow:visible;transition:transform .15s ease-out,box-shadow .15s ease-out}.card img{display:block;width:100%;border-radius:7px;pointer-events:none}.card-sm{width:56px}.card-md{width:96px}.card-lg{width:150px}.card:not(.card-clickable){cursor:default}.card.card-clickable:hover{border-color:var(--accent-2)}.card-selected{outline:3px solid var(--accent);outline-offset:2px}.card-expanded{transform:scale(2.6);z-index:30;box-shadow:0 12px 32px -8px #000000b3}.card-empty-slot{aspect-ratio:3 / 4.1;border-style:dashed;opacity:.4}.card-blank{width:100%;aspect-ratio:3 / 4.1;background:repeating-linear-gradient(45deg,var(--panel-2),var(--panel-2) 6px,var(--border) 6px,var(--border) 7px);border-radius:7px}.card-caption{font-size:.72rem;text-align:center;color:var(--text-dim);padding-bottom:.25rem}.card-stack{display:flex;align-items:center}.card-stack-overflow,.card-stack-empty{color:var(--text-dim);font-size:.8rem;margin-left:.5rem}.board-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.topbar-actions{display:flex;gap:.5rem}.glossary-list{margin:0}.glossary-row{padding:.5rem 0;border-bottom:1px dashed var(--border)}.glossary-row:last-child{border-bottom:none}.glossary-row dt{font-weight:600;color:var(--accent)}.glossary-row dd{margin:.15rem 0 0;color:var(--text-dim);font-size:.9rem}.poster-modal{max-width:min(90vw,900px);display:flex;flex-direction:column;align-items:center}.poster-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px}.table-panel{background:var(--panel);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px -8px var(--accent);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem;animation:reveal-fade-in .2s ease-out}.table-panel-empty{border-color:var(--border);box-shadow:none;text-align:center}.table-panel-pending{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 0 24px -8px var(--accent-2);text-align:center}.pending-play-row{justify-content:center;margin:.5rem 0;animation:reveal-fade-in .25s ease-out}.table-panel-title{display:block;text-align:center;margin-bottom:.6rem}.reveal-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.reveal-side{display:flex;flex-direction:column;align-items:center;gap:.4rem}.reveal-side .hand-row{margin-top:0;justify-content:center}.reveal-outcome{font-weight:600;color:var(--accent);white-space:nowrap;padding:0 .5rem}.table-summary{text-align:center;margin:.6rem 0 0}.table-summary-lines{display:flex;flex-direction:column;gap:.2rem;text-align:center;margin-top:.6rem}.table-summary-lines p{margin:0}.table-summary-line-result{color:var(--text);font-weight:600}.table-summary-line-consequence{color:var(--accent);font-size:.9rem}.knockout-rounds{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}.knockout-round{display:flex;gap:.25rem;padding:.25rem;border:1px dashed var(--border);border-radius:8px;animation:reveal-fade-in .2s ease-out}.table-panel-inline{margin-bottom:0}.self-table-dock{flex:1 0 320px;min-width:320px;margin-left:auto}.self-panel .player-panel-body{flex-wrap:nowrap}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.opponents-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.player-panel{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.player-panel.current-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.player-panel.eliminated{opacity:.55}.player-panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--good);flex-shrink:0}.connection-dot.offline{background:var(--danger)}.badge{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;background:var(--panel-2)}.badge-out{background:var(--danger);color:#fff}.opponent-slot{position:relative}.opponent-slot-actions{position:absolute;top:.15rem;right:100%;margin-right:.5rem;width:112px;display:flex;flex-direction:column;gap:.4rem}.opponent-slot-actions button{width:100%;display:flex;align-items:center;justify-content:center}.action-shimmer{animation:action-shimmer-pulse 1.6s ease-in-out infinite}@keyframes action-shimmer-pulse{0%,to{box-shadow:none;border-color:var(--border)}50%{box-shadow:0 0 0 2px var(--accent-2),0 0 12px 1px var(--accent-2);border-color:var(--accent-2)}}button.eminence-flash{animation:eminence-pulse .5s ease-in-out 3}.dominance-hint{animation:reveal-fade-in .25s ease-out}.player-panel-body{display:flex;gap:1rem;flex-wrap:wrap}.panel-col{display:flex;flex-direction:column;gap:.35rem}.panel-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.build-slots{display:grid;grid-template-columns:repeat(5,56px);grid-template-rows:repeat(2,auto);gap:.3rem;width:fit-content}.tier-row{display:flex;align-items:center;gap:.6rem;margin-top:.3rem;flex-wrap:wrap}.build-tier{font-size:.75rem;color:var(--accent)}.tier-next-hint{flex-basis:100%}.tier-characters{display:flex;gap:.25rem}.elimination-reason{margin-top:.5rem;font-size:.8rem;color:var(--danger)}.winner-tag{margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--good)}.winner-shimmer{background:linear-gradient(100deg,var(--good) 20%,#eafff3 50%,var(--good) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:winner-shimmer-sweep 2.2s linear infinite}@keyframes winner-shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.back-to-start{animation:reveal-fade-in .5s ease-out}.knockout-backdrop{z-index:40;animation:reveal-fade-in .3s ease-out}.knockout-backdrop.knockout-fading{animation:knockout-fade-out .45s ease forwards;pointer-events:none}@keyframes knockout-fade-out{to{opacity:0}}.knockout-modal{width:min(92vw,640px);max-height:88vh;text-align:center;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 32px -6px var(--accent)}.knockout-modal h2{margin-top:0;font-size:1.6rem}.knockout-outro-rounds{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0}.knockout-outro-round{display:flex;align-items:center;gap:1rem;animation:reveal-fade-in .35s ease-out}.knockout-outro-vs{font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:.85rem}.knockout-outro-roundlabel{margin:0;font-size:1.2rem;font-style:italic;color:var(--text-dim);animation:reveal-fade-in .4s ease-out}.knockout-outro-summary{font-size:1.05rem;font-weight:600;color:var(--accent);animation:reveal-fade-in .35s ease-out}.self-panel{background:var(--panel-frame);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.hand-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.action-bar,.action-panel{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin-bottom:1rem}.action-panel h3{margin:0;width:100%}.event-log{max-height:220px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem}.event-log-line{padding:.15rem 0;border-bottom:1px dashed var(--border);color:var(--text-dim)}.event-log-line:last-child{border-bottom:none;color:var(--text)}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}.reveal-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.error-banner{position:fixed;top:0;left:0;right:0;background:var(--danger);color:#fff;text-align:center;padding:.6rem;cursor:pointer;z-index:20}.picker-layout{position:relative}.picker-layout-with-bio .taxonomy-tree{margin-right:352px}.picker-layout-with-bio .tree-tier-options{flex-wrap:nowrap}.bio-panel{position:absolute;right:0;width:max-content;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;transition:top .5s ease;animation:bio-fade-in .45s ease-out}@keyframes bio-fade-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.bio-name-line{margin:0;font-size:.92rem;color:var(--text)}.bio-class-name{margin:.05rem 0 .65rem;font-size:1.45rem;color:var(--accent);letter-spacing:.01em}.bio-line{font-size:.82rem;line-height:1.5;color:var(--text-dim);white-space:nowrap}.bio-motto-line{color:var(--accent-2)}.bio-field{margin:0 0 .45rem;font-size:.82rem;line-height:1.45;color:var(--text-dim)}.bio-field-label{color:var(--text);font-weight:600}.bio-motto{margin:.6rem 0 0;font-size:.85rem;font-style:italic;color:var(--accent-2);line-height:1.45}.bio-confirm h3{margin:0 0 .5rem}.bio-confirm-name{color:var(--accent-2)}.bio-divider{border:none;border-top:1px solid var(--border);margin:.9rem 0}.bio-profile-toggle{padding:0;font-size:.85rem}.bio-art{position:absolute;left:0;right:368px;bottom:0;min-height:180px;overflow:hidden;border-radius:var(--radius);animation:bio-fade-in .8s ease-out;-webkit-mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0,black 10%,black 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0,black 10%,black 90%,transparent 100%);mask-composite:intersect;pointer-events:none}.bio-art-img{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-position:center 22%;background-size:cover;filter:brightness(.85);animation:bio-art-rove 26s ease-in-out infinite alternate}@keyframes bio-art-rove{0%{transform:scale(1.02) translate(-1.2%,-1.2%)}to{transform:scale(1.1) translate(1.2%,1.2%)}}.new-player-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-dim);white-space:nowrap;cursor:pointer}.new-player-toggle input{cursor:pointer;accent-color:var(--accent-2)}.hover-tip{position:fixed;width:280px;z-index:30;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.8rem;line-height:1.45;color:var(--text);white-space:normal;text-wrap:pretty;box-shadow:0 6px 18px #0006;animation:color-prompt-fade-in .15s ease-out}.tour-card{display:flex;align-items:flex-start;gap:.75rem;max-width:680px;background:var(--panel);border:1px solid var(--accent-2);border-left-width:4px;border-radius:var(--radius);padding:.7rem .9rem;margin:0 0 1rem;animation:reveal-fade-in .3s ease-out}.tour-card-badge{flex-shrink:0;background:var(--accent-2);color:#10141b;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:.18rem .45rem;margin-top:.1rem}.tour-card-text{margin:0;flex:1;font-size:.85rem;line-height:1.5;text-wrap:pretty}.tour-card-dismiss{flex-shrink:0;font-size:.8rem;padding:.3rem .6rem}.tour-btn-ref{font-weight:700;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.05em .4em;white-space:nowrap}.turn-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:1rem;font-weight:700;font-style:italic;color:var(--accent);white-space:nowrap}.opponent-slot-actions .turn-indicator{justify-content:flex-end;padding-top:calc(.9rem - 2px)}.self-slot-actions .turn-indicator{padding-top:.9rem}.turn-arrow{display:inline-block;animation:turn-arrow-osc 1.1s ease-in-out infinite}@keyframes turn-arrow-osc{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.event-log-time{color:var(--text-dim);opacity:.75;font-variant-numeric:tabular-nums;font-size:.75rem;margin-right:.6rem}.poster-viewport{overflow:hidden;border-radius:6px;max-width:100%}.poster-image{display:block;transition:transform .35s ease;cursor:zoom-in}.poster-image.poster-zoomed{cursor:zoom-out}.hand-row-shimmer .card-clickable{animation:hand-shimmer-pulse 1.6s ease-in-out infinite}@keyframes hand-shimmer-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px var(--accent-2),0 0 14px 2px var(--accent-2)}}.pick-status-box{position:fixed;left:1.25rem;bottom:5.6rem;z-index:15;max-width:250px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .85rem;font-size:.82rem}.pick-status-row{display:flex;justify-content:space-between;gap:.7rem;padding:.18rem 0}.pick-status-state{color:var(--text-dim);font-style:italic;white-space:nowrap}.pick-status-ready{color:var(--good)}.ability-flavor{display:block;font-weight:400;font-size:.72rem;line-height:1.4;letter-spacing:0;color:var(--text-dim);white-space:nowrap;width:0;min-width:100%;overflow:hidden;text-overflow:ellipsis;margin:.05rem 0 .25rem}.player-panel.eliminated:has(.loss-recap){opacity:.8}.session-length{margin:0 0 1rem;color:var(--text-dim)}.session-minutes{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.session-addendum{color:var(--text);animation:color-prompt-fade-in .9s ease-out}.reveal-card{position:relative}.confetti{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;pointer-events:none;overflow:visible;z-index:2}.confetti-piece{position:absolute;top:42%;border-radius:1px;opacity:0;animation-name:confetti-pop;animation-timing-function:cubic-bezier(.2,.6,.3,1);animation-fill-mode:forwards}@keyframes confetti-pop{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:1}35%{transform:translate(calc(var(--dx) * .6),-80px) rotate(calc(var(--rot) * .4));opacity:1}to{transform:translate(var(--dx),110px) rotate(var(--rot));opacity:0}}