:root{--ink: #fbf6ea;--ink-dim: #e3d6bd;--muted: #bfae8e;--gold: #f2c45a;--gold-deep: #b9872a;--bad: #ff8f78;--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: #d9cff0;--display: "Fraunces", Georgia, serif;--text: "DM Sans", system-ui, sans-serif;--r: 10px;--ease: cubic-bezier(.2, .8, .2, 1);--top-h: 46px;--mat-h: clamp(148px, 24vh, 236px);--rail-min: clamp(200px, 19vw, 240px);--rail-h: calc(100vh - var(--top-h) - var(--mat-h) - 26px);--card-h: clamp(86px, min(calc((100vh - var(--top-h) - var(--mat-h) - 66px) / 3), calc((100vw - 2 * var(--rail-min) - 110px) / 5 * 1.4)), 250px);--card-w: calc(var(--card-h) / 1.4)}*{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;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}img{-webkit-user-select:none;user-select:none}.muted{color:var(--muted);font-size:13px}.stone{width:20px;height:20px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.stone.inline{width:16px;height:16px;margin:-3px 0 -2px}.c-fire{--cc: var(--fire)}.c-water{--cc: var(--water)}.c-thunder{--cc: var(--thunder)}.c-leaf{--cc: var(--leaf)}.c-dusk{--cc: var(--dusk)}.c-shiny{--cc: var(--shiny)}#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.fx-chip{position:fixed;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45));will-change:transform}.fx-card{position:fixed;will-change:transform;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.fx-card>.card{width:100%;height:100%;animation:none;translate:none}.fx-card .card-act{display:none}.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);background:linear-gradient(#ffd877,#f0b43c)}.btn.ghost{background:transparent}.btn.sm{padding:6px 14px;font-size:13px}.btn.wide{width:100%}.btn .stone{width:18px;height:18px;margin:-4px 0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary:disabled{filter:grayscale(.85);box-shadow:none;opacity:.4}.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:8px}.x{background:none;border:none;color:var(--muted);font-size:15px}.ibtn,.plaque,.dock-toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(255,220,160,.35),transparent 60%),#4a2e18 url(/art/wood.webp) center / 300% auto;border:1.5px solid rgba(255,214,140,.55);box-shadow:0 2px #00000073,0 5px 10px #00000059,inset 0 1px #fff0c859;color:#fff3d6;text-shadow:0 1px 2px rgba(0,0,0,.7);padding:0}.ibtn{font-size:17px;font-weight:700;line-height:1;transition:transform .1s,filter .15s}.ibtn:hover{filter:brightness(1.2);transform:translateY(-1px)}.plaque{width:40px;height:40px;font-family:var(--display);font-weight:900;font-size:15px;color:var(--gold);border-color:var(--gold);display:flex;align-items:baseline;justify-content:center;padding-top:11px;cursor:default}.plaque small{font-size:9px;color:var(--ink-dim);margin-right:1px}.warn-pill{background:#8a3b14;border:1px solid #ff8a65;border-radius:999px;padding:4px 10px;font-size:12px}.home-card,.sheet,.opp,.supply,.specials,.evo-tray{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;min-height:100dvh;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 16px;text-align:center;position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo h1{margin:0 0 14px;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 14px;line-height:1.45}.field{display:block;text-align:left;margin-bottom:12px}.field span{font-size:13px;color:var(--ink-dim)}.field input,.join input,.local input,.share input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--edge);background:#0000004d;color:var(--ink);margin-top:4px}.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:16px;text-align:left;border-top:1px solid var(--edge);padding-top:14px}.solo{display:grid;gap:10px}.solo-title,.local summary{color:var(--ink-dim);cursor:pointer}.solo-row{display:flex;gap:8px}.solo-row .seg:first-child{flex:1}.solo-row .seg:last-child{flex:1.5}.seg{display:flex;padding:3px;gap:2px;border-radius:999px;background:#00000052;box-shadow:inset 0 0 0 1px var(--edge)}.seg-btn{flex:1;border:none;background:transparent;color:var(--ink-dim);border-radius:999px;padding:8px 6px;font-weight:700;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:linear-gradient(#ffd877,#f0b43c);color:#3b2508;box-shadow:0 2px #a8741c}.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}.share .btn{white-space:nowrap}.lobby-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}.lobby-list li{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#fff0d212;text-align:left;min-height:50px}.lobby-list li img{width:36px;height:36px}.lp-name{font-weight:700}.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}.lobby-list li.off{opacity:.5}.lobby-list li.empty{color:var(--muted);justify-content:center;border:1px dashed var(--edge);background:none}.addbots{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 14px;color:var(--muted)}.addbots span{margin-right:4px}.addbots .seg-btn{flex:none;padding:7px 14px;box-shadow:inset 0 0 0 1px var(--edge);background:#00000040}.addbots .seg-btn:hover{background:#fff0d224}.game{height:100vh;height:100dvh;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) var(--mat-h);padding-bottom:10px;overflow:hidden}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 16px;height:var(--top-h)}.brand{font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6);white-space:nowrap}.brand span{font-size:22px;letter-spacing:0;text-transform:none;color:#fff7e2;margin-left:4px}.top-btns{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ribbon{justify-self:center;display:grid;justify-items:center;align-content:center;min-width:230px;height:40px;padding:0 34px;margin-top:2px;color:#3b2508;background:linear-gradient(#ffe19a,#f0b43c);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));white-space:nowrap;line-height:1.08}.r-main{font-family:var(--display);font-weight:700;font-size:17px}.r-sub{font-size:11.5px;font-weight:700;opacity:.75}.ribbon.wait{background:linear-gradient(#5b4632,#3d2d1f);color:var(--ink-dim)}.ribbon.glow{animation:ribbonGlow 1.4s ease-in-out infinite var(--t, 0s)}@keyframes ribbonGlow{50%{filter:drop-shadow(0 0 14px rgba(255,210,100,.95))}}.table{display:grid;grid-template-columns:minmax(var(--rail-min),1fr) auto minmax(var(--rail-min),1fr);justify-content:center;align-items:start;gap:14px;padding:4px 14px 10px;min-height:0}.rail{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:8px;align-content:start;width:100%;max-width:400px;min-height:0;max-height:var(--rail-h)}.rail.left{justify-self:end}.rail.right{justify-self:start}.board{background:#1d4a3c url(/art/mat.webp) center / 100% 100% no-repeat;border-radius:22px;padding:12px 14px;display:grid;gap:8px;box-shadow:0 18px 40px #00000080,0 2px #ffffff0f inset}.row{display:flex;gap:8px}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--r);position:relative;flex:none;container-type:inline-size;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;color:#fff;font-size:max(11px,calc(var(--card-w) / 10));transition:transform .14s var(--ease),box-shadow .14s}.card[data-card]{cursor:pointer}.card[data-card]:hover{transform:translateY(-4px);box-shadow:0 3px #0003,0 16px 26px #00000073}.card .fullart{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat}.card-head{position:absolute;inset:0 0 auto;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.3em .35em 1.4em;background:linear-gradient(rgba(8,5,3,.62),rgba(8,5,3,.25) 60%,transparent)}.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}@container (max-width: 110px){.card-head .evo{display:none}}.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,.8)) 45%)}.card .name{font-family:var(--display);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .cost{display:flex;flex-wrap:wrap;gap:.2em}.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;background:#00000073;box-shadow:inset 0 0 0 1px #ffffff24}.card .pip.sm .stone{width:1.45em;height:1.45em}.pip.free{opacity:.85}.pip.free b:after{content:"✓";color:#a6f08f;margin-left:1px;font-size:.85em}.pip.short,.card .pip.sm.short{box-shadow:inset 0 0 0 1.5px var(--bad)}.card.afford{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 18px #f2c45a8c,0 8px 16px #00000059}@keyframes bob{50%{translate:0 -3px}}.card-act{position:absolute;inset:auto 9% 37%;z-index:5;display:grid;gap:.35em;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .14s,transform .14s var(--ease)}@media(hover:hover){.card:hover .card-act{opacity:1;pointer-events:auto;transform:none}}@media(hover:none){.card-act{display:none}}.qa{border:none;border-radius:999px;font-weight:800;font-size:max(11px,1em);padding:.42em .4em;display:flex;align-items:center;justify-content:center;gap:.15em;white-space:nowrap;box-shadow:0 3px 8px #00000073;transition:filter .12s,transform .08s}.qa:hover{filter:brightness(1.12)}.qa:active{transform:scale(.96)}.qa.catch{background:linear-gradient(#ffd877,#f0b43c);color:#3b2508;box-shadow:0 2px #a8741c,0 4px 10px #00000073}.qa.res{background:#18100adb;color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge),0 4px 10px #00000073}.qa .plus{display:inline-flex;align-items:center;color:var(--gold)}.qa .stone{width:1.3em;height:1.3em;margin:-.3em 0}.card.tier-3{border-color:#f4f0ff}.card.tier-rare{border-color:#ffd9ef}.card.tier-legend{border-color:#ffe08a;box-shadow:0 0 16px #ffd66b99,0 8px 16px #00000059}.card.tier-3:before,.card.tier-3:after,.card.tier-rare:after,.card.tier-legend:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.card.tier-3:before{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 var(--t, 0s)}.card.tier-3:after{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 var(--t, 0s)}.card.tier-legend:after,.card.tier-rare:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);background-size:250% 100%;animation:sheen 4s linear infinite var(--t, 0s)}@keyframes foil{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}.card.back{border-color:#fff3d6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;cursor:default}.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(-4px)}.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-family:var(--display);font-size:1.6em;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card.back .card-act{inset:auto 9% 9%}.board .card.deck{width:calc(var(--card-w) * .74)}.card.empty{background:#0000001f;border:2px dashed rgba(255,240,200,.18);box-shadow:none;cursor:default}.specials{display:flex;justify-content:space-evenly;gap:8px;padding:6px 8px 10px}.special{display:grid;gap:5px;justify-items:center}.specials{--special-h: clamp(84px, min(43cqi * 1.4, var(--card-h) * 1.2, calc(var(--rail-h) - 44px - 13cqi * 1.35 - 112px)), 250px)}.special .card{--card-h: var(--special-h);--card-w: calc(var(--special-h) / 1.4)}.special-label{font-family:var(--display);font-weight:700;color:var(--gold);font-size:14px;white-space:nowrap}.special-label small{font-family:var(--text);color:var(--muted);font-weight:400;font-size:11px}.supply{--chip: clamp(30px, min(13cqi, calc(var(--rail-h) * .11)), 62px);display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px 6px 6px}.pile{background:none;border:none;border-radius:14px;padding:4px 0 2px;display:grid;justify-items:center;transition:transform .12s var(--ease),background .12s}.pile:not(.inert):hover{transform:translateY(-3px);background:#ffe6a014}.pile:not(.inert):active{transform:translateY(0) scale(.96)}.pile.inert{cursor:default}.pile-chips{position:relative;width:var(--chip);height:calc(var(--chip) * 1.3)}.pile .chip{position:absolute;left:0;bottom:calc(var(--k) * var(--chip) / 16);width:var(--chip);height:var(--chip);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:clamp(13px,calc(var(--chip) * .32),18px);text-shadow:0 1px 2px rgba(0,0,0,.6)}.pickslot{height:44px;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:14px;font-size:13px}.pickslot.idle{justify-content:center}.pickslot.on{background:#140c069e;border:1px dashed rgba(255,210,110,.45)}.pick{display:flex;align-items:center}.pick .stone{width:30px;height:30px}.pick-stone{background:none;border:none;padding:0;margin-right:-4px;line-height:0;transition:transform .1s}.pick-stone:hover{transform:translateY(-2px) rotate(-6deg)}.pick-msg{flex:1;min-width:0;color:var(--ink-dim);opacity:.85;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-left:6px}@container (max-width: 270px){.pickslot.on:not(.discard) .btn.ghost{display:none}.pick-msg{font-size:12px}}.pickslot.idle .pick-msg{flex:none;opacity:.6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pickslot.ready .pick-msg{color:var(--gold);opacity:1;font-weight:700}.pickslot.bad .pick-msg{color:var(--bad);opacity:1}.pickslot .btn.sm{padding:6px 12px}.opp{--ocell-h: clamp(38px, 6.4vh, 60px);padding:7px 10px;display:grid;gap:6px;transition:box-shadow .3s}.opp.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #f2c45a4d,0 10px 30px #00000073}.opp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.opp-name{font-family:var(--display);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-name em{font-family:var(--text);font-style:normal;font-size:11px;color:#9fd3ff}.opp-score{font-family:var(--display);font-weight:900;font-size:22px;color:var(--gold);line-height:1}.opp-score small{font-size:11px;color:var(--muted);font-weight:500}.ocells{display:grid;grid-template-columns:repeat(5,1fr) .85fr;gap:5px}.ocell{height:var(--ocell-h);border-radius:9px;position:relative;display:grid;place-items:center;background:linear-gradient(color-mix(in srgb,var(--cc) 62%,#1a0f08),color-mix(in srgb,var(--cc) 32%,#120a05));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 70%,#fff 10%),0 2px 4px #00000059}.ocell b{font-family:var(--display);font-weight:900;font-size:clamp(17px,calc(var(--ocell-h) * .48),26px);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ocell.nil{opacity:.42}.ocell{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.otok{display:flex;align-items:center;gap:1px;font-size:11px;font-weight:700;line-height:1}.otok .stone{width:clamp(13px,calc(var(--ocell-h) * .3),18px);height:clamp(13px,calc(var(--ocell-h) * .3),18px)}.otok i{font-style:normal}.otok.zero{opacity:.45}.ocell.c-shiny{background:linear-gradient(#463c5ad9,#1e1828e6);box-shadow:inset 0 0 0 1px #e6dcff59,0 2px 4px #00000059;gap:0}.ocell.c-shiny .stone{width:clamp(18px,calc(var(--ocell-h) * .48),26px);height:clamp(18px,calc(var(--ocell-h) * .48),26px)}.ocell.c-shiny b{font-size:clamp(14px,calc(var(--ocell-h) * .36),20px)}.opp-foot{display:flex;align-items:center;gap:8px;min-height:18px;font-size:12px;color:var(--ink-dim);min-width:0}.ores{display:flex;gap:3px;flex:none}.ores:empty{display:none}.last{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.rmini{display:inline-block;width:16px;height:22px;border-radius:3px;border:1.5px solid #fff3d6;background-size:cover;background-position:center;background-color:var(--cc, #555);flex:none}.rmini.back.t1{background:#4f9c2c}.rmini.back.t2{background:#d6611c}.rmini.back.t3{background:#2b63d8}.rmini.none{border-style:dashed;border-color:#ffe6b459;background:none}.rmini.afford{border-color:var(--gold);box-shadow:0 0 8px #f2c45acc}.dock{margin:0 14px;height:var(--mat-h);background:#5a3418 url(/art/leather.webp) center / 100% 100% no-repeat;border-radius:18px;padding:10px 16px;display:grid;grid-template-columns:minmax(84px,112px) minmax(0,1fr) auto;gap:14px;align-items:stretch;box-shadow:0 -2px #ffdca026 inset,0 16px 34px #00000080;position:relative;min-height:0}.dock.active{box-shadow:0 0 0 2px var(--gold),0 0 26px #f2c45a59,0 16px 34px #00000080}.trainer{display:grid;align-content:center;gap:2px;min-width:0;padding-left:4px;cursor:default}.tname{font-family:var(--display);font-weight:900;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tscore{font-family:var(--display);line-height:1;white-space:nowrap}.tscore b{font-weight:900;font-size:clamp(36px,6vh,52px);color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.4)}.tscore small{font-size:14px;color:var(--ink-dim);font-weight:500;margin-left:2px}.tableau{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(54px,.62fr);gap:8px;min-height:0;min-width:0}.pcol{--sh: clamp(28px, 5.2vh, 58px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;min-height:0;min-width:0;padding:6px 6px 4px;border-radius:12px;background:linear-gradient(to top,color-mix(in srgb,var(--cc) 30%,rgba(24,12,4,.5)),color-mix(in srgb,var(--cc) 8%,rgba(24,12,4,.12)) 70%,transparent);box-shadow:inset 0 -2px color-mix(in srgb,var(--cc) 70%,transparent)}.pstack{container-type:size;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.strip{height:var(--sh);flex:none;position:relative;border-radius:7px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--cc) 55%,#fff);background:var(--cc);box-shadow:0 -1px #00000040,0 3px 6px #00000073;cursor:default}.strip+.strip{margin-top:min(3px,calc((100cqh - var(--sh)) / max(var(--n) - 1,1) - var(--sh)))}.strip-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover}.strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a06039e,#0a06031a 70%)}.strip-top{position:absolute;z-index:1;inset:1px 3px auto 4px;height:16px;display:flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.85);min-width:0}.strip-pts{font-family:var(--display);font-weight:900;font-size:14px;flex:none}.strip-pts:empty{display:none}.strip-name{flex:1;min-width:0;font-family:var(--display);font-weight:700;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-x2{flex:none;font-size:10px;font-weight:800;color:#fff3c4}.strip-evo{flex:none;display:flex;align-items:center;height:15px;font-size:10.5px;font-weight:700;padding:0 4px 0 0;border-radius:999px;background:#0a0603b3;color:var(--ink-dim)}.strip-evo img{width:18px;height:18px;margin:-2px 0 -2px -2px}.strip-evo .stone{width:12px;height:12px}.strip-evo.ready{color:var(--gold);box-shadow:0 0 0 1px var(--gold)}@container (max-width: 92px){.strip-name{display:none}}.strip.can-evolve{border-color:var(--gold);animation:glowPulse 1.2s ease-in-out infinite var(--t, 0s)}@keyframes glowPulse{50%{box-shadow:0 0 0 2px var(--gold),0 0 16px #ffc85ae6}}.pslot{height:var(--sh);border-radius:7px;border:1.5px dashed color-mix(in srgb,var(--cc) 50%,rgba(255,230,180,.3));display:grid;place-items:center}.pslot .stone{width:20px;height:20px;opacity:.3}.pfoot{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.pchip{--pc: clamp(28px, 4.6vh, 40px);background:none;border:2px solid transparent;border-radius:999px;padding:0;position:relative;line-height:0;cursor:default;flex:none}.pchip .stone{width:var(--pc);height:var(--pc)}.pchip .n{position:absolute;right:-6px;bottom:-4px;min-width:18px;height:18px;line-height:16px;border-radius:9px;background:var(--night-solid);border:1px solid var(--edge);font-size:11px;font-weight:700;text-align:center}.pchip .plus{position:absolute;right:-8px;top:-6px;min-width:20px;height:17px;line-height:16px;padding:0 3px;border-radius:9px;background:#2f7d1f;border:1px solid #a6f08f;font-size:10.5px;font-weight:800;text-align:center}.pchip.zero .stone{opacity:.28;filter:grayscale(.8)}.pchip.zero .n{opacity:.55}.pchip.discardable{cursor:pointer;border-color:#ff8a65;animation:discardPulse 1.2s infinite var(--t, 0s)}@keyframes discardPulse{50%{box-shadow:0 0 14px #ff965ad9}}.power{font-family:var(--display);font-weight:900;font-size:clamp(16px,2.6vh,22px);color:#fff7e2;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.power.nil{opacity:.4}.power.up{color:#a6f08f}.power.mini{display:none}.power.warn,.shiny-count .warn{color:#ffa07a}.pcol.c-shiny{background:linear-gradient(to top,rgba(60,48,82,.6),rgba(40,30,55,.12) 70%,transparent);box-shadow:inset 0 -2px #e6dcff80}.pcol.c-shiny .pfoot{justify-content:center}.shiny-count{display:grid;place-content:center;text-align:center;color:var(--ink-dim);font-size:11px}.shiny-count b{font-family:var(--display);font-weight:900;font-size:clamp(18px,3vh,26px);color:#fff7e2;line-height:1}.shiny-count b small{font-size:.55em;color:var(--ink-dim)}.dock-res{display:flex;align-items:center}.res-slots{display:flex;gap:8px}.rslot{--card-w: min(calc((var(--mat-h) - 22px) / 1.4), 9vw);--card-h: calc(var(--card-w) * 1.4);align-self:center;width:var(--card-w);height:var(--card-h);flex:none}.rslot.none{border:2px dashed rgba(255,230,180,.32);border-radius:var(--r);display:grid;place-items:center}.rslot.none .stone{width:32px;height:32px;opacity:.35}.res-minis,.dock-toggle{display:none}.evo-tray{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--mat-h) - 22px);z-index:25;display:flex;align-items:center;gap:12px;padding:7px 10px 7px 16px;border-color:var(--gold);box-shadow:0 0 0 1px #f2c45a66,0 0 30px #f2c45a40,0 14px 30px #0000008c;max-width:calc(100vw - 24px)}.evo-title{font-family:var(--display);font-weight:900;font-size:17px;color:var(--gold);white-space:nowrap}.evo-opts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.evo-opt{display:flex;align-items:center;gap:6px;background:#00000052;border:1.5px solid var(--gold);border-radius:12px;padding:6px 10px 6px 6px;flex:none;transition:background .12s,transform .12s var(--ease)}.evo-opt:hover{background:#f2c45a33;transform:translateY(-2px)}.eo-art{width:32px;height:45px;border-radius:6px;background-size:cover;box-shadow:0 0 0 1.5px #fff9}.eo-art.big{width:38px;height:53px;box-shadow:0 0 0 2px var(--gold),0 0 12px #ffd26480}.eo-arrow{color:var(--gold);font-size:16px}.eo-text{display:grid;text-align:left;font-family:var(--display);font-size:14px;padding-left:4px}.eo-text small{font-family:var(--text);color:var(--ink-dim);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f09049e;display:grid;place-items:center;z-index:30;padding:16px}.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}.sheet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.card-sheet{width:min(600px,100%);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;column-gap:20px;align-items:start}.card-sheet .big-card{grid-row:1 / 3}.card-sheet .sheet-actions{grid-column:2;align-self:end}.big-card .card{--card-h: 290px;--card-w: 207px;cursor:default}.card-info{padding-top:4px}.gives{display:flex;align-items:center;gap:4px}.gives .stone{width:18px;height:18px}.evo-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pay{margin:12px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink-dim)}.pay.no>span:first-child{color:var(--bad);font-weight:700}.pay small{display:inline-flex;align-items:center;gap:2px}.pay small .stone{width:16px;height:16px}.rules{width:min(500px,100%)}.rule{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,226,160,.1)}.rule .ri{display:flex;justify-content:center;font-size:22px}.rule .ri .stone{width:24px;height:24px;margin:0 -3px}.rule p{margin:0}.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:40;font-size:13px;display:grid;align-content:start;gap:6px;color:var(--ink-dim);box-shadow:-10px 0 30px #0006}.drawer-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);margin-bottom:6px}.drawer-head small{font-family:var(--text);font-size:12px;color:var(--muted);font-weight:400;margin-right:auto;margin-left:8px}.toast{position:fixed;bottom:calc(var(--mat-h) + 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)}.over{width:min(440px,100%);text-align:center;padding:18px 24px 20px;border-color:var(--gold);overflow:visible}.crown{font-size:46px;line-height:1;margin-top:-42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.win-name{font-family:var(--display);font-weight:900;font-size:26px;color:#fff7e2;margin-top:4px}.win-score{font-family:var(--display);color:var(--ink-dim);font-size:15px}.win-score b{font-size:54px;color:var(--gold);font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.35);vertical-align:-6px;margin-right:4px}.bars{display:grid;gap:8px;margin:16px 0 18px;text-align:left}.bar-row{display:grid;grid-template-columns:minmax(70px,110px) 1fr 30px;grid-template-rows:auto auto;column-gap:10px;align-items:center}.bn{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt{height:12px;border-radius:999px;background:#fff0d21a;overflow:hidden}.bt i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d6a3c,#c9a467)}.bar-row.win .bt i{background:linear-gradient(90deg,#f0b43c,#ffe19a);box-shadow:0 0 10px #ffd26499}.bp{font-family:var(--display);font-weight:900;font-size:18px;text-align:right}.bar-row.win .bp{color:var(--gold)}.bx{grid-column:2 / -1;color:var(--muted);font-size:11.5px}.over-actions{display:grid;gap:8px}.gallery{display:flex;flex-wrap:wrap;gap:10px;padding:16px;--card-h: 196px;--card-w: 140px}@media(max-width:900px){:root{--top-h: 46px;--mini-h: 68px;--card-w: min(150px, calc((100vw - 84px)/4) );--card-h: calc(var(--card-w) * 1.4)}body{background-attachment:scroll}.game{height:auto;min-height:100dvh;display:flex;flex-direction:column;gap:8px;padding-bottom:calc(var(--mini-h) + 14px + env(safe-area-inset-bottom));overflow:visible}.table,.rail.right{display:contents}.top{position:sticky;top:0;z-index:14;order:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 8px;background:linear-gradient(#28180cf5,#28180ce6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:none}.ribbon{justify-self:start;min-width:0;max-width:100%;padding:0 22px 0 18px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,0 50%);border-radius:8px 0 0 8px}.r-main{font-size:15px}.r-sub{font-size:11px}.r-main,.r-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis}.top-btns{gap:6px}.ibtn{width:32px;height:32px;font-size:15px}.plaque{width:34px;height:34px;font-size:13px;padding-top:9px}.rail.left{position:static;top:var(--top-h);z-index:13;order:1;max-width:none;max-height:none;justify-self:stretch;gap:4px;padding:4px 8px 6px;margin-top:-8px;background:linear-gradient(#28180ce6,#22140ae0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 14px #00000059}.rail.left:empty{display:none}.opp{--ocell-h: 30px;grid-template-columns:minmax(88px,104px) minmax(0,1fr);grid-template-areas:"head cells" "foot cells";gap:0 8px;padding:4px 8px;border-radius:10px;box-shadow:none;background:#fff0d20d}.opp.active{box-shadow:0 0 0 1px var(--gold)}.opp-head{grid-area:head;align-items:center}.opp-name{font-size:13px}.opp-name em{display:none}.opp-score{font-size:17px}.opp-score small{display:none}.ocells{grid-area:cells;gap:4px;align-self:center}.ocell{border-radius:7px}.ocell b{font-size:15px}.ocell{flex-direction:row;gap:2px}.otok{flex-direction:column;font-size:10px;gap:0}.otok .stone,.ocell.c-shiny .stone{width:14px;height:14px}.ocell.c-shiny{flex-direction:column}.ocell.c-shiny b{font-size:11px}.opp-foot{grid-area:foot;font-size:11px;min-height:14px}.ores{display:none}.board{order:2;margin:0 8px;padding:8px;gap:6px;align-self:center}.row{gap:5px}.board .card.back{width:28px;border-width:2px;border-radius:7px;gap:3px}.board .card.back .back-logo{width:18px;border-width:2px}.board .card.back .back-logo:after{border-width:2px}.board .card.back .back-label{display:none}.board .card.back .back-count{font-size:13px}.card{border-width:2px;border-radius:8px;font-size:max(9px,calc(var(--card-w) / 8.2))}.card .name{font-size:.9em}.card-head{padding:.25em .3em 1.1em}.card-foot{padding:1.4em .3em .3em}.card.afford{outline-width:2px;outline-offset:1px}.specials{order:4;margin:0 8px;display:grid;grid-template-columns:1fr 1fr;padding:6px 8px 8px}.special{justify-items:stretch;gap:3px}.special-label{font-size:13px;padding-left:2px}.special .card{--card-w: 104px;--card-h: 92px;width:100%;height:92px;font-size:11px}.special .card .fullart{background-position:center 30%!important}.supply{--chip: clamp(36px, 11vw, 52px);order:3;margin:0 8px;padding:6px 4px 4px}.pickslot{display:none;position:fixed;left:8px;right:8px;bottom:calc(var(--mini-h) + 10px + env(safe-area-inset-bottom));z-index:20;height:52px;padding:0 6px 0 10px}.pickslot.on{display:flex;background:linear-gradient(180deg,#302014f7,#1c120bf7);border:1px solid var(--gold);box-shadow:0 10px 26px #0000008c}.game.picking{padding-bottom:calc(var(--mini-h) + 76px + env(safe-area-inset-bottom))}.game.dock-open .pickslot{bottom:calc(var(--open-h, 60vh) + 10px)}.pickslot .btn.sm{padding:9px 16px;font-size:14px}.pick .stone{width:34px;height:34px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:18;margin:0;height:calc(var(--mini-h) + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;padding:6px 8px calc(6px + env(safe-area-inset-bottom)) 10px;grid-template-columns:52px minmax(0,1fr) 44px;gap:8px;align-items:center;background-size:cover;box-shadow:0 -8px 24px #00000080,inset 0 1px #ffdca040;transition:height .25s var(--ease)}.dock.active{box-shadow:0 0 0 2px var(--gold),0 -8px 24px #00000080}.trainer{padding:0;justify-items:center}.tname{font-size:11px;max-width:52px;font-family:var(--text);font-weight:700;color:var(--ink-dim)}.tscore b{font-size:28px}.tscore small{font-size:11px}.tableau{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;align-self:stretch}.pcol,.pcol.c-shiny{padding:0;background:none;box-shadow:none;grid-template-rows:auto;align-content:center}.pstack{display:none}.pfoot{flex-direction:column;gap:1px;justify-content:center}.pchip{--pc: 30px;min-width:36px;min-height:36px}.pchip .n{min-width:16px;height:16px;line-height:14px;font-size:10px;right:-5px;bottom:-3px}.power{font-size:13px;line-height:1}.power.mini{display:block;font-family:var(--text);font-weight:700;font-size:11px}.res-slots{display:none}.dock:not(.open) .dock-res{display:none}.res-minis{display:flex;gap:3px}.res-minis .rmini{width:20px;height:28px;cursor:pointer}.dock-toggle{display:grid;width:44px;height:44px;font-size:18px;line-height:1}.dock.open{height:auto;max-height:calc(60vh + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"trainer res toggle" "tab tab tab";align-items:stretch;padding-top:10px;row-gap:10px}.dock.open .trainer{grid-area:trainer;justify-items:start;align-content:center}.dock.open .tname{font-family:var(--display);font-size:16px;max-width:none;color:var(--ink)}.dock.open .tscore b{font-size:34px}.dock.open .tableau{grid-area:tab;gap:4px}.dock.open .pcol{--sh: 34px;container-type:inline-size;padding:4px 3px 3px;gap:4px;grid-template-rows:minmax(0,1fr) auto;border-radius:9px;background:color-mix(in srgb,var(--cc) 16%,rgba(24,12,4,.42));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 45%,transparent)}.dock.open .pcol.c-shiny{background:#281e3780}.dock.open .pstack{display:flex;container-type:normal;min-height:calc(var(--sh) * 2 + 6px)}.dock.open .tableau{overflow-y:auto;scrollbar-width:none}.dock.open .pstack.shiny-count{display:grid}.dock.open .power.mini{display:none}.dock.open .dock-res{grid-area:res}.dock.open .res-slots{display:flex;gap:5px}.dock.open .rslot{--card-h: 84px;--card-w: 60px}.dock.open .rslot .card{font-size:7.5px}.dock.open .res-minis{display:none}.dock.open .dock-toggle{grid-area:toggle;align-self:start}.evo-tray{left:8px;right:8px;transform:none;bottom:calc(var(--mini-h) + 10px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;padding:10px}.evo-opts{flex:1 1 100%;order:3}.evo-title{flex:1}.toast{bottom:calc(var(--mini-h) + 16px)}.overlay.sheet-wrap{place-items:end stretch;padding:0}.card-sheet{width:100%;max-height:88vh;border-radius:20px 20px 0 0;grid-template-columns:112px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:16px 14px calc(14px + env(safe-area-inset-bottom))}.card-sheet .big-card{grid-row:1}.big-card .card{--card-w: 112px;--card-h: 157px;font-size:11px}.card-sheet .sheet-actions{grid-column:1 / -1;display:grid;grid-auto-flow:row;gap:8px}.card-sheet .btn.big{min-height:52px;width:100%;font-size:16px}.card-sheet h3{font-size:20px}.card-sheet h3 small{display:block}.gallery{--card-w: 100px;--card-h: 140px}}@media(max-width:900px)and (max-height:500px){.rail.left{position:static;margin-top:0}}@media(max-width:420px){.opp{grid-template-columns:90px minmax(0,1fr);gap:0 6px}.ocells{gap:3px}.home-card{padding:20px 16px 12px}.logo h1 span{font-size:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:focus-visible{outline:3px solid #fff1ba;outline-offset:3px}.card:focus-visible{transform:translateY(-3px)}@media(hover:hover){.card:focus-within .card-act{opacity:1;pointer-events:auto;transform:none}}@media(max-width:900px){.home input{font-size:16px}.pickslot .btn,.pick-stone{min-height:44px}.pick-stone{min-width:36px}}.dock-toggle small{font:10px var(--text);color:var(--ink-dim);margin-top:-9px}@media(min-width:901px){.card .pip.sm{font-size:clamp(14px,1.05vw,18px);padding:2px 5px 2px 1px;gap:1px}.card .pip.sm .stone{width:18px;height:18px}.card .cost{gap:3px}.card-foot{background:linear-gradient(transparent,#0c100feb 40%)}}@media(min-width:901px)and (max-height:750px){:root{--card-w: calc(var(--card-h) / 1.18)}}.pip.free,.card .pip.sm.free{opacity:1;box-shadow:inset 0 -2px #a6f08f}.pip.free b:after{content:none}.tableau{grid-template-columns:40px repeat(5,minmax(0,1fr)) minmax(48px,.62fr);gap:6px}.pfoot{flex-direction:column;justify-content:end;gap:4px}.permanent{display:grid;place-items:center;width:32px;height:22px;border-radius:4px;border:1px solid color-mix(in srgb,var(--cc) 70%,white);background:color-mix(in srgb,var(--cc) 30%,#171e1d);font:800 15px var(--text);box-shadow:2px -2px #201911,3px -3px color-mix(in srgb,var(--cc) 55%,#fff)}.permanent.nil{color:#c9bca6;border-color:#8b7961;box-shadow:none;background:#30291f}.permanent.wild{font-size:10px;border:none;background:none;box-shadow:none;color:var(--ink-dim)}.mat-key{display:flex;flex-direction:column;justify-content:end;align-items:end;gap:4px;padding-bottom:4px;color:var(--ink-dim);font-size:10px}.mat-key span:first-child{height:22px;line-height:22px}.mat-key span:last-child{height:calc(clamp(28px,4.6vh,40px) + 4px);display:grid;align-items:center}.held-total{font-size:11px;color:var(--ink-dim);margin-top:8px}.shiny-count{visibility:hidden}.pchip .n{font-size:13px;min-width:20px;height:20px;line-height:18px;bottom:-1px;right:-5px;color:#fff8e7;background:#211b15}.pchip.zero .n{opacity:1;color:#c6b69e}@media(max-width:900px){:root{--mini-h: 116px}.dock{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px 1fr;gap:4px;padding:6px 12px calc(8px + env(safe-area-inset-bottom))}.dock .trainer{grid-column:1;display:flex;align-items:baseline;gap:7px;justify-content:start}.dock .tname{max-width:80px;font-size:12px}.dock .tscore b{font-size:23px}.held-total{margin:0;font-size:10px;white-space:nowrap}.dock .tableau{grid-column:1 / -1;grid-row:2;grid-template-columns:34px repeat(6,minmax(0,1fr));gap:3px}.dock .pfoot{gap:3px}.dock .pchip{--pc: 30px;min-width:40px;min-height:40px}.dock .pchip .n{right:-1px;bottom:0;font-size:12px}.dock .permanent{width:28px;height:20px;font-size:13px}.dock .permanent.wild{font-size:10px}.mat-key{padding-bottom:0;gap:3px;font-size:9px}.mat-key span:first-child{height:20px;line-height:20px}.mat-key span:last-child{height:40px}.dock-toggle{grid-column:2;grid-row:1;width:auto;min-width:96px;height:32px;display:flex;flex-direction:row-reverse;gap:6px;align-items:center;justify-content:center;border-radius:8px;background:#302318;border:1px solid var(--edge)}.dock-toggle small{margin:0;font-size:10px}.dock.open{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:26px auto minmax(0,1fr);grid-template-areas:"trainer toggle" "res res" "tab tab";row-gap:8px}.dock.open .trainer{display:flex}.dock.open .tname{font:700 12px var(--text)}.dock.open .tscore b{font-size:23px}.dock.open .tableau{grid-row:3}.dock.open .dock-res{justify-content:center}.dock.open .dock-toggle{align-self:center}.dock.open .pcol{padding:3px 0 0}.dock.open .pstack{min-height:50px}.dock.open .mat-key{padding-bottom:0}.dock.open .rslot{--card-w: 66px;--card-h: 90px}.dock.open .rslot .card,.dock.open .rslot .card .name{font-size:9px}.pickslot .btn.ghost{padding-inline:8px}.pickslot .pick-msg{font-size:11px}}.lobby-card{width:min(460px,100%)}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;margin-bottom:20px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--gold)}.lobby-heading h2{font-size:29px;margin:4px 0 0}.room-seal{display:grid;gap:4px;padding:10px 12px;border:1px solid #a48449;border-radius:10px;background:#171c19;text-align:center}.room-seal small{font-size:10px;color:var(--ink-dim)}.room-seal .code{font:800 22px var(--text);letter-spacing:3px}.lobby-list{gap:8px}.lobby-list li{min-height:62px;padding:7px 10px;border:1px solid rgba(255,226,160,.12);background:linear-gradient(100deg,#54402b88,#392c1e88)}.lobby-list li img{width:40px;height:40px;flex:none;object-fit:contain;border-radius:50%;background:#171c1966}.lp-info{display:grid;gap:4px;min-width:0;flex:1}.lp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-meta{display:flex;gap:6px}.lobby-list li em{font-size:11px}.lobby-list li .rm{width:40px;height:40px;flex:none}.lobby-list li.empty{justify-content:start;font-size:12px}.lobby-list li.empty small{display:block;font-size:10px;margin-top:3px;opacity:.8}.seat-outline{display:grid;place-items:center;width:40px;height:40px;border:1px dashed var(--edge);border-radius:50%;font-size:20px}.lobby-card .share{margin-bottom:18px}.lobby-card .share input{min-width:0;font-size:12px}.lobby-card .addbots{gap:5px}.lobby-card .addbots .seg-btn{padding:10px 12px;min-height:42px}@media(max-width:900px){.home{padding:20px 16px}.lobby-heading{margin-bottom:14px}.lobby-heading h2{font-size:25px}.lobby-card .share .btn{padding-inline:14px}.lobby-card .share input{font-size:16px}.home .link{min-height:40px}}.sheet,.evo-tray{background:linear-gradient(145deg,#342719,#201911)}.mat-key{font-size:11px}@media(min-width:901px){.evo-tray{bottom:calc(var(--mat-h) - 62px)}}@media(max-width:900px){.card .name{font-size:10px}.card .pip.sm{font-size:11px;padding:1px 3px 1px 1px;gap:0}.card .pip.sm .stone{width:13px;height:13px}.big-card .pip.sm{font-size:13px}.big-card .pip.sm .stone{width:16px;height:16px}.mat-key{font-size:10px}.dock .pchip{min-width:44px;min-height:44px}.mat-key span:last-child{height:44px}}