@font-face{font-family:Open Sans Light;src:url(/assets/fonts/opensans-light-webfont.woff) format("woff"),url(/assets/fonts/opensans-light-webfont.ttf) format("truetype");font-display:swap}:root{--ink: #ffffff;--ink-dim: #d9cfbc;--gold: #ffe08a;--good: #9ff0b8;--warn: #ffd08a;--danger: #ff9a9a;--on: #0055ff;--off: #ff0000;--serif: "Times New Roman", Times, Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#120c05 url(/assets/ui/board.png) center / cover no-repeat fixed;color:var(--ink);font-family:Open Sans Light,Open Sans,Segoe UI,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#00000059,#000000b3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.in-match{overflow:hidden}body.in-match:before{background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#app{position:relative;z-index:1}button{font:inherit;color:inherit}img{-webkit-user-drag:none}.chrome-text{font-family:var(--serif);font-style:italic;font-weight:700;background:linear-gradient(180deg,#f4f2ff,#b9b4ec 30%,#5b56a6 52%,#8f89d6 70%,#ece9ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.025em #1b1838;filter:drop-shadow(0 .04em 0 rgba(0,0,0,.85)) drop-shadow(0 0 .06em rgba(255,255,255,.5))}.panel{border-style:solid;border-width:6px;border-image:url(/assets/ui/info-box.png) 8 fill / 6px stretch;color:var(--ink);text-shadow:1px 1px 0 rgba(0,0,0,.7)}.card{--w: 100px;width:var(--w);aspect-ratio:300 / 388;position:relative;perspective:700px;flex:none}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0}.card-face{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));pointer-events:none}.card.flash .card-face{filter:brightness(1.55) drop-shadow(0 2px 3px rgba(0,0,0,.55))}.card.rule-hit .card-face{filter:brightness(1.25) drop-shadow(0 0 6px #fff) drop-shadow(0 0 3px #fff)}.rare-badge{position:absolute;top:-7px;left:50%;translate:-50% 0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:1px 7px;border-radius:8px;background:linear-gradient(180deg,#fff2c2,#d9a521);color:#3a2600;border:1px solid #5a3e00;box-shadow:0 1px 2px #0009;pointer-events:none;white-space:nowrap}.stage{--u: 1px;position:fixed;background:url(/assets/ui/board.png) 0 0 / 100% 100% no-repeat;box-shadow:0 0 60px #000c;overflow:hidden;touch-action:none}.board-art{position:absolute;top:calc(var(--u) * var(--art-y));height:calc(var(--u) * var(--art-h));left:calc(var(--u) * var(--art-x));width:calc(var(--u) * var(--art-w));background:url(/assets/ui/board.png) 0 0 / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);pointer-events:none}.stage .card{position:absolute;left:calc(var(--x, 0) * var(--u));top:calc(var(--y, 0) * var(--u));width:calc(var(--u) * var(--card-w));height:calc(var(--u) * var(--card-h));perspective:calc(var(--u) * 700)}.stage .card-face{filter:drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 3) rgba(0,0,0,.55))}.stage .card.flash .card-face{filter:brightness(1.55) drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 3) rgba(0,0,0,.55))}.stage .card.rule-hit .card-face{filter:brightness(1.25) drop-shadow(0 0 calc(var(--u) * 7) #fff)}.stage .card.on-board{pointer-events:none}.match.can-act .card.blue.in-hand{cursor:pointer}.stage .card.dragging{cursor:grabbing;z-index:120!important}.stage .card.dragging .card-face{filter:drop-shadow(0 calc(var(--u) * 12) calc(var(--u) * 12) rgba(0,0,0,.55))}.cells{position:absolute;z-index:20;left:calc(var(--u) * var(--board-x));top:calc(var(--u) * var(--board-y));width:calc(var(--u) * var(--board-w));height:calc(var(--u) * var(--board-h));display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr)}.match.can-act .cell{cursor:pointer}.cell.drop-target{background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent)}.cell{position:relative;display:grid;place-items:center}.cell-element{width:calc(var(--u) * 64);height:calc(var(--u) * 64);pointer-events:none;opacity:.92;background:url(/assets/ui/element.png) 0 0 / 100% 3200% no-repeat;background-position-y:calc(var(--f0) * 100% / 31);animation:element-cycle .64s steps(4) infinite;filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 2) rgba(0,0,0,.5))}@keyframes element-cycle{0%{background-position-y:calc(var(--f0) * 100% / 31)}to{background-position-y:calc((var(--f0) + 4) * 100% / 31)}}.reduced-motion .cell-element{animation:none}.cell-bonus{width:calc(var(--u) * 84);height:calc(var(--u) * 56);pointer-events:none;background:url(/assets/ui/bonus.png) 0 0 / 100% 200% no-repeat;background-position-y:calc(var(--frame, 0) * 100%);filter:brightness(1.2) drop-shadow(0 0 calc(var(--u) * 1.2) #000) drop-shadow(0 0 calc(var(--u) * 1.2) #000) drop-shadow(0 0 calc(var(--u) * 4) rgba(0,0,0,.9))}.cursor{position:absolute;left:0;top:0;z-index:110;width:calc(var(--u) * 56);height:calc(var(--u) * 32);translate:calc(var(--x, 0) * var(--u)) calc(var(--y, 0) * var(--u));opacity:0;pointer-events:none;transition:translate .08s ease-out,opacity .12s;filter:drop-shadow(calc(var(--u) * 1.5) calc(var(--u) * 2) calc(var(--u) * 1.5) rgba(0,0,0,.6));animation:bob .6s ease-in-out infinite}.cursor.shown{opacity:1}.cursor.shown.dim{opacity:.5}@keyframes bob{50%{transform:translate(calc(var(--u) * -4))}}.spinner{position:absolute;z-index:5;left:calc(var(--x, 0) * var(--u));top:calc(var(--y, 0) * var(--u));width:calc(var(--u) * var(--spin-w));height:calc(var(--u) * var(--spin-h));background-repeat:no-repeat;background-size:calc(var(--u) * var(--spin-w)) calc(var(--u) * var(--spin-h) * 135 / 33);background-position:0 calc(var(--u) * var(--spin-h) * var(--frame, 0) * -1);image-rendering:pixelated;filter:drop-shadow(calc(var(--u) * 2) calc(var(--u) * 3) calc(var(--u) * 1.5) rgba(0,0,0,.45));opacity:0;pointer-events:none;transition:opacity .2s,transform .35s ease-in-out}.spinner.shown{opacity:1}.spinner.intro{transform:scale(2)}.score{position:absolute;z-index:60;width:calc(var(--u) * 64);height:calc(var(--u) * 64);background:url(/assets/ui/score.png) 0 calc(var(--frame, 0) * 12.5%) / 100% 900% no-repeat;opacity:0;transition:opacity .3s;pointer-events:none;display:grid;place-items:center;font-size:calc(var(--u) * 54);line-height:1}.score.shown{opacity:1}.score.text{background:none;font-family:var(--serif);font-style:italic;font-weight:700;color:#e9ecf5;-webkit-text-stroke:calc(var(--u) * 1.5) #222}.score-player{left:calc(var(--u) * var(--score-px));top:calc(var(--u) * var(--score-py))}.score-cpu{left:calc(var(--u) * var(--score-cx));top:calc(var(--u) * var(--score-cy))}.ended .score{opacity:1}.info-box{position:absolute;z-index:115;left:calc(var(--u) * var(--info-x));top:calc(var(--u) * var(--info-y));width:calc(var(--u) * 467);height:calc(var(--u) * 58);background:url(/assets/ui/info-box.png) 0 0 / 100% 100% no-repeat;display:grid;place-items:center;opacity:0;transition:opacity .12s;pointer-events:none}.info-box.shown{opacity:1}.info-box img{position:absolute;left:calc(var(--u) * 7);top:calc(var(--u) * 1);width:calc(var(--u) * 85)}.info-name{font-size:calc(var(--u) * 30);color:#fff;white-space:nowrap;text-shadow:calc(var(--u) * 1.5) calc(var(--u) * 1.5) 0 rgba(0,0,0,.6)}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;pointer-events:none}.fx>*{grid-area:1 / 1}.sprite-banner{width:calc(var(--u) * 680);background-repeat:no-repeat;background-size:100% 300%;background-position:0 calc(var(--frame, 0) * 50%)}.sprite-banner.special{height:calc(var(--u) * 170);background-image:url(/assets/ui/special.png)}.sprite-banner.result{height:calc(var(--u) * 129.5);background-image:url(/assets/ui/result.png)}.text-banner{position:relative;font-size:calc(var(--u) * 58);white-space:nowrap;padding:0 calc(var(--u) * 10)}.continue-prompt{position:relative;top:calc(var(--u) * 100);font-size:calc(var(--u) * 22);letter-spacing:.06em;color:#fff;padding:calc(var(--u) * 6) calc(var(--u) * 34);border-style:solid;border-width:calc(var(--u) * 7);border-image:url(/assets/ui/info-box.png) 8 fill / calc(var(--u) * 7) stretch;text-shadow:calc(var(--u) * 1.5) calc(var(--u) * 1.5) 0 rgba(0,0,0,.6)}.continue-prompt span{display:block;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.match.ended{cursor:pointer}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none}.hud-btn{position:absolute;pointer-events:auto;width:calc(var(--u) * 35);height:calc(var(--u) * 35);padding:0;border:0;background:none;cursor:pointer;opacity:.5;transition:opacity .2s ease-in-out}.hud-btn:hover,.hud-btn:focus-visible{opacity:1}.hud-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.hud-btn img{width:100%;height:100%;display:block}.hud-pause{left:calc(var(--u) * 10);top:calc(var(--u) * 6)}.hud-info{right:calc(var(--u) * 10);top:calc(var(--u) * 6)}.hud-rules{right:calc(var(--u) * 10);top:calc(var(--u) * 46)}.hud-auto{right:calc(var(--u) * 10);bottom:calc(var(--u) * 86)}.hud-restart{right:calc(var(--u) * 10);bottom:calc(var(--u) * 46)}.hud-sound{right:calc(var(--u) * 10);bottom:calc(var(--u) * 6)}.match:not(.can-act) .hud-auto{opacity:.2;cursor:default}.popup{position:absolute;pointer-events:none;background:#eee;color:#111;padding:calc(var(--u) * 10);text-align:right;font-size:calc(var(--u) * 14);line-height:1.5;opacity:0;transition:opacity .3s;box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) #00000080}.popup b{font-weight:700}.popup .on{color:var(--on)}.popup .off{color:var(--off)}.popup-head{font-weight:700;border-bottom:1px solid #bbb;margin-bottom:calc(var(--u) * 4);padding-bottom:calc(var(--u) * 2)}.rules-popup{right:calc(var(--u) * 52);top:calc(var(--u) * 46)}.info-popup{right:calc(var(--u) * 52);top:calc(var(--u) * 6)}.pause-popup{left:calc(var(--u) * 52);top:calc(var(--u) * 6);font-weight:700;font-size:calc(var(--u) * 16)}.hud-rules:hover+.rules-popup,.hud-info:hover+.info-popup,.paused .pause-popup{opacity:1}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:250;background:#000c;display:none}.paused .pause-overlay{display:block}.dialog-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;background:#0000008c}.dialog-layer[hidden]{display:none}.dialog{width:calc(var(--u) * 430);padding:calc(var(--u) * 18) calc(var(--u) * 22);font-size:calc(var(--u) * 15);line-height:1.5}.dialog-title{font-size:calc(var(--u) * 22);margin-bottom:calc(var(--u) * 6)}.dialog p{margin:0 0 calc(var(--u) * 14);color:var(--ink-dim)}.dialog-actions{display:flex;gap:calc(var(--u) * 26);justify-content:flex-end}.dialog .menu-item{font-size:calc(var(--u) * 15)}.screen{max-width:980px;margin:0 auto;padding:24px 56px 40px}.home{max-width:780px}.home-head{text-align:center;padding-top:10px}.title{display:flex;flex-wrap:wrap;justify-content:center;gap:.32em;margin:18px 0 0;font-size:clamp(38px,6.2vw,70px);font-weight:400;line-height:1.15}.tw{display:inline-flex;align-items:flex-end}.tile{display:inline-grid;place-items:center;width:.9em;height:1.12em;margin-right:.02em;font-family:var(--serif);font-weight:400;color:#fff;border:.03em solid #111;box-shadow:inset 0 0 0 .02em #ffffff40,.05em .06em #1b1838;text-shadow:0 .02em 0 rgba(0,0,0,.4)}.tile.g{background:linear-gradient(180deg,#45d045,#23a823)}.tile.b{background:linear-gradient(180deg,#4153ff,#2132e0)}.tile.r{background:linear-gradient(180deg,#ea1a1a,#b80000)}.subtitle{text-align:center;color:var(--ink-dim);margin:8px 0 22px;letter-spacing:.3em;text-transform:uppercase;font-size:13px}.section{font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);margin:26px 0 10px;text-shadow:1px 1px 0 #000}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{padding:10px;text-align:center}.stats b{display:block;font-size:26px;font-weight:400}.stats span{font-size:12px;color:var(--ink-dim);letter-spacing:.06em}.menu-item,.tier{position:relative}.menu-item:before,.tier:before{content:"";position:absolute;top:50%;left:-46px;translate:0 -50%;width:40px;height:23px;background:url(/assets/ui/cursor.png) center / contain no-repeat;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.6));opacity:0;transition:opacity .08s;pointer-events:none;animation:bob-px .6s ease-in-out infinite}@keyframes bob-px{50%{transform:translate(-3px)}}.menu-item:hover:not(:disabled):before,.menu-item:focus-visible:before,.tier:hover:not(:disabled):before,.tier:focus-visible:before{opacity:1}.tiers{display:grid;gap:10px}.tier{display:flex;gap:16px;align-items:center;text-align:left;width:100%;padding:10px 16px;cursor:pointer;transition:filter .12s,transform .08s}.tier:hover:not(:disabled){filter:brightness(1.18)}.tier:active:not(:disabled){transform:scale(.995)}.tier:focus-visible{outline:none;filter:brightness(1.18)}.tier.locked{opacity:.45;cursor:not-allowed}.tier-num{font-size:40px;width:40px;text-align:center;line-height:1}.tier-body{display:grid;gap:2px}.tier-name{font-size:19px}.tier-name small{color:var(--ink-dim);margin-left:8px;font-size:13px}.tier-blurb{color:var(--ink-dim);font-size:14px}.tier-progress{color:var(--good);font-size:12px;letter-spacing:.04em}.row{display:flex;flex-wrap:wrap;gap:14px 58px;align-items:center;margin:18px 0;padding-left:46px}.row.center{justify-content:center}.btn{border-style:solid;border-width:6px;border-image:url(/assets/ui/info-box.png) 8 fill / 6px stretch;background:none;padding:7px 22px;font-size:17px;letter-spacing:.03em;cursor:pointer;transition:filter .12s,transform .08s;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;filter:brightness(1.2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:var(--gold)}.btn.danger{color:var(--danger)}.btn.small{padding:4px 16px;font-size:15px}.fineprint{color:var(--ink-dim);font-size:13px;line-height:1.55;text-shadow:1px 1px 0 #000}.bar{display:flex;align-items:center;gap:20px;padding-left:46px}.bar-title{font-size:22px;display:grid;text-shadow:1px 1px 0 #000}.bar-title small{color:var(--ink-dim);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px;padding-top:6px}.grid-item{padding:0;border:0;background:none;cursor:pointer;border-radius:6px;position:relative;transition:transform .1s}.grid-item .card{--w: 100%}.grid-item:hover:not(:disabled){transform:translateY(-3px)}.grid-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.grid-item.picked{outline:3px solid var(--gold);outline-offset:2px}.grid-item.picked:after,.grid-item.marked:after{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;z-index:2;border:1px solid #000;box-shadow:0 1px 3px #0009}.grid-item.picked:after{content:"✓";background:var(--gold);color:#231a00}.grid-item.marked{opacity:.6;outline:3px solid var(--danger);outline-offset:2px}.grid-item.marked:after{content:"×";background:var(--danger);color:#fff}.grid-item.blocked,.grid-item:disabled{cursor:not-allowed}.blocked .card-face,.card.blocked .card-face{filter:brightness(.3) grayscale(.5) drop-shadow(0 2px 3px rgba(0,0,0,.55))}.blocked-tag{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;background:#000000bf;border:1px solid #999;color:#ddd;pointer-events:none}.tray{display:grid;grid-template-columns:repeat(5,minmax(0,120px));gap:12px;justify-content:center}.tray-slot{padding:0;border:0;background:none;aspect-ratio:300 / 388;cursor:pointer;border-radius:6px}.tray-slot:disabled{cursor:default}.tray-slot>img{width:100%;height:100%;display:block;opacity:.35;border-radius:6px}.tray-slot .card{--w: 100%}.tray-slot:not(:disabled):hover{transform:translateY(-3px)}.result-head{text-align:center;margin:18px 0 8px}.result-sprite{width:min(620px,90vw);aspect-ratio:1024 / 195;margin:0 auto 10px;background:url(/assets/ui/result.png) 0 calc(var(--frame, 0) * 50%) / 100% 300% no-repeat}.result-line{display:inline-block;margin:0;padding:6px 20px;font-size:17px}.pick-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:22px 0}.pick-row .grid-item{width:min(150px,18vw)}.pick-row.small{gap:10px;margin:10px 0}.pick-row.small .card{--w: min(96px, 17vw)}.notice{padding:8px 14px;margin:14px auto 6px;font-size:14px;line-height:1.5;max-width:720px;text-align:left}.notice.warn{color:var(--warn)}.notice.good{color:var(--good)}.notice.rematch-line{text-align:center}.select{display:flex;gap:8px;align-items:center;color:var(--ink-dim);font-size:14px}.select select{background:#3c3c3c;color:#fff;border:1px solid #aaa;border-radius:3px;padding:5px 8px;font:inherit}.settings-list{padding:4px 16px}.toggle{display:flex;gap:12px;align-items:center;padding:12px 0;cursor:pointer;font-size:16px}.toggle+.toggle{border-top:1px solid rgba(255,255,255,.15)}.toggle input{width:18px;height:18px;accent-color:#6d84ff}.menu-sound{position:fixed;right:14px;bottom:12px;z-index:5;width:38px;height:38px;padding:0;border:0;background:none;cursor:pointer;opacity:.5;transition:opacity .2s}.menu-sound:hover{opacity:1}.menu-sound img{width:100%;height:100%;display:block}.reduced-motion .cursor,.reduced-motion .menu-item:before,.reduced-motion .tier:before,.reduced-motion .continue-prompt span{animation:none}.reduced-motion *{scroll-behavior:auto!important}body.fit-screen{overflow:hidden}.screen.fit{height:100vh;height:100dvh;display:flex;flex-direction:column;padding-bottom:22px}.screen.fit>*{flex:none}.screen.fit .section{margin-top:14px}.screen.fit .row{margin:12px 0}.section-note{text-transform:none;letter-spacing:.02em;font-size:12px;margin-left:10px;color:var(--ink-dim);opacity:.8}.bar-end{margin-left:auto}.hand-select .tray{grid-template-columns:repeat(5,minmax(0,min(112px,13vh)))}.card-browser{flex:1 1 auto!important;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,30vh,240px);gap:26px;margin-left:46px}.list-panel{display:flex;flex-direction:column;min-height:0;padding:0}.list-head{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 6px 12px;border-bottom:1px solid rgba(255,255,255,.18);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.list-head .select{text-transform:none;letter-spacing:0;font-size:13px}.list-head .select select{padding:2px 6px;font-size:13px}.name-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;outline:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.list-row{display:grid;grid-template-columns:30px 18px minmax(0,1fr) auto 50px;align-items:center;gap:0 8px;width:100%;padding:5px 14px 5px 6px;border:0;background:none;text-align:left;cursor:pointer;font-size:16px;line-height:1.35;color:var(--ink);text-shadow:1px 1px 0 rgba(0,0,0,.7);border-bottom:1px solid rgba(255,255,255,.06);position:relative}.list-row:hover,.list-row.looked{background:#ffffff1a}.list-row:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}.list-row:before{content:"";grid-column:1;width:28px;height:16px;background:url(/assets/ui/cursor.png) center / contain no-repeat;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6));opacity:0;transition:opacity .08s}.list-row.looked:before{opacity:1;animation:bob-px .6s ease-in-out infinite}.lr-mark{grid-column:2;font-weight:900;text-align:center}.lr-name{grid-column:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-tag{grid-column:4;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:1px 7px;border-radius:8px;text-shadow:none;background:linear-gradient(180deg,#fff2c2,#d9a521);color:#3a2600;border:1px solid #5a3e00}.lr-tag.legend{background:linear-gradient(180deg,#f4e6ff,#a56be0);color:#250a40;border-color:#3d1466}.lr-lv{grid-column:5;text-align:right;color:var(--ink-dim);font-variant-numeric:tabular-nums}.list-row.picked .lr-name,.list-row.picked .lr-mark{color:var(--gold)}.list-row.marked .lr-name{color:var(--danger);text-decoration:line-through}.list-row.marked .lr-mark{color:var(--danger)}.list-empty{padding:14px;color:var(--ink-dim)}.list-preview-col{position:relative;min-height:0}.list-preview{position:absolute;left:0;right:0;top:0;transition:top .09s ease-out;pointer-events:none}.list-preview .card{--w: 100%}.list-preview .rare-badge{font-size:12px;top:-9px}.preview-note{margin:10px 0 0;font-size:13px;line-height:1.4;color:var(--gold);text-align:center}.list-preview-hint{display:grid;gap:8px;justify-items:center;text-align:center;color:var(--ink-dim);font-size:13px}.list-preview-hint img{width:100%;opacity:.3;border-radius:8px}.card-browser.looking .list-preview-hint{visibility:hidden}.reduced-motion .list-preview{transition:none}.reduced-motion .list-row.looked:before{animation:none}.screen.narrow{max-width:620px}.center-msg{min-height:70vh;display:grid;place-content:center;text-align:center;gap:8px}.loading{padding:10px 26px;color:var(--ink-dim)}.tag{color:var(--ink-dim);font-size:.85em;letter-spacing:.04em}.player-name{text-transform:none;letter-spacing:.06em;font-size:16px;color:var(--ink)}.form{padding:16px 22px 6px;margin-top:24px}.field{display:grid;gap:8px;font-size:15px;color:var(--ink-dim)}.field input{font:inherit;font-size:20px;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.45);border-radius:3px;padding:8px 12px;outline:none}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffe08a40}.code-input{font-family:Consolas,Courier New,monospace!important;letter-spacing:.08em;text-transform:uppercase}.form .notice,.account .notice{margin:10px 0 0;max-width:none}.notice[hidden]{display:none}.screen .notice:not(.panel){padding:6px 0 0}.welcome .row{padding-left:0}.reveal{padding:16px 24px 8px;margin-top:20px;line-height:1.55}.reveal .row{padding-left:0;margin:12px 0;gap:14px 40px}.welcome .title{flex-wrap:nowrap;font-size:clamp(30px,5.4vw,58px)}.code{font-family:Consolas,Courier New,monospace;font-size:clamp(15px,3.6vw,25px);letter-spacing:.08em;white-space:nowrap;text-align:center;padding:14px 10px;margin:14px 0 4px;color:var(--gold);background:#00000080;border:1px dashed rgba(255,224,138,.5);border-radius:4px;user-select:all;-webkit-user-select:all}.account{padding:12px 18px}.account p{margin:4px 0 10px}.account-actions{display:flex;flex-wrap:wrap;gap:12px 50px;padding-left:46px;margin:8px 0}.online-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px 12px 62px;flex-wrap:wrap}.online-stats{display:flex;gap:22px;flex-wrap:wrap;color:var(--ink-dim);font-size:14px}.online-stats b{color:var(--ink);font-size:18px;font-weight:400}.center-panel{text-align:center;padding:16px;margin:20px auto;max-width:520px}.fineprint.center{text-align:center}.pick-clock,.trade-clock{font-variant-numeric:tabular-nums;color:var(--gold)}.pick-clock{font-size:22px;text-shadow:1px 1px 0 #000}.waiting-note{text-align:center;color:var(--gold)}.queue-panel{text-align:center;padding:18px 24px;margin-top:28px}.queue-spinner{width:48px;height:66px;margin:4px auto 8px;image-rendering:pixelated;background-repeat:no-repeat;background-size:48px 270px;background-position:0 calc(var(--frame, 0) * -66px)}.queue-time{font-size:20px;margin:4px 0;font-variant-numeric:tabular-nums}.queue-panel[hidden],.offer-panel[hidden]{display:none}.offer-panel{text-align:center;padding:18px 24px;margin-top:28px}.offer-title{margin:0 0 12px;font-size:24px;font-weight:400;color:var(--gold)}.offer-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:0 0 12px}.offer-vs b{display:block;font-size:19px;font-weight:400}.offer-vs span:not(.tag){font-size:13px;color:var(--ink-dim)}.offer-v{font-size:22px;color:var(--gold)}.offer-why{color:var(--gold)}.offer-panel p{margin:0 0 12px}.offer-clock{font-variant-numeric:tabular-nums}.offer-actions{padding-left:46px}.deal-row{margin-top:30px}.reveal-slot{width:min(112px,11.5vw);aspect-ratio:300 / 388}.reveal-slot img{width:100%;height:100%;display:block;border-radius:6px}.reveal-slot .card{--w: 100%;animation:flip-in .32s ease-out}@keyframes flip-in{0%{transform:rotateY(90deg) scale(1.08)}to{transform:none}}.reduced-motion .reveal-slot .card{animation:none}.legend-notice{max-width:760px}.match.online .hud-pause,.match.online .hud-auto,.match.online .pause-popup{display:none}.turn-clock,.notice-line{position:absolute;left:50%;translate:-50% 0;z-index:220;pointer-events:none;padding:calc(var(--u) * 4) calc(var(--u) * 16);white-space:nowrap;border-style:solid;border-width:calc(var(--u) * 5);border-image:url(/assets/ui/info-box.png) 8 fill / calc(var(--u) * 5) stretch;font-size:calc(var(--u) * 17);color:#fff;text-shadow:calc(var(--u) * 1.2) calc(var(--u) * 1.2) 0 rgba(0,0,0,.6);opacity:0;transition:opacity .2s}.turn-clock{top:calc(var(--u) * 6);font-variant-numeric:tabular-nums}.turn-clock.urgent{color:#ff9a9a}.notice-line{top:calc(var(--u) * 48);color:var(--warn)}.turn-clock.shown,.notice-line.shown{opacity:1}.match.portrait{background:#3b2a12 url(/assets/ui/board.png) 50% 50% / cover no-repeat;box-shadow:inset 0 0 0 100vmax #140c0459,0 0 60px #000c}.match.portrait .board-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.match.portrait .cursor-hand{display:none}.match.portrait .hud-btn{width:calc(var(--u) * 44);height:calc(var(--u) * 44);right:calc(var(--u) * 27);bottom:auto;opacity:.7}.match.portrait .hud-pause{left:calc(var(--u) * 10);top:calc(var(--u) * 8);right:auto}.match.portrait .hud-info{top:calc(var(--u) * 306)}.match.portrait .hud-rules{top:calc(var(--u) * 360)}.match.portrait .hud-auto{top:calc(var(--u) * 640)}.match.portrait .hud-restart{top:calc(var(--u) * 694)}.match.portrait .hud-sound{top:calc(var(--u) * 748)}.match.portrait .popup{font-size:calc(var(--u) * 20);padding:calc(var(--u) * 14)}.match.portrait .info-popup{right:calc(var(--u) * 80);top:calc(var(--u) * 306)}.match.portrait .rules-popup{right:calc(var(--u) * 80);top:calc(var(--u) * 360)}.match.portrait .pause-popup{left:calc(var(--u) * 62);top:calc(var(--u) * 8);font-size:calc(var(--u) * 22)}.match.portrait .turn-clock,.match.portrait .notice-line{font-size:calc(var(--u) * 24)}.match.portrait .turn-clock{top:calc(var(--u) * 8)}.match.portrait .notice-line{top:calc(var(--u) * 50)}.match.portrait .fx>*{scale:.74}.match.portrait .continue-prompt{font-size:calc(var(--u) * 28);top:calc(var(--u) * 130)}.match.portrait .dialog{width:calc(var(--u) * 520);font-size:calc(var(--u) * 21)}.match.portrait .dialog-title{font-size:calc(var(--u) * 30)}.match.portrait .dialog .menu-item{font-size:calc(var(--u) * 21)}.mode-menu{display:grid;gap:18px;justify-items:center;margin:34px auto 10px;max-width:420px}.mode-btn{width:100%;padding:14px 22px;font-size:22px;color:var(--gold)}.home-settings{display:flex;justify-content:center;margin:22px 0 10px}.stats.single{grid-template-columns:minmax(0,240px);justify-content:center;margin-top:18px}.stats.two{grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;margin-top:18px}.mode-panel p{margin:4px 0 14px;line-height:1.5}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.friend-panel{display:grid;gap:12px;align-content:start;justify-items:start;padding:4px 20px 16px 62px}.friend-panel .section{margin:14px 0 0}.friend-panel p{margin:0;line-height:1.5}.friend-panel .field{width:100%}.friend-panel .field input{max-width:200px}.rules-form{padding:2px 18px}.rule-toggle{align-items:flex-start}.rule-toggle>span{display:grid;gap:2px;flex:1}.rule-toggle small{color:var(--ink-dim);font-size:13px;line-height:1.4}.rule-toggle input{margin-top:3px;flex:none}.rule-toggle.sub{padding-left:30px}.rule-toggle.off{opacity:.45;cursor:not-allowed}.rule-toggle select{font:inherit;font-size:15px;color:var(--ink);background:#0000008c;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:5px 8px}.room-panel{text-align:center}.room-panel .row{padding-left:46px}.room-link{font-size:clamp(13px,2.6vw,18px);white-space:normal;overflow-wrap:anywhere}.rules-line{line-height:1.5}.room-host{font-size:20px;margin:6px 0}.room .queue-spinner{margin-top:10px}.board-panel{padding:4px 14px 8px}.board{width:100%;border-collapse:collapse;font-size:15px}.board th{font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-align:left;padding:10px 6px 8px;border-bottom:1px solid rgba(255,255,255,.28)}.board td{padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.board tbody tr:last-child td{border-bottom:0}.board .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.board .rank{width:2.6em;color:var(--ink-dim);font-variant-numeric:tabular-nums}.board tr.top .rank{color:var(--gold)}.board .who{overflow-wrap:anywhere}.board tr.you td{color:var(--gold)}.board tr.you .tag{color:inherit;opacity:.8}.board .you-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;border-radius:3px;padding:0 4px;margin-left:4px;vertical-align:2px}.board .gap td{text-align:center;color:var(--ink-dim);padding:0}.board small{display:block;color:var(--ink-dim);font-size:12px}.board .none{color:var(--ink-dim);opacity:.75}.legends td:first-child{width:50%}.board-empty{text-align:center;margin:14px 0}@media(max-width:520px){.board{font-size:14px}.board .wld{display:none}}@media(max-width:640px){.stats.two{grid-template-columns:repeat(2,1fr)}.friend-panel{padding-left:52px}}@media(max-width:640px){.screen{padding:14px 14px 28px}.row,.bar,.room-panel .row{padding-left:0}.row{gap:12px 14px;margin:14px 0}.bar{gap:12px}.bar-title{font-size:19px}.menu-item:before,.tier:before{display:none}.friend-panel{padding-left:16px}.card-browser{margin-left:0;gap:10px;grid-template-columns:minmax(0,1fr) clamp(96px,28vw,150px)}.list-row{grid-template-columns:16px minmax(0,1fr) auto 38px;gap:0 6px;padding:7px 8px 7px 6px;font-size:15px}.list-row:before{display:none}.lr-mark{grid-column:1}.lr-name{grid-column:2}.lr-tag{grid-column:3;padding:1px 5px}.lr-lv{grid-column:4}.list-head{padding:6px 8px;letter-spacing:.08em}.tray{gap:6px}.hand-select .tray{grid-template-columns:repeat(5,minmax(0,min(112px,13vh)))}.result-sprite{width:92vw}.screen.fit .section{margin-top:10px}.screen.fit .row{margin:10px 0}}