:root{--ink: #fbf6ea;--ink-dim: #e3d6bd;--muted: #bfae8e;--gold: #f2c45a;--gold-deep: #b9872a;--night: rgba(24, 16, 10, .78);--night-solid: #241a12;--edge: rgba(255, 226, 160, .28);--fire: #e8613a;--water: #3b86e0;--thunder: #e9c22b;--leaf: #45a85a;--dusk: #7652b8;--shiny: #e8e2f6;--top-h: 58px;--dock-h: clamp(122px, 16vh, 168px);--rail-w: 268px;--card-h: clamp(84px, min(calc((100vh - var(--top-h) - var(--dock-h) - 100px) / 3), calc((100vw - 2 * var(--rail-w) - 120px) / 5 * 1.4)), 300px);--card-w: calc(var(--card-h) / 1.4);--r: 10px;--display: "Fraunces", Georgia, serif;--text: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#3a2414 url(/art/wood.webp) center / cover fixed;color:var(--ink);font-family:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}img{-webkit-user-select:none;user-select:none}.muted{color:var(--muted);font-size:12px}.stone{width:20px;height:20px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.btn{border:1px solid var(--edge);background:#fff0d21a;padding:10px 18px;border-radius:999px;font-weight:700;transition:transform .08s,background .15s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not(:disabled){background:#fff0d233}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn.primary{background:linear-gradient(#ffd877,#f0b43c);color:#3b2508;border-color:#ffe7a6;box-shadow:0 3px #a8741c,0 6px 14px #0000004d;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{background:transparent}.btn.sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:8px}.home-card,.sheet,.opp,.supply,.specials{background:linear-gradient(180deg,#302014eb,#1c120beb);border:1px solid var(--edge);border-radius:16px;box-shadow:0 10px 30px #00000073,inset 0 1px #ffe6aa1f}.home{min-height:100vh;display:grid;align-items:center;justify-items:start;padding:32px clamp(16px,7vw,120px);background:#6b8fb5 url(/art/title.webp) center / cover no-repeat;position:relative}.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,12,6,.55) 0%,rgba(20,12,6,.15) 45%,transparent 70%);pointer-events:none}.home-card{width:min(420px,100%);padding:26px 26px 18px;text-align:center;position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo h1{margin:0 0 4px;font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);line-height:1}.logo h1 span{display:block;font-size:54px;letter-spacing:0;text-transform:none;color:#fff7e2;text-shadow:0 3px 0 var(--gold-deep),0 6px 18px rgba(0,0,0,.5)}.home h2{font-family:var(--display);margin:0 0 14px}.tag{color:var(--ink-dim);margin:10px 0 18px;line-height:1.45}.field{display:block;text-align:left;margin-bottom:12px}.field span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.field input,.join input,.local input,.share input,.solo-row select{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--edge);background:#0000004d;color:var(--ink);margin-top:4px}.solo-row select option{background:var(--night-solid)}.home-actions{display:grid;gap:10px}.join{display:flex;gap:8px}.join input{margin:0;text-transform:uppercase;letter-spacing:5px;text-align:center;font-weight:700}.solo,.local{margin-top:14px;text-align:left;border-top:1px solid var(--edge);padding-top:12px}.solo-title,.local summary{color:var(--ink-dim);margin-bottom:8px;cursor:pointer}.solo-row{display:flex;gap:8px}.solo-row select{flex:1;min-width:0;margin:0}.local-names{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.local-names input{margin:0}.code{color:var(--gold);letter-spacing:5px}.share{display:flex;gap:8px;margin-bottom:14px}.share input{margin:0;font-size:12px}.lobby-list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px}.lobby-list li{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:12px;background:#fff0d212;text-align:left}.lobby-list li img{width:36px;height:36px}.lobby-list li em{font-style:normal;font-size:12px;color:var(--gold)}.lobby-list li .botdiff{color:#9fd3ff}.lobby-list li .rm{margin-left:auto;color:var(--muted)}.lobby-list li.off{opacity:.5}.lobby-list li.empty{color:var(--muted);justify-content:center;height:48px;border:1px dashed var(--edge);background:none}.addbots{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:-4px 0 16px;color:var(--muted)}.game{height:100vh;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) auto;overflow:hidden}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px}.brand{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6)}.brand span{font-size:24px;letter-spacing:0;text-transform:none;color:#fff7e2;margin-left:4px}.top-btns{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pill{background:var(--night);border:1px solid var(--edge);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:500}.pill.warn{background:#8a3b14}.btnlike:hover{background:#3c2816f2}.ribbon{font-family:var(--display);font-weight:700;font-size:17px;padding:7px 28px;color:#3b2508;background:linear-gradient(#ffe19a,#f0b43c);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);display:flex;align-items:center;gap:10px;white-space:nowrap;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.ribbon.wait{background:linear-gradient(#5b4632,#3d2d1f);color:var(--ink-dim)}.ribbon .btn.sm{padding:3px 12px;font-family:var(--text)}.ribbon .btn.ghost{border-color:#3b250866}.ribbon.glow{animation:ribbonGlow 1.4s ease-in-out infinite}@keyframes ribbonGlow{50%{filter:drop-shadow(0 0 14px rgba(255,210,100,.9))}}.table{display:grid;grid-template-columns:minmax(var(--rail-w),1fr) auto minmax(var(--rail-w),1fr);justify-content:center;align-items:start;gap:18px;padding:6px 18px 12px}.table{min-height:0}.rail{display:grid;gap:10px;align-content:start;max-height:calc(var(--rail-h) + 20px);overflow-y:auto;scrollbar-width:none;padding-bottom:6px}@media(max-height:860px){.log-mini{display:none}}.board{background:#1d4a3c url(/art/mat.webp) center / 100% 100% no-repeat;border-radius:22px;padding:18px 20px;display:grid;gap:12px;box-shadow:0 18px 40px #00000080,0 2px #ffffff0f inset}.row{display:flex;gap:10px}.card{--cc: var(--muted);width:var(--card-w);height:var(--card-h);border-radius:var(--r);position:relative;flex:none;background:linear-gradient(165deg,color-mix(in srgb,var(--cc) 50%,#fff) 0%,var(--cc) 42%,color-mix(in srgb,var(--cc) 55%,#000) 100%);border:3px solid #fff8e6;box-shadow:0 3px #00000040,0 8px 16px #00000059;overflow:hidden;cursor:pointer;transition:transform .14s,box-shadow .14s;display:flex;flex-direction:column;color:#fff;padding:3px;gap:3px;font-size:calc(var(--card-w) / 10)}.card[data-card]:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 3px #0003,0 16px 26px #00000073}.card.c-fire{--cc: var(--fire)}.card.c-water{--cc: var(--water)}.card.c-thunder{--cc: var(--thunder)}.card.c-leaf{--cc: var(--leaf)}.card.c-dusk{--cc: var(--dusk)}.card.tier-rare{border-color:#ffd9ef}.card.tier-legend{border-color:#ffe08a;box-shadow:0 0 16px #ffd66b99,0 8px 16px #00000059}.card.tier-legend:after,.card.tier-rare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);background-size:250% 100%;animation:sheen 4s linear infinite}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}.card.afford{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 18px #f2c45a8c,0 8px 16px #00000059}.card.recent,.tcard.recent{animation:pop .9s ease-out}@keyframes pop{0%{transform:scale(.85);filter:brightness(1.6)}60%{transform:scale(1.04)}}.card-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:1.9em;padding:0 2px}.pts{font-family:var(--display);font-size:1.85em;font-weight:900;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 6px rgba(0,0,0,.35)}.card-head .bonus{justify-self:end;display:flex}.card-head .bonus .stone{width:1.9em;height:1.9em}.card-head .evo{display:flex;align-items:center;background:#00000059;border-radius:6px;padding:0 .3em 0 0;height:1.75em}.card-head .evo img{width:1.75em;height:1.75em}.evo-need{display:flex;align-items:center;font-weight:700;font-size:1.05em}.evo-need .stone{width:1.2em;height:1.2em}.card-head .evo.special{font-size:.72em;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff3c4;padding:0 .5em}.art-win{aspect-ratio:1.45;width:100%;border-radius:6px;background-color:#00000040;background-repeat:no-repeat;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 2px 4px #0000004d;flex:none}.art-win.full{box-shadow:inset 0 0 0 1.5px #ffe9a0e6,0 0 8px #ffdc7859}.card-foot{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:0 1px}.card .cost{display:flex;flex-wrap:wrap;gap:2px}.art-win{position:relative;overflow:hidden}.card .name{position:absolute;left:0;right:0;bottom:0;padding:.6em .35em .15em;font-family:var(--display);font-size:.95em;font-weight:700;text-align:right;background:linear-gradient(transparent,#000000a6);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip{display:inline-flex;align-items:center;background:#00000080;border-radius:999px;padding:1px 6px 1px 1px;gap:1px;font-weight:700;font-size:13px;line-height:1}.pip .stone{width:18px;height:18px}.card .pip.sm{font-size:1.05em;padding-right:.4em}.card .pip.sm .stone{width:1.45em;height:1.45em}.pip.sm .stone{width:16px;height:16px}.card.back{border-color:#fff3d6;align-items:center;justify-content:center;cursor:default;gap:4px}.card.back.t1{background:radial-gradient(circle at 50% 40%,#a6dc5e,#2f7d1f)}.card.back.t2{background:radial-gradient(circle at 50% 40%,#ffb35c,#b8410c)}.card.back.t3{background:radial-gradient(circle at 50% 40%,#6db8ff,#1d4ed8)}.card.back.trare{background:radial-gradient(circle at 50% 40%,#ff9ccf,#be185d)}.card.back.tlegend{background:radial-gradient(circle at 50% 40%,#c39cff,#5b21b6)}.card.back.clickable{cursor:pointer}.card.back.clickable:hover{transform:translateY(-5px)}.back-logo{width:44%;aspect-ratio:1;border-radius:50%;background:linear-gradient(#e33 0,#e33 46%,#222 46%,#222 54%,#fff 54%);border:3px solid #222;position:relative;display:grid;place-items:center;box-shadow:0 3px 8px #00000059}.back-logo:after{content:"";position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:#fff;border:3px solid #222}.back-label{font-family:var(--display);font-weight:700;font-size:1em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.back-count{font-size:1.5em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card.empty{background:#0000001f;border:2px dashed rgba(255,240,200,.18);box-shadow:none;cursor:default}.specials{display:flex;justify-content:space-around;gap:8px;padding:6px 8px 10px}.special{display:grid;gap:6px;justify-items:center}.special .card{--card-h: clamp(118px, calc(var(--rail-w) * .64), 176px);--card-w: calc(var(--card-h) / 1.4)}.special-label{font-family:var(--display);font-weight:700;color:var(--gold);font-size:14px}.special-label small{font-family:var(--text);color:var(--muted);font-weight:400;font-size:11px}.supply{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 8px}.pile{background:none;border:none;border-radius:14px;padding:4px 0 2px;display:grid;justify-items:center;gap:0;transition:transform .12s,background .12s}.pile:not(.inert):hover{transform:translateY(-3px);background:#ffe6a014}.pile.inert{cursor:default}.pile-chips{position:relative;width:58px;height:70px}.pile .chip{position:absolute;left:0;bottom:calc(var(--k) * 4px);width:58px;height:58px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.pile .chip.ghost{bottom:0;opacity:.18;filter:grayscale(1)}.pile .count{font-family:var(--display);font-weight:900;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tray{display:grid;gap:8px;background:#ffd26e1f;border:1px dashed rgba(255,210,110,.5);padding:8px 10px;border-radius:14px}.tray-stones{display:flex;gap:4px;align-items:center;min-height:36px}.tray-btns{display:flex;gap:6px}.tray-stone{background:none;border:none;padding:0}.tray-stone .stone{width:36px;height:36px}.hint{color:var(--ink-dim);font-size:12px}.tray-err{font-size:12px;color:#ffc0a6}.holds{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.hold{display:grid;justify-items:center;gap:2px}.hold-tok{background:none;border:2px solid transparent;border-radius:999px;padding:0;position:relative;cursor:default;line-height:0}.hold-tok .stone{width:34px;height:34px}.hold-tok .n{position:absolute;right:-6px;bottom:-4px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:var(--night-solid);border:1px solid var(--edge);font-size:11px;font-weight:700}.hold-tok.zero .stone{opacity:.25;filter:grayscale(.8)}.hold-tok.zero .n{opacity:.5}.hold-tok.discardable{cursor:pointer;border-color:#ff8a65;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 14px #ff965acc}}.hold-bonus{font-size:11px;font-weight:700;color:var(--gold);height:14px}.opp{padding:10px 12px;display:grid;gap:8px}.opp.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #f2c45a4d,0 10px 30px #00000073}.opp-head,.opp-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.opp-name{font-family:var(--display);font-weight:700;font-size:16px}.opp-name em{font-family:var(--text);font-style:normal;font-size:11px;color:#9fd3ff}.score{font-family:var(--display);font-weight:900;font-size:24px;color:var(--gold);line-height:1}.score small{font-size:12px;color:var(--muted);font-weight:500}.score.big{font-size:40px}.opp .hold-tok .stone{width:26px;height:26px}.opp .hold-tok .n{min-width:15px;height:15px;line-height:15px;font-size:10px}.opp-team{display:flex;flex-wrap:wrap;gap:3px;min-height:24px}.mini-back,.mini-res{display:inline-block;width:18px;height:25px;border-radius:3px;border:1.5px solid #fff3d6;margin-right:3px;vertical-align:middle;background-size:cover}.mini-back.t1{background:#4f9c2c}.mini-back.t2{background:#d6611c}.mini-back.t3{background:#2b63d8}.tcard{--cc: var(--muted);position:relative;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--cc) 70%,#1a0f08);border:2px solid color-mix(in srgb,var(--cc) 55%,#fff);box-shadow:0 2px 4px #00000059;display:grid;grid-template-columns:50px 1fr;align-items:center;min-height:34px}.tcard.c-fire{--cc: var(--fire)}.tcard.c-water{--cc: var(--water)}.tcard.c-thunder{--cc: var(--thunder)}.tcard.c-leaf{--cc: var(--leaf)}.tcard.c-dusk{--cc: var(--dusk)}.tcard-art{height:100%;min-height:30px;background-repeat:no-repeat;background-color:#0000004d}.tcard-pts{position:absolute;left:3px;top:1px;font-family:var(--display);font-weight:900;font-size:15px;text-shadow:0 1px 2px #000,0 0 4px #000}.tcard-info{display:grid;gap:1px;padding:2px 6px;min-width:0}.tcard-name{font-family:var(--display);font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tcard-evo{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--ink-dim)}.tcard-evo img{width:20px;height:20px;margin:-3px 0}.tcard-evo .stone{width:14px;height:14px}.tcard-evo.ready{color:var(--gold)}.tcard-evo.special,.tcard-evo.final{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.tcard.can-evolve{outline:2px solid var(--gold);animation:pulse 1.2s infinite}.tcard.small{display:block;width:34px;height:26px;min-height:0;border-width:1.5px;border-radius:5px}.tcard.small .tcard-art{min-height:0}.tcard.small .tcard-pts{font-size:11px;left:2px;top:0}.log-mini{font-size:12px;color:var(--ink-dim);display:grid;gap:3px;padding:8px 10px;background:#140c068c;border-radius:12px}.dock{margin:0 18px 14px;min-height:var(--dock-h);background:#5a3418 url(/art/leather.webp) center / 100% 100% no-repeat;border-radius:20px;padding:16px 22px 14px;display:grid;grid-template-columns:140px auto minmax(0,1fr);gap:20px;height:var(--dock-h);align-items:start;box-shadow:0 -2px #ffdca026 inset,0 16px 34px #00000080}.dock.active{box-shadow:0 0 0 2px var(--gold),0 0 26px #f2c45a59,0 16px 34px #00000080}.dock-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-dim);margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dock-name{font-family:var(--display);font-weight:900;font-size:22px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dock-you .muted{color:var(--ink-dim);margin-top:4px}.dock-stones .holds{width:236px}.reserved-cards{display:flex;gap:8px}.dock .reserved-cards .card{--card-h: calc(var(--dock-h) - 54px);--card-w: calc(var(--card-h) / 1.4)}.none{color:var(--ink-dim);font-size:12px;width:calc((var(--dock-h) - 54px) / 1.4);height:calc(var(--dock-h) - 54px);border:2px dashed rgba(255,230,180,.35);border-radius:var(--r);display:grid;place-items:center;text-align:center;padding:10px;line-height:1.5}.team-cols{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.team-col{display:grid;gap:3px;align-content:start;max-height:calc(var(--dock-h) - 48px);overflow-y:auto;scrollbar-width:thin}.team-empty{height:42px;border-radius:8px;border:1.5px dashed rgba(255,230,180,.3);display:grid;place-items:center}.team-empty .stone{opacity:.35;width:24px;height:24px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f09049e;display:grid;place-items:center;z-index:30;padding:16px;animation:fade .15s}.overlay.soft{background:#0f090459}@keyframes fade{0%{opacity:0}}.sheet{padding:20px 22px;width:min(460px,100%);max-height:90vh;overflow-y:auto}.sheet h3,.sheet h2{font-family:var(--display);margin:0 0 8px}.sheet h3 small{font-family:var(--text);font-size:13px;color:var(--muted);font-weight:400}.sheet p{color:var(--ink-dim);line-height:1.5;margin:6px 0}.card-sheet{width:min(640px,100%);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.big-card .card{--card-h: 300px;--card-w: 214px;cursor:default}.pay{margin:12px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sheet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.rules ul{padding-left:20px;line-height:1.55;color:var(--ink-dim)}.over h2{color:var(--gold);font-size:28px}.results{padding-left:22px;display:grid;gap:6px}.results li{padding:7px 10px;border-radius:10px;background:#fff0d212}.results li span:last-child{float:right;color:var(--muted);font-size:13px}.results li.win{background:#f2c45a33}.evolve-sheet{width:min(560px,100%);text-align:center;border-color:var(--gold)}.evolve-sheet h3{color:var(--gold);font-size:26px}.evolve-opts{display:grid;gap:10px;margin:14px 0}.evolve-opt{display:grid;grid-template-columns:110px auto 150px;justify-content:center;align-items:center;gap:10px;background:#0000004d;border:2px solid var(--gold);border-radius:14px;padding:10px 14px;transition:transform .12s,background .12s}.evolve-opt:hover{background:#f2c45a2e;transform:scale(1.02)}.eo-art{aspect-ratio:1.45;border-radius:8px;background-repeat:no-repeat;box-shadow:inset 0 0 0 2px #ffffff80}.eo-arrow{font-size:24px;color:var(--gold)}.eo-text{grid-column:1 / -1;font-size:14px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(340px,90vw);background:var(--night-solid);border-left:1px solid var(--edge);padding:14px;overflow-y:auto;z-index:20;font-size:13px;display:grid;align-content:start;gap:6px;box-shadow:-10px 0 30px #0006}.drawer-head{display:flex;justify-content:space-between;font-family:var(--display);font-weight:700;font-size:18px;margin-bottom:6px}.x{background:none;border:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#3a1a0e;border:1px solid #ff8a65;color:#ffd9c9;padding:10px 18px;border-radius:999px;z-index:50;max-width:calc(100vw - 32px);animation:fade .2s}@media(max-width:1250px){:root{--rail-w: 230px}.dock{grid-template-columns:130px auto 1fr}.dock-team{grid-column:1 / -1}}@media(max-width:980px){:root{--card-w: calc((100vw - 112px)/5) ;--card-h: calc(var(--card-w) * 1.4);--dock-h: 0px}.game{height:auto;overflow:visible;grid-template-rows:auto auto auto}.rail{max-height:none;overflow:visible}.dock{height:auto}.reserved-panel .card,.reserved-panel .none{--card-h: calc(var(--card-w) * 1.4);--card-w: calc((100vw - 80px)/5) }.top{grid-template-columns:1fr auto;padding:8px 12px}.top .ribbon{grid-column:1 / -1;grid-row:2;justify-self:center;white-space:normal}.table{grid-template-columns:1fr;padding:6px 12px}.board{order:0;padding:12px}.rail.right{order:1;grid-template-columns:auto 1fr;align-items:start}.supply{grid-template-columns:repeat(6,1fr);align-self:stretch;align-items:center}.rail.left{order:2}.dock{margin:0 12px 14px;grid-template-columns:1fr;background-size:cover}.dock-stones .holds{width:100%}.team-cols{grid-template-columns:repeat(2,1fr)}.team-col{max-height:none}}@media(max-width:600px){.rail.right{grid-template-columns:1fr}.specials{order:2}.card{border-width:2px;border-radius:7px;padding:2px;gap:2px}.card .name{display:none}.card .pip.sm{padding-right:2px}.pile-chips{width:44px;height:54px}.pile .chip{width:44px;height:44px}.card-sheet{grid-template-columns:1fr;justify-items:center}.evolve-opt{grid-template-columns:80px auto 100px}.brand span{font-size:18px}}.take-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px 6px 2px;border-top:1px solid var(--edge);margin-top:4px}.take-row .pick{display:flex;gap:2px}.take-row .tray-stone .stone{width:30px;height:30px}.pick-err{width:100%;text-align:center;font-size:12px;color:#ffc0a6}@media(max-width:980px){.top{position:sticky;top:0;z-index:10;background:linear-gradient(#28180ceb,#28180cbf);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}:root{--rail-h: calc(100vh - var(--top-h) - var(--dock-h) - 44px);--chip: clamp(26px, min(19cqi, calc(var(--rail-h) * .08)), 80px)}.rail{container-type:inline-size;width:100%;max-width:460px}.rail.left{justify-self:end}.rail.right{justify-self:start}.special .card{--card-h: clamp(76px, min(56cqi, calc(var(--rail-h) * .33)), 250px)}.pile-chips{width:var(--chip);height:calc(var(--chip) + 14px)}.pile .chip{width:var(--chip);height:var(--chip);bottom:calc(var(--k) * var(--chip) / 16)}.pile .count{font-size:clamp(13px,calc(var(--chip) * .3),18px)}.supply{grid-template-columns:repeat(6,1fr)}.pile-chips,.pile .chip{--chip: clamp(26px, min(14cqi, calc(var(--rail-h) * .1)), 72px)}.opp .tcard.small{width:clamp(34px,13cqi,56px);height:calc(clamp(34px,13cqi,56px)*.75)}.opp .hold-tok .stone{width:clamp(26px,9cqi,38px);height:clamp(26px,9cqi,38px)}.none .stone{width:36px;height:36px;opacity:.5}.evo-line{display:flex;align-items:center;gap:6px}@media(max-width:980px){.rail{max-width:none}}.reserved-panel{background:linear-gradient(180deg,#302014eb,#1c120beb);border:1px solid var(--edge);border-radius:16px;box-shadow:0 10px 30px #00000073,inset 0 1px #ffe6aa1f;padding:8px 10px 12px;display:grid;gap:6px;justify-items:center}.reserved-panel .reserved-cards{display:flex;gap:8px;justify-content:center}.reserved-panel .card,.reserved-panel .none{--card-h: clamp(70px, min(40cqi, calc(var(--rail-h) * .25)), 210px);--card-w: calc(var(--card-h) / 1.4);width:var(--card-w);height:var(--card-h)}.reserved-panel .none{padding:0}.rail.left{grid-template-rows:auto}.log-mini{max-height:40vh;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.card.tier-3{border-color:#f4f0ff}.card.tier-3:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,90,90,.16) 30%,rgba(255,220,90,.16) 38%,rgba(110,255,160,.16) 46%,rgba(90,200,255,.16) 54%,rgba(200,120,255,.16) 62%,transparent 72%);background-size:300% 100%;mix-blend-mode:soft-light;animation:foil 5s ease-in-out infinite alternate}.card.tier-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 62%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 35% 75%,rgba(255,255,255,.7) 0 1px,transparent 1.5px);animation:twinkle 2.4s ease-in-out infinite alternate}@keyframes foil{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}.card.tier-3:hover:before{animation-duration:1.6s}.gallery{display:flex;flex-wrap:wrap;gap:10px;padding:16px;--card-h: 196px;--card-w: 140px}.card.fullcard.framed .fullart.blurfill{filter:blur(10px) saturate(1.3);transform:scale(1.15)}.card.fullcard.framed .art-win{flex:none;aspect-ratio:1.45;margin:5% 5% 0;width:auto;border-radius:8px;background-repeat:no-repeat;box-shadow:0 0 0 1.5px #ffffffb3,0 6px 14px #00000073}.card.fullcard.framed .card-foot{flex:1;height:auto;margin-top:4%}.card{padding:0;gap:0;border-width:3px}.card .fullart{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-repeat:no-repeat}.card .card-head{position:absolute;inset:0 0 auto;z-index:3;height:auto;padding:.3em .35em 1.4em;background:linear-gradient(rgba(8,5,3,.62),rgba(8,5,3,.25) 60%,transparent)}.card .card-foot{position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;gap:.25em;padding:1.8em .35em .35em;background:linear-gradient(transparent,color-mix(in srgb,var(--cc) 30%,rgba(8,5,3,.78)) 45%)}.card .card-foot .name{position:static;background:none;padding:0;text-align:left;font-size:1em}.card .card-foot .cost{flex-wrap:wrap;gap:.2em}.card .card-foot .pip.sm{background:#00000073;box-shadow:inset 0 0 0 1px #ffffff24}.card.tier-3:before,.card.tier-3:after,.card.tier-rare:after,.card.tier-legend:after{z-index:2}