@font-face{font-family:Fantaisie Artistique;font-style:normal;font-weight:400;font-display:swap;size-adjust:175%;src:url(/fonts/fantaisie-artistique.ttf)format("truetype")}@font-face{font-family:Caladea;font-style:normal;font-weight:400;font-display:swap;size-adjust:110%;src:url(/fonts/caladea-regular.ttf)format("truetype")}@font-face{font-family:Caladea;font-style:normal;font-weight:600 700;font-display:swap;size-adjust:110%;src:url(/fonts/caladea-bold.ttf)format("truetype")}@font-face{font-family:Cinzel;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/cinzel-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/cinzel-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--card-radius:6.7% / 4.8%;--card-radius-landscape:4.8% / 6.7%;--bg:#0b0a10;--panel:#12101cd1;--panel-border:#d6b46e40;--gold:#d6b46e;--gold-dim:#8a7446;--text:#ece6d8;--muted:#9b948a;--danger:#c0443f;--ok:#4f9d69;--air:#b8bcc4;--earth:#8c6137;--fire:#d1332a;--water:#3a7bd5;--font-title:"Fantaisie Artistique", "Cinzel", serif;--font-body:"Caladea", "Inter", system-ui, serif}*{box-sizing:border-box}:root{--ui-scale:1}.screen,.deckbuilder,.library,.menu-shell,.farewell,.game>:not(canvas){zoom:var(--ui-scale)}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:linear-gradient(#2a2438,#1a1626);border-radius:6px;padding:8px 14px;transition:border-color .12s,transform 80ms,background .12s}button:hover{border-color:var(--gold)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{border-color:var(--gold-dim);background:linear-gradient(#6b5422,#4a3a16)}button.danger{background:linear-gradient(#5a2320,#3a1614)}input,textarea{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#100e18;border-radius:6px;padding:8px 10px}textarea{font-family:var(--font-body);font-size:13px}h1,h2,h3{font-family:var(--font-title);letter-spacing:.04em;margin:0;font-weight:600}.muted{color:var(--muted)}.screen{place-items:safe center center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:340px;max-width:560px;padding:24px 28px;box-shadow:0 20px 60px #0009}.panel h1{color:var(--gold);font-size:28px}.panel .tagline{color:var(--muted);margin:4px 0 20px;font-style:italic}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.error{color:#ef8a86;font-size:13px}.game{position:fixed;inset:0}.game canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud>.hand{pointer-events:none}.hud>.hand>.card{pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud{--brass:url(/board/brass.webp);--leather:linear-gradient(180deg, #3b2716, #22160b)}.hud button{background:var(--leather);color:#f0dfb8;border:1px solid #7d6030;box-shadow:inset 0 1px #ffe6b41f,0 3px 8px #0000008c}.hud button:hover:not(:disabled){border-color:var(--gold);color:#fff3d6}.hud button.primary{border-color:var(--gold);background:linear-gradient(#7a5c22,#4a3612)}.hud button.danger{background:linear-gradient(#6a2418,#3c120a)}.topbar{white-space:nowrap;color:#e6d3a8;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);background:linear-gradient(#2e1e10f0,#180f08f0);border:1px solid #7d6030;border-radius:4px;align-items:center;gap:18px;padding:6px 22px;font-size:13px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e2e,0 6px 18px #0009}.topbar .turn{font-family:var(--font-title);color:var(--gold);font-size:14px}.topbar .muted{color:#b9a47c}.opp-hand{pointer-events:none;height:0;position:absolute;top:0;left:50%}.opp-hand img{top:-62px;left:calc(var(--k) * 50px - 32px);aspect-ratio:744/1039;border-radius:var(--card-radius);width:64px;transform:rotate(calc(180deg - var(--k) * 6deg)) translateY(calc(var(--k) * var(--k) * -1.5px));position:absolute;box-shadow:0 4px 10px #000000b3}.player-badge{align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;left:22px}.player-badge.me{bottom:20px}.player-badge.them{top:18px}.medallion{background:#0a0603d9;border-radius:50%;flex:none;width:104px;height:104px;padding:6px;position:relative;box-shadow:0 10px 24px #000000bf}.medallion.timed{--clock-color:#efe0b8;background:conic-gradient(var(--clock-color) calc(var(--clock) * 360deg), #0a0603e6 0)}.medallion.timed.decision{--clock-color:#f2c35a}.medallion.timed.paused{--clock-color:#efe0b866}.medallion.timed.urgent{--clock-color:#e65a4a}.player-badge.acting .medallion{box-shadow:0 0 22px #ffba5a66,0 10px 24px #000000bf}.medallion-ring{background:radial-gradient(circle at 35% 28%, #fff0c88c, #ffdc9600 45%), radial-gradient(circle, #0000 55%, #1e1204a6 100%), var(--brass) center / cover;border-radius:50%;width:100%;height:100%;padding:5px;box-shadow:0 0 0 1px #1c1206,inset 0 0 0 1px #ffecbe59}.portrait{background:#120c08;border-radius:50%;width:100%;height:100%;overflow:hidden;box-shadow:0 0 0 2px #1c1206,inset 0 0 14px #000000e6}.portrait img{object-fit:cover;object-position:50% 26%;transform-origin:50% 32%;width:100%;height:100%;display:block;transform:scale(1.8)}.seal{width:48px;height:48px;font-family:var(--font-title);color:#f6ead0;text-shadow:0 -1px #00000080,0 1px #ffffff2e;border-radius:47% 53% 50% 50%/52% 46% 54% 48%;place-items:center;font-size:15px;display:grid;position:absolute;bottom:-6px;right:-10px;box-shadow:0 0 0 3px #0003,0 6px 10px #000000b3,inset 0 -5px 9px #0006,inset 0 3px 5px #ffffff2e}.seal.mine{background:radial-gradient(circle at 36% 30%,#d8583c,#8a1c10 58%,#4a0c05)}.seal.theirs{background:radial-gradient(circle at 36% 30%,#8aa8cf,#2f4d76 58%,#182840)}.seal.door{color:#ef8a86;background:radial-gradient(circle at 36% 30%,#4a4a4a,#161616 60%,#050505)}.badge-info{text-shadow:0 1px 3px #000;flex-direction:column;gap:4px;display:flex}.player-badge .name{font-family:var(--font-title);color:#ecd9a8;font-size:14px;line-height:1.1}.player-badge .life{font-family:var(--font-title);font-size:11px}.player-badge .life.danger{color:#ef8a86}.player-badge .life.good{color:#8fd49a}.player-badge .name-row{align-items:baseline;gap:12px;display:flex}.player-badge .clock{font-variant-numeric:tabular-nums;color:#efe0b8;white-space:nowrap;font-size:15px;font-weight:700}.player-badge .clock.decision{color:#f2c35a;font-size:13px}.player-badge .clock.paused{opacity:.55}.player-badge .clock.urgent{color:#ef8a86}.clock-idle{color:#ef8a86;white-space:nowrap;font-size:11px}.topbar .game-clock{font-variant-numeric:tabular-nums;color:#b9a47c}.topbar .game-clock.called{color:#ef8a86;font-weight:600}.resources{align-items:center;gap:12px;display:flex}.mana{color:#c9b386;align-items:center;gap:8px;font-size:12px;display:inline-flex}.pips{gap:5px;display:inline-flex}.pip{background:#1e1409;border-radius:2px;width:10px;height:10px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #6e5528}.pip.lit{background:radial-gradient(circle,#fff2c0,#eaa93a 55%,#7d4c12);box-shadow:0 0 8px #ffbe5ab3}.player-badge .stats{color:#a8936c;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.hud .stat-link,.stat-link{box-shadow:none;color:#a8936c;font-size:inherit;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hud .stat-link:hover{color:var(--gold);border:none}.affinity{gap:6px;display:inline-flex}.affinity span{border-radius:4px;padding:0 6px;font-size:12px;font-weight:600}.affinity .air{background:var(--air);color:#1c1f26}.affinity .earth{background:var(--earth);color:#f3e7d6}.affinity .fire{background:var(--fire);color:#fff0ee}.affinity .water{background:var(--water);color:#eaf2ff}.corner-buttons{gap:10px;display:flex;position:absolute;top:16px;right:16px}.hud .icon-button{color:#2a1904;background:radial-gradient(circle at 35% 28%, #fff0c88c, #ffdc9600 50%), var(--brass) center / cover;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 0 0 2px #1c1206,0 6px 12px #000000b3}.hud .icon-button:hover{color:#000;box-shadow:0 0 0 2px var(--gold), 0 6px 12px #000000b3}.end-turn-wrap{align-items:center;gap:14px;display:flex;position:absolute;bottom:26px;right:30px}.turn-ribbon{font-family:var(--font-title);color:#e6d3a8;white-space:nowrap;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%);background:linear-gradient(#2c2a3a,#191726);padding:7px 26px;font-size:12px}.turn-ribbon.mine{color:#f6e2b8;background:linear-gradient(#932c17,#5c160a)}.hud .end-turn{width:116px;height:116px;font-family:var(--font-title);color:#2a1704;text-shadow:0 1px #fff0c899;background:radial-gradient(circle at 38% 30%, #fff4d2b3, #ffdc9600 48%), radial-gradient(circle, #0000 60%, #2816048c 100%), var(--brass) center / cover;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1.05;transition:box-shadow .2s,filter .2s,transform 80ms;display:flex;box-shadow:0 0 0 3px #2a1a08,0 0 0 7px #aa8034e6,0 0 0 9px #1c1206,0 14px 24px #000000bf,inset 0 -6px 12px #28160499}.hud .end-turn.ready{box-shadow:0 0 0 3px #2a1a08,0 0 0 7px #aa8034e6,0 0 0 9px #1c1206,0 0 34px 8px #ffaa4659,0 14px 24px #000000bf,inset 0 -6px 12px #28160499}.hud .end-turn.ready:hover{filter:brightness(1.08)}.hud .end-turn:disabled{filter:saturate(.4)brightness(.6);opacity:1}.hand{align-items:flex-end;padding:0 40px 10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hand .card{aspect-ratio:744/1039;border-radius:var(--card-radius);width:150px;margin:0 var(--overlap,-9px);transform-origin:50% 100%;transform:translateY(calc(56px + var(--drop,0px))) rotate(var(--tilt,0deg));cursor:pointer;background:#1a1626;border:1px solid #0009;transition:transform .16s ease-out,border-color .14s,box-shadow .14s;position:relative;overflow:hidden;box-shadow:0 10px 22px #000000b3}.hand .card img{object-fit:cover;width:100%;height:100%;display:block}.hand .card.landscape{aspect-ratio:1039/744;border-radius:var(--card-radius-landscape);width:209px}.landscape{position:relative;overflow:hidden}.landscape>img,.hand .card.landscape>img,.card-preview.landscape>img,.db-preview .art.landscape>img,.db-tile.landscape>img{aspect-ratio:auto;object-fit:cover;width:71.6073%;max-width:none;height:139.651%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.hand .card:hover{border-color:var(--gold);transform:translateY(-30px)scale(1.2);box-shadow:0 0 0 1px #ffd28ccc,0 22px 44px #000c;z-index:30!important}.hand .card.selected{border-color:var(--gold);transform:translateY(-14px)scale(1.08);box-shadow:0 0 0 2px #ffc878f2,0 0 24px 4px #ff8c3273,0 18px 40px #000000bf;z-index:25!important}.hand .card.unplayable{filter:saturate(.4)brightness(.65)}.hand .card .label{display:none}.hand .card.marked{transform:translateY(0) rotate(var(--tilt,0deg));box-shadow:0 0 0 2px var(--danger), 0 16px 40px #000000b3;border-color:#ef9c98}.hand .card.marked img{filter:saturate(.5)brightness(.7)}.hand .card .mark{letter-spacing:.06em;text-transform:uppercase;background:var(--danger);color:#fff0ee;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0009}.actions{flex-direction:column;align-items:stretch;gap:8px;width:180px;display:flex;position:absolute;top:72px;right:16px}.actions button{width:100%}.prompt{transform:translate(calc(-50% + var(--prompt-x,0px)), calc(-50% + var(--prompt-y,0px)));text-align:center;background:linear-gradient(#2a1c10f5,#140d07f5);border:1px solid #7d6030;border-radius:6px;flex-direction:column;gap:10px;min-width:320px;max-height:86vh;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e29,0 18px 50px #000000b3}.prompt h3{color:var(--gold);font-size:15px;font-family:var(--font-body);letter-spacing:normal;font-weight:700}.prompt.gameover{padding:22px 28px}.prompt:before{content:"";background:#d6b46e66;border-radius:2px;flex:none;width:44px;height:4px;margin:-6px auto -2px;display:block}.prompt{cursor:move}.prompt :is(button,input,textarea,select,a,label,[data-card-id]){cursor:pointer}.prompt.dragging{-webkit-user-select:none;user-select:none}.prompt.gameover h3{letter-spacing:.04em;font-size:26px;font-family:var(--font-title);font-weight:600}.prompt.gameover.lost h3{color:var(--danger)}.choice-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.choice-filter{width:min(420px,100%);margin:0 auto 10px;padding:6px 10px;display:block}.choice-card{flex-direction:column;align-items:center;gap:4px;width:96px;display:flex}.choice-card.landscape{width:134px}.choice-card img{aspect-ratio:744/1039;object-fit:cover;border-radius:var(--card-radius);border:1px solid var(--panel-border);background:#1a1626;width:100%;display:block}.choice-card.landscape{position:static;overflow:visible}.choice-card.landscape img{aspect-ratio:744/1039;width:100%;height:auto;position:static;transform:none}.choice-hidden{aspect-ratio:744/1039;border-radius:var(--card-radius);border:1px dashed var(--panel-border);width:100%;color:var(--muted);place-items:center;font-size:28px;display:grid}.choice-name{text-align:center;font-size:11px;line-height:1.2}.choice-tile{background:0 0;padding:6px}.choice-tile.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#d6b46e14}.toast{background:#5a2320eb;border:1px solid #a0514c;border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;bottom:230px;left:50%;transform:translate(-50%)}.card-preview-wrap{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;width:340px;max-height:calc(100vh - 420px);display:flex;position:absolute;top:250px;right:16px}.card-preview{aspect-ratio:744/1039;border-radius:var(--card-radius);border:1px solid var(--panel-border);background:#1a1626;flex:none;width:260px;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3}.card-preview img{width:100%;height:100%;display:block}.card-preview.landscape{aspect-ratio:1039/744;border-radius:var(--card-radius-landscape);width:340px}.gamelog{pointer-events:none;background:radial-gradient(100% 60% at 0 55%,#060402c7 0%,#06040280 55%,#06040200 100%);flex-direction:column;align-items:flex-start;gap:6px;width:340px;padding:0 0 0 22px;display:flex;position:absolute;top:64%;bottom:162px;left:0}.gamelog.tall{top:150px}.gamelog.closed{background:0 0;top:auto;bottom:168px}.gamelog>*{pointer-events:auto}.gamelog-head{align-items:center;gap:8px;width:calc(100% - 40px);padding-top:8px;display:flex}.gamelog-head .rule{background:linear-gradient(90deg,#a8895a99,#a8895a00);flex:1;height:1px}.hud .gamelog-toggle,.gamelog-toggle{letter-spacing:.14em;text-transform:uppercase;color:#a8895a;box-shadow:none;background:0 0;border:none;padding:2px 6px;font-size:12px}.hud .gamelog-toggle:hover{color:var(--gold)}.gamelog-list{text-shadow:0 1px 2px #000;scrollbar-width:thin;scrollbar-color:#a8895a66 transparent;flex-direction:column;flex:1;gap:3px;width:calc(100% - 40px);min-height:0;padding:2px 4px 10px 0;font-size:13px;line-height:1.38;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.gamelog-entry{color:#e6dcc6;opacity:.92}.gamelog-entry:nth-last-child(n+6){opacity:.62}.gamelog-entry:nth-last-child(n+12){opacity:.42}.gamelog-entry.turn{color:#e0bd78;font-family:var(--font-title);letter-spacing:.03em;margin-top:6px;font-size:11px}.gamelog-entry.turn:first-child{margin-top:0}.gamelog-entry.danger{color:#ef9c98}.gamelog-entry.good{color:#9ad2ac}.pile-backdrop{z-index:5;background:#0403088c;place-items:center;display:grid;position:absolute;inset:0}.pile-browser{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#2a1c10f7,#140d07f7);border:1px solid #7d6030;border-radius:6px;flex-direction:column;gap:12px;width:min(820px,100vw - 48px);max-height:calc(100vh - 120px);padding:16px 18px;display:flex;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e29,0 20px 60px #0009}.pile-browser h3{color:var(--gold);font-size:16px}.pile-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;padding:2px 4px 2px 2px;display:grid;overflow-y:auto}.pile-back{aspect-ratio:744/1039;border-radius:var(--card-radius);border:1px solid var(--panel-border);background:#1a1626;flex:none;width:120px;overflow:hidden}.pile-back img{object-fit:cover;width:100%;height:100%;display:block}.back-picker{gap:6px;display:inline-flex}.back-option{aspect-ratio:744/1039;border-radius:var(--card-radius);background:#1a1626;border:2px solid #ffffff14;width:44px;padding:0;overflow:hidden}.back-option img{object-fit:cover;width:100%;height:100%;display:block}.back-option.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.debug{border-left:1px solid var(--panel-border);z-index:10;background:#08070cf2;flex-direction:column;gap:10px;width:420px;padding:14px;font-size:12px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto}.debug pre{white-space:pre-wrap;word-break:break-all;background:#0e0c16;border-radius:6px;max-height:260px;margin:0;padding:8px;overflow:auto}.debug h3{color:var(--gold);font-size:13px}.debug .events{max-height:200px;overflow:auto}.debug .events div{border-bottom:1px solid #ffffff0a;padding:2px 0}.deckbuilder{background:radial-gradient(1200px 700px at 30% 0%, #1a1526 0%, var(--bg) 60%);grid-template-columns:1fr 400px 320px;gap:0;display:grid;position:fixed;inset:0}.deckbuilder section{flex-direction:column;min-height:0;display:flex}.db-browser{gap:10px;padding:14px 16px}.db-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-toolbar input{flex:220px;min-width:160px}.db-toolbar select{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#100e18;border-radius:6px;padding:8px 10px}.db-elements{align-items:center;gap:6px;display:inline-flex}.db-elements span{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.db-elements span.off{opacity:.35}.db-elements .none{color:var(--text);background:#3a3647;font-weight:600}.elem-icon{vertical-align:middle;filter:drop-shadow(0 1px 1px #0009);display:inline-block}.threshold-icons{align-items:center;gap:1px;display:inline-flex}.affinity-icons{align-items:center;gap:10px;display:inline-flex}.affinity-pip{align-items:center;gap:3px;font-size:13px;font-weight:600;display:inline-flex}.db-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.db-tile{border-radius:var(--card-radius);cursor:pointer;background:#1a1626;border:2px solid #ffffff0f;transition:transform .1s,border-color .1s;position:relative;overflow:hidden}.db-tile img{aspect-ratio:744/1039;object-fit:cover;width:100%;height:auto;display:block}.db-tile.landscape{aspect-ratio:1039/744;border-radius:var(--card-radius-landscape)}.db-tile:hover{border-color:var(--gold);z-index:1;transform:translateY(-3px)}.db-tile.in-deck{border-color:var(--gold-dim)}.db-tile.maxed img{filter:saturate(.5)brightness(.7)}.db-count{background:var(--gold);color:#1a1208;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:13px;font-weight:700;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0009}.db-sentinel{grid-column:1/-1;height:1px}.db-cov{border-radius:5px;width:10px;height:10px;position:absolute;top:6px;left:6px;box-shadow:0 0 0 2px #0009}.db-cov-partial{background:#e2b23a}.db-cov-none{background:#c0443f}.db-covline{color:var(--muted);background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:12px}.db-covline.db-cov-partial{color:#e2b23a}.db-covline.db-cov-none{color:#ef9c98}.db-coverage{color:var(--muted);font-size:12px}.db-deck{border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);background:#0e0c14b3;gap:12px;padding:14px 16px;overflow-y:auto}.db-name{font-family:var(--font-title);color:var(--gold);flex:1;min-width:0;font-size:18px}.db-status{border:1px solid;border-radius:8px;padding:8px 12px;font-size:13px}.db-status.legal{color:#9ad2ac;background:#4f9d691f;border-color:#4f9d6980}.db-status.illegal{color:#ef9c98;background:#c0443f1a;border-color:#c0443f80}.db-status ul{color:var(--text);opacity:.85;margin:6px 0 0;padding-left:18px}.db-status .db-fill{float:right;z-index:1;margin:-3px -6px 0 8px;padding:2px 10px;font-size:12px;position:relative}.db-section{flex-direction:column;gap:6px;display:flex}.db-section-head{justify-content:space-between;align-items:baseline;display:flex}.db-section-head h3{color:var(--gold);font-size:14px}.db-rows{flex-direction:column;gap:2px;display:flex}.db-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px;font-size:11px}.db-row{border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:flex}.db-row:hover{background:#ffffff0d}.db-row-n{width:26px;color:var(--muted)}.db-row-cost{background:#2a2438;border-radius:10px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.db-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-mini{height:22px;padding:0 8px;font-size:14px;line-height:1}.db-empty{padding:6px;font-size:13px}.db-curve{align-items:flex-end;gap:4px;height:48px;padding:0 6px 2px;display:flex}.db-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.db-bar-fill{background:linear-gradient(180deg, var(--gold), var(--gold-dim));border-radius:3px 3px 0 0;width:100%;min-height:1px}.db-bar span{color:var(--muted);font-size:10px}.db-notice{color:var(--gold);font-size:13px}.db-import input{flex:1;min-width:0;font-size:13px}.db-preview{gap:8px;padding:14px 16px;overflow-y:auto}.db-preview .art{aspect-ratio:744/1039;border-radius:var(--card-radius);border:1px solid var(--panel-border);background:#1a1626;width:100%;display:block;overflow:hidden;box-shadow:0 20px 50px #000000b3}.db-preview .art.landscape{aspect-ratio:1039/744;border-radius:var(--card-radius-landscape)}.db-preview .art img{width:100%;height:100%;display:block}.db-preview h3{color:var(--gold);margin-top:6px;font-size:16px}.db-stat{background:#2a2438;border-radius:4px;padding:2px 8px;font-size:12px}.db-rules{white-space:pre-wrap;margin:4px 0;font-size:13px;line-height:1.45}.deck-list{flex-direction:column;gap:6px;display:flex}.deck-item{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.deck-item .name{flex:1;font-weight:600}.deck-item .meta{color:var(--muted);font-size:12px}.deck-item .meta.illegal{color:#ef9c98}.preview-status{box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;flex-direction:column;gap:6px;width:100%;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.35;list-style:none;display:flex;overflow:hidden}.preview-status li{align-items:flex-start;gap:8px;display:flex}.preview-hint{color:var(--muted);background:var(--panel);border-radius:999px;padding:2px 8px;font-size:11px}.status-marker{box-sizing:border-box;color:#fff;background:#4a4858;border-radius:10px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:700;display:inline-grid}.status-marker.icon{width:20px;padding:0;box-shadow:inset 0 0 0 1px #ffffff4d}.status-marker svg{display:block}.inspector-backdrop{z-index:40;box-sizing:border-box;background:#06050ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.inspector{border:1px solid var(--gold-dim);background:#120f1c;border-radius:14px;flex-direction:column;width:min(1180px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3}.inspector-head{border-bottom:1px solid var(--panel-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.inspector-head h2,.inspector-head h3{color:var(--gold);font-family:var(--font-title);flex:1;margin:0}.inspector-close{margin-left:auto}.inspector-body{gap:18px;min-height:0;padding:16px;display:flex;overflow:hidden}.inspector-art{aspect-ratio:744/1039;border-radius:var(--card-radius);flex:none;align-self:flex-start;width:300px;position:relative;overflow:hidden}.inspector-art img{width:100%;height:100%;display:block}.inspector-art.landscape{aspect-ratio:1039/744;border-radius:var(--card-radius-landscape);width:380px}.inspector-art.landscape>img{width:71.6073%;max-width:none;height:139.651%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.inspector-info{flex-direction:column;flex:1;gap:10px;min-width:0;padding-right:6px;display:flex;overflow-y:auto}.inspector-info section h3{color:var(--gold);font-size:14px;font-family:var(--font-title);margin:8px 0 6px}.inspector-type{color:var(--muted)}.inspector-stats{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.card-rules{background:#ffffff0a;border-radius:8px;padding:8px 12px;line-height:1.5}.card-rules p{margin:4px 0}.inspector-keywords{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:999px;padding:3px 10px;font-size:12px}.status-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.status-list li{align-items:flex-start;gap:8px;line-height:1.45;display:flex}.ruling{border-top:1px solid #ffffff0f;padding:8px 0}.ruling-q,.ruling-a{align-items:flex-start;gap:8px;display:flex}.ruling-q .rich-text{font-weight:600}.ruling-tag{width:20px;height:20px;color:var(--gold);background:#2a2438;border-radius:4px;flex:none;place-items:center;margin-top:2px;font-size:11px;font-weight:700;display:grid}.ruling-meta{margin-left:28px;font-size:11.5px}.rich-text p{margin:2px 0 6px}.rich-text ul{margin:2px 0 6px;padding-left:20px}.rt-table{background:#ffffff0a;border-radius:6px;padding:6px;font-size:12px}.rt-link{all:unset;cursor:pointer;color:#e3c27d;border-bottom:1px dotted #e3c27db3}.rt-link:hover{color:#fff;border-bottom-style:solid}.rt-link.card{color:#9cc6f0;border-bottom-color:#9cc6f0b3}.codex-pane{border:1px solid var(--panel-border);background:#ffffff08;border-radius:10px;flex:none;width:380px;font-size:13.5px;line-height:1.5;overflow-y:auto}.codex-pane .inspector-head{padding:8px 12px}.codex-pane .codex-meta{padding:6px 12px 0;font-size:11.5px}.codex-pane .rich-text{padding:6px 12px 12px}@media (max-width:1100px){.inspector-art{width:220px}.codex-pane{width:300px}}.connection-error{white-space:pre-wrap;word-break:break-word;background:#c0443f1a;border:1px solid #c0443f66;border-radius:6px;max-height:120px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.duty{color:var(--gold);border:1px solid var(--gold);text-align:right;border-radius:6px;padding:4px 8px;font-size:12px}.caster-picker{border:1px solid var(--gold);border-radius:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;padding:4px 6px;display:flex}.caster-picker .muted{margin-right:2px;font-size:12px}.caster-picker button{padding:3px 8px;font-size:12px}.reveal-panel{z-index:30}.backdrop{z-index:0;pointer-events:none;background:#07060b;position:fixed;inset:0;overflow:hidden}.bd-wall{transform-origin:50%;flex-direction:column;gap:1.7vh;display:flex;position:absolute;top:50%;left:-15%;right:-15%;transform:translateY(-50%)rotate(-8deg)}.bd-row{will-change:transform;gap:1.2vh;width:max-content;animation:200s linear infinite bd-stream;display:flex}.backdrop.still .bd-row{animation-play-state:paused}@keyframes bd-stream{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.bd-card{height:var(--card-vh);aspect-ratio:744/1039;border-radius:var(--card-radius);opacity:0;flex:none;transition:opacity 1.6s;display:block;box-shadow:0 10px 30px #000000b3}.bd-card.in{opacity:1}.backdrop:not(.fresh) .bd-card{transition:none}.bd-grade{background:linear-gradient(90deg,#07060bf2 0%,#07060bdb 24%,#07060b80 52%,#07060b52 75%,#07060b80 100%),linear-gradient(#07060b99 0%,#07060b00 25% 60%,#07060bd9 100%),linear-gradient(#1e123661,#1e123661);position:absolute;inset:0}.bd-vignette{background:radial-gradient(85% 80% at 62% 45%,#0000 45%,#000000b8 100%);position:absolute;inset:0}.bd-canvas{width:100%;height:100%;position:absolute;inset:0}.bd-circle{aspect-ratio:1;opacity:.12;fill:none;stroke:#d6b46e;stroke-width:1.6px;width:min(118vh,92vw);position:absolute;top:50%;left:calc(clamp(260px,21vw,420px) - min(59vh,46vw));transform:translateY(-50%)}.backdrop.fresh .bd-circle{animation:3s .6s both bd-circle-in}@keyframes bd-circle-in{0%{opacity:0}to{opacity:.12}}.bd-circle .thin{stroke-width:.9px}.bd-circle .glyph-bg{fill:#07060b;stroke-width:1.2px}.bd-circle .bd-runes{fill:#d6b46e;stroke:none;font-family:var(--font-title);letter-spacing:6px;font-size:30px}.bd-circle-outer,.bd-circle-inner{transform-origin:0 0;transform-box:view-box}.backdrop.moving .bd-circle-outer{animation:420s linear infinite bd-spin}.backdrop.moving .bd-circle-inner{animation:300s linear infinite reverse bd-spin}@keyframes bd-spin{to{transform:rotate(360deg)}}.screen{z-index:1}.menu-shell{z-index:1;grid-template-columns:minmax(300px,30%) 1fr;gap:32px;padding:48px 56px 40px;display:grid;position:fixed;inset:0;overflow:hidden}.menu-left{flex-direction:column;min-height:0;display:flex}.menu-title{animation:1.1s both menu-rise}.menu-kicker,.menu-title .menu-kicker{font-family:var(--font-title);color:var(--gold-dim);letter-spacing:.38em;text-transform:uppercase;margin-bottom:14px;font-size:15px}.menu-title h1,.farewell h1,.loading-block h1{color:var(--gold);letter-spacing:.02em;text-shadow:0 0 28px #d6b46e40,0 2px #0009;margin:0;font-size:52px;line-height:1.12}.menu-tagline{color:var(--muted);margin:8px 0 0;font-size:17px;font-style:italic}.menu-nav{flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto;margin-bottom:auto;padding:24px 0;display:flex}.menu-item{font-family:var(--font-title);letter-spacing:.03em;color:#cfc6b6;text-align:left;text-shadow:0 2px 6px #000c;background:0 0;border:none;border-radius:0;padding:7px 0 7px 26px;font-size:30px;transition:color .16s,transform .16s,text-shadow .16s;animation:.7s both menu-rise;position:relative}.menu-item:hover,.menu-item:focus-visible{color:var(--gold);text-shadow:0 0 18px #d6b46e73,0 2px 6px #000c;outline:none;transform:translate(6px)}.menu-item:active{transform:translate(6px)translateY(1px)}.menu-item.active{color:var(--gold)}.menu-item.emphasis{color:#f0dba8}.menu-item.quiet{color:#9b948a;padding-top:4px;padding-bottom:4px;font-size:21px}.menu-item.quiet:hover,.menu-item.quiet:focus-visible{color:#d8cfc0}.menu-mark{border:1px solid var(--gold);opacity:0;width:9px;height:9px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:4px;transform:translateY(-50%)rotate(45deg)scale(.4)}.menu-item:hover .menu-mark,.menu-item:focus-visible .menu-mark,.menu-item.active .menu-mark{opacity:1;transform:translateY(-50%)rotate(45deg)scale(1)}.menu-item.active .menu-mark{background:var(--gold);box-shadow:0 0 10px #d6b46eb3}.menu-divider{background:linear-gradient(90deg,#d6b46e73,#0000);width:180px;height:1px;margin:12px 0 8px 26px}.menu-footer{color:var(--muted);font-size:12px}.dev-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim);border:1px solid #d6b46e4d;border-radius:4px;padding:2px 8px;font-size:11px}@keyframes menu-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.menu-right{flex-direction:column;align-items:flex-end;gap:18px;min-height:0;display:flex;position:relative}.menu-badge{text-align:right;animation:1s both menu-rise}.badge-name{font-family:var(--font-title);color:var(--gold);text-shadow:0 2px 6px #000c;font-size:22px}.badge-meta{color:#b9b1a3;text-shadow:0 1px 4px #000000e6;font-size:14px}.menu-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#14101edb,#0c0a12e6);border:1px solid #d6b46e38;border-radius:10px;flex-direction:column;width:min(760px,100%);min-height:0;max-height:100%;margin-top:auto;margin-bottom:auto;animation:.35s both panel-in;display:flex;box-shadow:0 30px 80px #000000a6,inset 0 1px #ffffff0a}.menu-panel.wide{width:min(980px,100%)}@keyframes panel-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.menu-panel-head{border-bottom:1px solid #d6b46e24;justify-content:space-between;align-items:center;padding:18px 24px 12px;display:flex}.menu-panel-head h2{color:var(--gold);font-size:30px}.menu-panel-close{color:var(--muted);background:0 0;border:none;padding:4px 8px;font-size:18px}.menu-panel-close:hover{color:var(--gold)}.menu-panel-body{min-height:0;padding:16px 24px 22px;overflow-y:auto}.menu-section{color:#e3d6b8;margin-top:10px;font-size:20px}.menu-panel-body .deck-item.illegal .name{color:#b9b1a3}.menu-panel-body button.starter{padding:4px 12px;font-size:14px}.searching{background:#d6b46e0a;border:1px solid #d6b46e33;border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.searching>div:nth-child(2){flex:1}.searching-title{font-family:var(--font-title);color:var(--gold);font-size:22px}.searching-ring{border:2px solid #d6b46e2e;border-top-color:var(--gold);border-radius:50%;flex:none;width:34px;height:34px;animation:1.4s linear infinite bd-spin}.setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;display:flex}.setting-title{font-size:17px}.setting-hint{max-width:360px;font-size:13px}.segmented{border:1px solid var(--panel-border);border-radius:6px;flex:none;display:inline-flex;overflow:hidden}.segmented button{background:#120f1b;border:none;border-radius:0;padding:6px 12px;font-size:14px}.segmented button+button{border-left:1px solid #d6b46e26}.segmented button.on{color:#fff3d6;background:linear-gradient(#6b5422,#4a3a16)}.dev-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.dev-tile{text-align:left;padding:10px 14px;font-size:15px;line-height:1.25}.farewell{z-index:1;flex-direction:column;justify-content:center;padding:0 9vw;animation:1.2s both menu-rise;display:flex;position:fixed;inset:0}.farewell .menu-item{align-self:flex-start;margin-top:28px;font-size:24px}.loading-screen{justify-items:start;padding-left:9vw}.loading-block{animation:1s both menu-rise}.library{background:radial-gradient(1200px 700px at 30% 0%, #1a1526 0%, var(--bg) 60%);grid-template-columns:1fr 340px;gap:0;display:grid;position:fixed;inset:0}.library section{flex-direction:column;min-height:0;display:flex}.library-title{color:var(--gold);margin:0 6px;font-size:26px}@media (max-width:900px){.menu-shell{grid-template-columns:1fr;gap:12px;padding:28px 20px;overflow-y:auto}.menu-shell.with-panel .menu-nav{padding:8px 0}.menu-right{align-items:stretch}.menu-badge{position:absolute;top:0;right:0}.menu-title h1{font-size:38px}.menu-item{font-size:24px}}@media (prefers-reduced-motion:reduce){.menu-item,.menu-title,.menu-badge,.menu-panel,.farewell,.loading-block,.backdrop.fresh .bd-circle{animation:none}}.drag-arc{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.drag-arc .glow{fill:none;stroke:#ff963c47;stroke-width:14px;stroke-linecap:round}.drag-arc .core{fill:none;stroke:#ffd28c;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 11;animation:.6s linear infinite drag-arc-flow}.drag-arc .ring-glow{fill:#ff8c321a;stroke:#ff963c59;stroke-width:8px}.drag-arc .ring{fill:none;stroke:#ffd9a0;stroke-width:2.5px}@keyframes drag-arc-flow{to{stroke-dashoffset:-12px}}@media (prefers-reduced-motion:reduce){.drag-arc .core{animation:none}}.square-info{background:linear-gradient(#2a1c10f0,#140d07f0);border:1px solid #7d6030;border-radius:6px;width:320px;padding:12px 14px;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e29,0 14px 36px #0009}.square-info h4{font:700 14px var(--font-body);color:var(--gold);margin:0 0 8px}.square-info .preview-status{margin:0}.error-actions{gap:12px;margin-top:18px;display:flex}.fps-meter{z-index:30;pointer-events:none;color:#cfe9c4;white-space:nowrap;background:#0000008c;border-radius:3px;padding:2px 8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:74px;left:50%;transform:translate(-50%)}.fps-meter.fair{color:#f0d488}.fps-meter.poor{color:#ff8f7a}.fps-meter.idle{color:#b9b4c8}.board-loading{z-index:900;background:#07050b;transition:opacity .6s;position:fixed;inset:0}.board-loading.fading{opacity:0;pointer-events:none}.load-bar{background:#d6b46e24;border-radius:3px;width:min(360px,70vw);height:6px;margin-top:22px;overflow:hidden;box-shadow:inset 0 0 0 1px #d6b46e47}.load-fill{background:linear-gradient(90deg,#8a6424,#e8c26a);height:100%;transition:width .25s ease-out}.dev-heading{margin:12px 0 2px;font-size:15px}.dev-decks{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dev-deck{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.dev-deck select{width:100%}.ui-select{border:1px solid var(--panel-border);text-align:left;background:#100e18;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:130px;padding:8px 10px;display:inline-flex}.ui-select:hover,.ui-select.open{border-color:var(--gold)}.ui-select:focus-visible{outline:2px solid var(--gold-dim);outline-offset:1px}.ui-select .placeholder{color:#8f8799}.ui-select svg{color:var(--gold);flex:none;transition:transform .12s}.ui-select.open svg{transform:rotate(180deg)}.ui-select-list{z-index:2000;border:1px solid var(--gold-dim);max-height:260px;font-family:var(--font-body);color:var(--text);background:linear-gradient(#221a2cfa,#120e1afa);border-radius:6px;margin:4px 0 0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 14px 34px #000000b3}.ui-select-list.up{transform:translateY(calc(-100% - 8px))}.ui-select-list li{cursor:pointer;white-space:nowrap;border-radius:4px;padding:7px 10px}.ui-select-list li.active{background:#d6b46e29}.ui-select-list li.chosen{color:var(--gold)}.ui-select-list li[aria-disabled]{opacity:.45;cursor:default}.confirm-backdrop{z-index:3000;background:#0403088c;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{zoom:var(--ui-scale);text-align:center;background:linear-gradient(#2a1c10fa,#140d07fa);border:1px solid #7d6030;border-radius:6px;min-width:320px;max-width:min(460px,90vw);padding:18px 22px;animation:.18s both menu-rise;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e29,0 18px 50px #000000b3}.confirm-dialog h3{color:var(--gold);font-family:var(--font-body);letter-spacing:normal;font-size:16px;font-weight:700}.confirm-dialog p{color:#d9c9a8;margin:10px 0 0;line-height:1.4}.confirm-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.confirm-dialog.feedback-dialog{text-align:left;width:min(520px,92vw);max-width:none}.feedback-dialog h3{margin-bottom:12px}.feedback-form{gap:10px}.feedback-form>.segmented{align-self:flex-start}.feedback-form textarea{resize:vertical;width:100%;min-height:120px;line-height:1.4}.feedback-label{color:#e3d6b8;font-size:14px}.feedback-count{align-self:flex-end;margin-top:-6px;font-size:12px}.feedback-attach{color:#d9c9a8;cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.feedback-attach input{accent-color:var(--gold);margin-top:2px}.feedback-actions{justify-content:flex-end;gap:10px;display:flex}.feedback-thanks{color:#e3d6b8;margin:0}.replay-bar{--brass:url(/board/brass.webp);background:linear-gradient(#2a1c10f0,#140d07f0);border:1px solid #7d6030;border-radius:6px;flex-direction:column;gap:8px;width:400px;padding:12px 14px;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d6b46e29,0 14px 34px #000000b3}.replay-title{font-family:var(--font-body);color:var(--gold);font-size:13px;font-weight:700;line-height:1.3}.replay-buttons{align-items:center;gap:8px;display:flex}.replay-buttons .segmented{margin-left:auto}.replay-buttons .segmented button{padding:4px 8px;font-size:13px}.replay-bar .icon-button{color:#2a1904;background:radial-gradient(circle at 35% 28%, #fff0c88c, #ffdc9600 50%), var(--brass) center / cover;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:13px;line-height:1;display:grid;box-shadow:0 0 0 2px #1c1206,0 4px 8px #0009}.replay-bar .icon-button.play{width:42px;height:42px;font-size:15px}.replay-bar .icon-button:hover:not(:disabled){color:#000;box-shadow:0 0 0 2px var(--gold), 0 4px 8px #0009}.replay-bar .icon-button:disabled{opacity:.45;cursor:default}.replay-bar>.segmented{flex-wrap:wrap;align-self:flex-start}.replay-bar>.segmented button{padding:4px 9px;font-size:12px}.replay-scrub{width:100%;accent-color:var(--gold);background:0 0;border:0;padding:0}.replay-meta{font-size:12px}.replay-warning{color:#f0c27a;font-size:12px;line-height:1.35}.opp-hand.faces{pointer-events:auto}.opp-hand.faces img{pointer-events:auto;cursor:help;width:76px;transform:rotate(calc(var(--k) * -5deg)) translateY(calc(var(--k) * var(--k) * 1.5px));top:-30px}.replay-item .star{width:34px;height:34px;color:var(--gold-dim);background:0 0;border-color:#0000;flex:none;padding:0;font-size:18px}.replay-item .star.on{color:var(--gold)}.replay-item .star:hover{color:var(--gold);border-color:var(--panel-border)}.admin-filters{flex-wrap:wrap;gap:10px;display:flex}.admin-item{background:#ffffff08;border-radius:8px}.admin-item.open{box-shadow:inset 0 0 0 1px var(--panel-border);background:#d6b46e0f}.admin-item-head{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;width:100%;padding:8px 10px;display:grid}.admin-item-head:hover{background:#ffffff0a}.admin-item-head .kind-tag{grid-row:span 2}.admin-item-text{text-overflow:ellipsis;white-space:nowrap;color:#e6dcc6;overflow:hidden}.admin-item.open .admin-item-text{display:none}.admin-item.open .admin-item-head .kind-tag{grid-row:auto}.admin-item-head .meta,.admin-item-body .meta{color:var(--muted);font-size:12px}.kind-tag{border:1px solid var(--panel-border);color:#d9c9a8;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:11px}.kind-tag.bug{color:#f3b0a2;background:#781e1440;border-color:#dc6e5a80}.admin-item-body{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.admin-text{white-space:pre-wrap;color:#ece2cc;margin:0;line-height:1.45}.admin-actions{flex-wrap:wrap;gap:8px}