:root{--wl-ink: #123047;--wl-teal: #0f5a7a;--wl-cream: #faf3d6;--wl-paper: #fffbea;--wl-red: #e0453a;--wl-yellow: #f6d43b;--wl-green: #7bc74d;--wl-blue: #3fb3e6;--wl-muted: #6b6258;--wl-shadow: 0 8px 0 rgb(18 48 71 / 18%);--wl-radius-card: 28px;--wl-font-display: "Kanit", "Noto Sans Thai", sans-serif;--wl-font-body: "Pridi", "Noto Serif Thai", serif;--wl-font-number: "Sora", system-ui, sans-serif}.wl-paper{color:var(--wl-ink);background-color:var(--wl-paper);background-image:radial-gradient(rgb(18 48 71 / 7%) .8px,transparent .8px);background-size:18px 18px}.wl-button{min-height:44px;border:3px solid var(--wl-ink);border-radius:999px;box-shadow:var(--wl-shadow);font:700 1rem/1 var(--wl-font-display)}.wl-block-r,.wl-block-y,.wl-block-g,.wl-block-b{color:var(--wl-ink);border:3px solid var(--wl-ink)}.wl-block-r{background:var(--wl-red)}.wl-block-y{background:var(--wl-yellow)}.wl-block-g{background:var(--wl-green)}.wl-block-b{background:var(--wl-blue)}:root{color-scheme:light;--pc: var(--wl-teal);--gap: 12px;--radius: 16px;--line: 3px solid var(--wl-ink);--ok: #1f7a3a;--bad: #b3261e;--slot: 34px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--wl-paper);color:var(--wl-ink);font:16px/1.5 var(--wl-font-display);-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(rgb(18 48 71 / 7%) .8px,transparent .8px);background-size:18px 18px}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:clamp(1.5rem,4vw,2.2rem)}h2{font-size:1.05rem}p{margin:0 0 8px}img{max-width:100%}kbd{font:600 .65rem var(--wl-font-number);border:1px solid currentColor;border-radius:4px;padding:0 4px;margin-left:6px;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--wl-blue);outline-offset:2px}.note{color:var(--wl-muted);font-size:.9rem}.spacer{flex:1}.wl-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 18px;background:var(--wl-cream);color:var(--wl-ink);cursor:pointer;transition:transform .08s,box-shadow .08s;white-space:nowrap}.wl-button:hover:not(:disabled){transform:translateY(-1px)}.wl-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #1230472e}.wl-button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--wl-yellow)}.btn-danger{background:#fbd3cf}.btn-ghost{background:transparent;box-shadow:none;border-width:2px}button.mini{font:600 .8rem var(--wl-font-display);border:2px solid var(--wl-ink);border-radius:999px;background:var(--wl-cream);padding:2px 10px;min-height:30px;cursor:pointer}button.mini:disabled{opacity:.4;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:4px;font:600 .75rem var(--wl-font-display);border:2px solid var(--wl-ink);border-radius:999px;background:#fff;padding:1px 8px;cursor:pointer}.chip.debt-skill{background:var(--wl-yellow);cursor:default}.tag{font-size:.72rem;font-weight:700;border-radius:6px;padding:0 6px}.tag.good{background:#d5f1d9;color:var(--ok)}.tag.bad{background:#fbd3cf;color:var(--bad)}.seg{display:inline-flex;flex-wrap:wrap;border:2px solid var(--wl-ink);border-radius:12px;overflow:hidden}.seg button{font:600 .85rem var(--wl-font-display);border:0;border-right:2px solid var(--wl-ink);background:#fff;padding:6px 10px;min-height:40px;cursor:pointer}.seg button:last-child{border-right:0}.seg button.on{background:var(--wl-teal);color:#fff}.block{--c: #ccc;position:relative;display:inline-grid;place-items:center;width:28px;height:28px;border:3px solid var(--wl-ink);border-radius:6px;background:var(--c);box-shadow:inset -4px -4px #00000024,inset 3px 3px #ffffff59;color:var(--wl-ink);font-size:12px;line-height:1;flex:none}.block-sm{width:22px;height:22px;font-size:10px;border-width:2px}.block-lg{width:44px;height:44px;font-size:18px}.block-R{--c: var(--wl-red)}.block-Y{--c: var(--wl-yellow)}.block-G{--c: var(--wl-green)}.block-B{--c: var(--wl-blue)}.block.dim{opacity:.35}.block.selected{outline:4px solid var(--wl-ink);outline-offset:3px;transform:translateY(-4px)}.block-letter{position:absolute;right:1px;bottom:-1px;font:800 9px var(--wl-font-number)}[data-colorblind=true] .block-sym{font-size:1.15em;font-weight:900}.card-art{aspect-ratio:744 / 1039;width:100%;border-radius:7%;overflow:hidden}.card-art-inner,.card-art-inner svg{display:block;width:100%;height:100%}.card-art.raster{aspect-ratio:auto;border-radius:6%;box-shadow:var(--wl-shadow)}.card-art.raster img{display:block;width:100%;height:auto}.card-art-placeholder{width:100%;height:100%;background:var(--wl-cream);border:2px dashed rgb(18 48 71 / 25%);border-radius:inherit}.card-large{width:min(420px,78vw);margin:0 auto}.portrait{border-radius:50%;background:var(--wl-cream);object-fit:cover;object-position:top;border:2px solid var(--wl-ink);flex:none}.home{position:relative;min-height:100dvh;display:grid;align-items:start;justify-items:start}.home-cover{position:absolute;inset:0}.home-cover img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;transform:scaleX(-1)}.home-panel{position:relative;margin:16px;padding:20px;border:var(--line);border-radius:24px;box-shadow:var(--wl-shadow);max-width:520px}.home-logo{width:100%;max-width:440px;display:block}.home-tagline{font-family:var(--wl-font-body);font-size:1.02rem}.home-announcement{margin:8px 0 0;padding:8px 12px;border:2px solid var(--wl-ink);border-radius:12px;background:var(--wl-yellow);font-weight:600;white-space:pre-line}.home-actions{display:grid;gap:10px;margin:12px 0}.home-actions>.wl-button{min-height:52px;font-size:1.1rem}.home-row{display:flex;flex-wrap:wrap;gap:8px}.home-history,.home-credit{font-size:.8rem;color:var(--wl-muted);margin:0}.home-board{position:relative;width:calc(100% - 32px);max-width:420px;margin:0 16px 24px;justify-self:center;padding:18px 20px 14px;border:var(--line);border-radius:24px;box-shadow:var(--wl-shadow)}.home-board header h2{margin:0;font:800 1.35rem/1.2 var(--wl-font-display)}.home-board header p{margin:4px 0 12px;font-family:var(--wl-font-body);font-size:.92rem;color:var(--wl-muted)}.hb-empty{margin:8px 0;padding:14px;border:2px dashed var(--wl-ink);border-radius:14px;text-align:center;font-weight:600}.hb-champ{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;padding:12px 14px;border:var(--line);border-radius:18px;background:var(--wl-yellow)}.hb-champ.mine{outline:3px solid var(--wl-teal);outline-offset:2px}.hb-crown{grid-row:span 2;font-size:2rem}.hb-champ-name{font:800 1.2rem/1.2 var(--wl-font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-champ-score{grid-row:span 2;font:800 1.8rem/1 var(--wl-font-number)}.hb-champ small{color:var(--wl-ink);opacity:.75}.hb-list{list-style:none;margin:10px 0 0;padding:0}.hb-list li{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid rgb(18 48 71 / 12%)}.hb-list li.mine{background:#fff7c7;border-radius:10px;font-weight:700}.hb-rank{text-align:center;font:700 .95rem var(--wl-font-number)}.hb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-name em{font-style:normal;color:var(--wl-teal)}.hb-score{font:800 1.05rem var(--wl-font-number)}.home-board footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--wl-muted)}.hb-more{border:0;background:none;font:700 .95rem var(--wl-font-display);color:var(--wl-teal);cursor:pointer;text-decoration:underline}.lb-tabs{display:inline-flex;gap:4px;margin-bottom:10px;padding:3px;border:2px solid var(--wl-ink);border-radius:999px}.lb-tabs button{border:0;background:none;border-radius:999px;padding:4px 14px;font:600 .9rem var(--wl-font-display);cursor:pointer}.lb-tabs button.on{background:var(--wl-ink);color:var(--wl-paper)}@media(min-width:900px){.home{grid-template-columns:auto 1fr}.home-panel{margin:3vh 0 0 3vw;max-width:440px}.home-board{align-self:start;margin:3vh 3vw}}.setup,.draft,.results{max-width:920px;margin:0 auto;padding:20px 16px 40px}.setup-count{border:0;padding:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.setup-count legend{font-weight:700;margin-bottom:6px}.setup-count .chip{font-size:1.1rem;padding:6px 16px}.setup-count .chip.on{background:var(--wl-teal);color:#fff}.setup-count input{position:absolute;opacity:0;width:1px;height:1px}.setup-count .chip:focus-within{outline:3px solid var(--wl-blue);outline-offset:2px}.seat-list{list-style:none;padding:0;display:grid;gap:10px;margin:16px 0}.seat{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:2px solid var(--wl-ink);border-radius:var(--radius);background:#fff;padding:8px 10px}.seat-avatar{border:0;background:none;padding:0;cursor:pointer}.seat-name input{font:600 1rem var(--wl-font-display);border:2px solid var(--wl-ink);border-radius:10px;padding:6px 10px;width:170px;min-height:40px}.check{display:flex;gap:8px;align-items:center;margin:8px 0}.check input{width:20px;height:20px}.advanced{margin:8px 0}.advanced input{margin-top:6px;font:inherit;padding:6px 10px;border:2px solid var(--wl-ink);border-radius:10px}.setup-actions,.buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.draft-picker{display:flex;gap:10px;align-items:center;margin:12px 0}.draft-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.draft-card{border:0;background:none;padding:0;cursor:pointer;text-align:center;font:inherit}.draft-card:disabled{cursor:default}.draft-card:not(:disabled):hover .card-art{transform:translateY(-4px) rotate(-1deg)}.draft-card .card-art{transition:transform .15s;box-shadow:var(--wl-shadow)}.draft-summary{display:block;font-size:.85rem;margin-top:6px}.draft-taken{list-style:none;padding:0;display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.draft-taken li{display:flex;align-items:center;gap:6px}.game{display:grid;grid-template-columns:250px minmax(0,1fr) 240px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "opp board log" "dock dock dock";height:100dvh;gap:0 var(--gap)}.topbar{grid-area:top;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--wl-teal);color:var(--wl-cream);border-bottom:var(--line)}.topbar .brand{font-size:1.05rem;letter-spacing:.01em}.topbar .btn-ghost{color:var(--wl-cream);border-color:#faf3d67f;padding:4px 10px;min-height:38px}.pill{background:var(--wl-cream);color:var(--wl-ink);border-radius:999px;padding:1px 10px;font-weight:700;font-size:.85rem}.opponents{grid-area:opp;overflow-y:auto;padding:10px 0 10px 10px;display:grid;align-content:start;gap:8px}.board{grid-area:board;overflow-y:auto;padding:10px 0;min-width:0}.log{grid-area:log;overflow:hidden;display:flex;flex-direction:column;padding:10px 10px 10px 0}.dock{grid-area:dock;border-top:var(--line);background:var(--wl-cream);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;gap:6px}.player-card{border:2px solid var(--wl-ink);border-left:8px solid var(--pc);border-radius:14px;background:#fff;padding:8px 10px;font-size:.85rem;position:relative}.player-card.active{box-shadow:0 0 0 3px var(--wl-yellow),var(--wl-shadow)}.player-card header{display:flex;gap:8px;align-items:center}.pc-name{display:grid;line-height:1.15;min-width:0;flex:1}.pc-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-name small{color:var(--wl-muted);font-size:.7rem}.pc-coins,.my-coins{position:relative;font:800 1.05rem var(--wl-font-number)}.pc-row{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;align-items:center}.pc-hand,.pc-skills,.pc-lotto{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pc-lotto img{border-radius:4px;border:1px solid var(--wl-ink)}.pc-thinking{font-size:.75rem;color:var(--wl-teal);margin:4px 0 0;animation:pulse 1s infinite alternate}.coin-float{position:absolute;right:0;top:-6px;font-size:.95rem;pointer-events:none;animation:float-up 1.4s ease-out forwards}.coin-float.up{color:var(--ok)}.coin-float.down{color:var(--bad)}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}@keyframes pulse{0%{opacity:.45}to{opacity:1}}.debt-meter{position:relative;height:18px;border:2px solid var(--wl-ink);border-radius:999px;background:#fff;overflow:hidden;margin-top:6px;font:700 .68rem/14px var(--wl-font-display);text-align:center;min-width:110px}.debt-fill{position:absolute;inset:0 auto 0 0;background:#b9e3c3;transition:width .4s}.debt-meter.warn .debt-fill{background:var(--wl-yellow)}.debt-meter.danger .debt-fill{background:#f39a91}.debt-meter span{position:relative}.sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap)}.site{position:relative;overflow:hidden;border:1px solid rgb(250 243 214 / 28%);border-radius:var(--radius);background-color:#234253;background-image:linear-gradient(180deg,#051b2805,#051b280d 62%,#051b2824),var(--site-art, linear-gradient(180deg, #7c5638, #5c3c25));background-position:center;background-size:cover;color:var(--wl-cream);padding:8px;display:grid;gap:6px;align-content:start;box-shadow:var(--wl-shadow)}.site-empty{background:#ddd;color:var(--wl-muted);place-items:center}.site-selectable{outline:3px dashed var(--wl-yellow);outline-offset:2px}.site-active{box-shadow:0 0 0 4px var(--wl-yellow),var(--wl-shadow)}.site-head{display:flex;gap:6px;align-items:center;min-height:30px;width:fit-content;padding:2px 7px 2px 2px;border-radius:999px;background:#081e2ac2;box-shadow:0 2px 8px #05141d4d;backdrop-filter:blur(3px)}.site-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--wl-yellow);color:var(--wl-ink);font:800 .9rem var(--wl-font-number)}.site-card-id{font:700 .8rem var(--wl-font-number);color:var(--wl-cream);background:none;border:1px solid rgb(250 243 214 / 45%);border-radius:6px;cursor:pointer;padding:1px 6px}.site-progress{font:600 .75rem var(--wl-font-number);opacity:.8}.floors{display:grid;gap:5px;padding:5px 4px;border:1px solid rgb(250 243 214 / 12%);border-radius:12px;background:transparent}.floor{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:6px;min-height:79px;padding:4px;border-radius:10px;border:1px solid transparent;background:transparent}.floor-current{border-color:#faf3d63d;background:#faf3d621;box-shadow:inset 0 0 18px #faf3d60d}.floor-locked{opacity:.86}.floor-complete .slot.filled{background:#05141d1f;border-color:transparent}.floor-complete .slot.filled .block{opacity:.38;filter:saturate(.45) brightness(.82)}.floor-label{font-size:.68rem;font-weight:700;text-align:center;text-shadow:0 2px 3px rgb(3 18 27 / 85%)}.floor-content{display:grid;justify-items:center;gap:4px}.floor-grid{display:grid;grid-template-columns:repeat(2,var(--slot));grid-template-rows:repeat(2,var(--slot));gap:4px;justify-content:center}.slot{--c: #ccc;position:relative;display:grid;place-items:center;width:var(--slot);height:var(--slot);border-radius:8px;border:2px solid rgb(18 48 71 / 70%);background:color-mix(in srgb,var(--c) 55%,#fff);padding:0;color:var(--wl-ink);font-size:15px;cursor:default}.slot-R{--c: var(--wl-red)}.slot-Y{--c: var(--wl-yellow)}.slot-G{--c: var(--wl-green)}.slot-B{--c: var(--wl-blue)}.slot.filled{background:#00000038;border-color:transparent}.slot.legal{cursor:pointer;border:3px solid var(--wl-yellow);box-shadow:0 0 0 3px #f6d43b8c;animation:glow .9s infinite alternate}.slot.candidate{cursor:pointer;outline:3px dashed #fff}.slot.picked{outline:3px solid var(--bad);opacity:.6}.slot-star{position:absolute;top:-8px;right:-6px;font-size:12px;color:var(--wl-yellow);text-shadow:0 0 2px var(--wl-ink)}.site-worker-queue{display:flex;flex-flow:row wrap-reverse;align-content:flex-start;justify-content:center;width:min(100%,108px);min-height:29px;max-height:55px;padding:3px 8px 3px 5px;border:1px solid rgb(250 243 214 / 45%);border-radius:999px 999px 8px 8px;background:#071b27c2;box-shadow:0 3px 8px #03121b73}.site-worker{position:relative;margin-right:-5px;line-height:0}.site-worker .portrait{display:block;border:2px solid var(--wl-cream)}.site-worker-freelancer{display:grid;place-items:center;width:29px;height:29px;border:2px solid var(--wl-cream);border-radius:50%;background:var(--wl-yellow);font-size:1.05rem;line-height:1}@keyframes glow{to{box-shadow:0 0 0 6px #f6d43b4d}}.site-go{min-height:40px;padding:6px 10px;font-size:.9rem}.site-go.crowded{background:#fbd3cf}.market{margin-top:14px;border:2px solid var(--wl-ink);border-radius:var(--radius);background:#ffffffb3;padding:10px}.market-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.market-cards[hidden]{display:none}.market-tab{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;width:100%;border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.market-tab h2{margin:0}.market.open .market-tab{margin-bottom:8px}.market-tab small{color:var(--wl-muted);font-size:.78rem}.market-chev{margin-left:auto;font-size:1.1rem}.market.open.buying{box-shadow:0 0 0 3px var(--wl-yellow)}.market-card{position:relative;border:0;background:none;padding:0;cursor:pointer}.market-card.buyable .card-art{box-shadow:0 0 0 4px var(--wl-yellow);transform:translateY(-3px)}.buy-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:var(--wl-yellow);border:2px solid var(--wl-ink);border-radius:999px;font:700 .75rem var(--wl-font-display);padding:0 8px;white-space:nowrap}.decks{display:flex;gap:10px;margin-top:10px;align-items:flex-end;flex-wrap:wrap}.deck{width:66px;display:grid;gap:2px;justify-items:center;font:700 .75rem var(--wl-font-number);background:none;border:0;padding:0;color:inherit;cursor:pointer}.deck-text{width:auto;justify-items:start;font-family:var(--wl-font-display);cursor:default}.bag{font-size:1.6rem}.log ol{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;flex:1;font-size:.78rem}.log li{border-left:4px solid transparent;padding:2px 6px;margin-bottom:2px;background:#ffffff8c;border-radius:4px}.log-good{color:var(--ok)}.log-bad{color:var(--bad)}.log-info{font-weight:700}.action-bar{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.action-bar .prompt{flex:1 1 320px;margin:0;font-size:.92rem}.action-bar .hint{flex-basis:100%;margin:0;background:#fff7c7;border:2px dashed var(--wl-ink);border-radius:10px;padding:4px 10px;font-size:.85rem}.action-bar .buttons{margin:0}.action-bar.waiting{min-height:48px;font-weight:700;color:var(--wl-teal)}.spinner{width:18px;height:18px;border:3px solid var(--wl-teal);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.my-panel{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;border-top:2px dashed rgb(18 48 71 / 25%);padding-top:6px}.my-id{display:flex;gap:8px;align-items:center}.my-status{display:grid;gap:2px;font-size:.8rem}.my-hand{display:flex;gap:6px}.hand-block{border:0;background:none;padding:2px;cursor:pointer;display:grid;justify-items:center;min-width:44px;min-height:44px}.hand-block:disabled{cursor:default}.hand-block kbd{margin:2px 0 0}.my-debt{display:flex;gap:8px;align-items:center}.debt-thumb{width:54px;border:0;padding:0;background:none;cursor:pointer}.debt-table{border-collapse:collapse;font-size:.8rem}.debt-table td{padding:1px 6px}.debt-table tr.paid td:nth-child(2){text-decoration:line-through;opacity:.6}.my-extras{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lotto-mini{border-radius:4px;border:1px solid var(--wl-ink)}.choice-back{position:fixed;inset:0;z-index:28;display:grid;place-items:center;padding:16px;background:#1230478c;animation:fade-in .15s}.choice{width:min(680px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:var(--line);border-top:8px solid var(--pc);border-radius:22px;padding:14px 16px 12px;box-shadow:var(--wl-shadow);display:grid;gap:12px;animation:pop .25s ease-out}.choice-head{display:flex;gap:10px;align-items:center}.choice-head>div{flex:1;min-width:0}.choice-head h2{margin:0;font-size:1.2rem}.choice-head small{color:var(--wl-muted);font-family:var(--wl-font-number)}.choice-collapse{width:44px;height:44px;border:2px solid var(--wl-ink);border-radius:50%;background:var(--wl-cream);font-size:1.3rem;cursor:pointer}.choice-options{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.choice-btn{display:flex;flex-direction:column;gap:4px;align-items:center;padding:8px 8px 12px;border:var(--line);border-radius:18px;background:#fff;color:var(--wl-ink);font:inherit;cursor:pointer;box-shadow:0 5px 0 var(--wl-ink);transition:transform .1s,box-shadow .1s}.choice-btn img{display:block;width:100%;height:clamp(130px,40dvh,320px);object-fit:cover;border-radius:12px;border:2px solid var(--wl-ink)}.choice-btn.choice-work{background:#fff3c4}.choice-btn.choice-home{background:#dff1ea}.choice-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 0 var(--wl-ink)}.choice-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--wl-ink)}.choice-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.8)}.choice-label{font:800 1.35rem var(--wl-font-display)}.choice-btn small{font-size:.8rem;line-height:1.3;text-align:center}.choice-look{justify-self:center}@media(max-width:520px){.choice-btn img{height:clamp(110px,28dvh,220px)}.choice-label{font-size:1.1rem}}.abilities{flex:1 1 100%;min-width:0}.abilities h3{margin:0 0 4px;font:800 .9rem var(--wl-font-display)}.abilities ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:104px;overflow-y:auto}.ability{flex:0 1 260px;min-width:180px;font-size:.76rem;line-height:1.3}.ability-box{display:flex;gap:6px;align-items:flex-start;width:100%;height:100%;padding:5px 8px;border:2px solid var(--wl-ink);border-radius:10px;background:#fff;text-align:left;color:inherit}.ability-btn{font:inherit;cursor:pointer}.ability.debt{background:#fff7c7}.ability.status{background:#e3f1ff;border-style:dashed}.ability-icon{font-size:1.1rem;line-height:1}.ability small{color:var(--wl-muted)}.ability-stack{font:800 .8rem var(--wl-font-number);color:var(--wl-teal)}.ability-empty{font-size:.76rem;color:var(--wl-muted);margin:0}.deck-summary{margin-top:8px;padding-top:6px;border-top:2px dashed rgb(18 48 71 / 25%);font-size:.74rem;line-height:1.35;flex-shrink:0}.deck-summary h2{margin:0 0 2px;font-size:.85rem}.deck-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.bag-count{display:inline-block;margin-right:6px;font:700 .74rem var(--wl-font-number)}.bag-R{color:#c0392b}.bag-Y{color:#a07800}.bag-G{color:#2e7d32}.bag-B{color:#1565c0}.sick-zone{display:grid;gap:4px;padding:6px 10px 8px;border:2px solid var(--wl-ink);border-radius:12px;background:#eef6ef;min-width:180px}.sick-zone.sick-risky{background:repeating-linear-gradient(135deg,#fde3df 0 10px,#fbd3cf 10px 20px);border-color:var(--bad)}.sick-zone.sick-full{background:radial-gradient(circle at 30% 20%,#7a1410,#3a0806);border-color:#ff5a4e;color:#ffe9e6;animation:sick-alarm 1.1s ease-in-out infinite alternate}.sick-head{display:grid;line-height:1.2}.sick-head strong{font:800 .9rem var(--wl-font-display)}.sick-head small{font-size:.72rem}.sick-risky .sick-head strong{color:var(--bad)}.sick-cards{display:flex;gap:6px;align-items:center}.sick-card,.sick-slot{position:relative;width:46px;aspect-ratio:5 / 7;border-radius:6px}.sick-slot{border:2px dashed rgb(18 48 71 / 30%)}.sick-full .sick-slot{border-color:#ffe9e666}.sick-card{transform:rotate(calc(var(--i) * 5deg - 4deg));filter:drop-shadow(0 0 4px rgb(179 38 30 / 70%));animation:sick-wobble 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s)}.sick-card .card-art{width:100%}.sick-full .sick-card{filter:drop-shadow(0 0 8px #ff3b2f)}.sick-q{position:absolute;inset:0;display:grid;place-items:center;font:900 1.4rem var(--wl-font-number);color:#fff;text-shadow:0 0 4px var(--bad),0 0 2px #000}.sick-mini{display:inline-flex;gap:2px;align-items:center}.sick-mini:before{content:"🦠";margin-right:2px}.sick-mini i{width:10px;height:14px;border-radius:2px;border:1.5px dashed rgb(18 48 71 / 35%)}.sick-mini i.on{border:1.5px solid var(--wl-ink);background:var(--bad)}.sick-mini.sick-full i.on{box-shadow:0 0 5px #ff3b2f;animation:pulse .7s infinite alternate}@keyframes sick-wobble{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes sick-alarm{0%{box-shadow:0 0 #ff3b2f00}to{box-shadow:0 0 14px 3px #ff3b2fbf}}.coach{position:fixed;z-index:30;left:50%;top:56px;transform:translate(-50%);width:min(560px,calc(100vw - 32px));background:#fff7c7;border:var(--line);border-radius:16px;box-shadow:var(--wl-shadow);padding:10px 14px;font-size:.9rem}.fx{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#12304747;cursor:pointer;animation:fade-in .15s}.fx-dice{display:grid;justify-items:center;background:var(--wl-paper);border:var(--line);border-radius:20px;padding:16px 24px;box-shadow:var(--wl-shadow)}.fx-dice .die{font-size:64px;line-height:1;display:inline-block;margin:0 6px;animation:roll .45s ease-out}.fx-dice p{font-weight:700;margin:6px 0 0}.fx-card{width:min(300px,70vw);text-align:center;animation:flip-in .4s ease-out}.fx-card p{background:var(--wl-paper);border:2px solid var(--wl-ink);border-radius:999px;display:inline-block;padding:2px 12px;margin-top:8px;font-weight:700}.fx-banner{max-width:min(640px,90vw);background:var(--wl-teal);color:var(--wl-cream);border:var(--line);border-radius:20px;padding:18px 24px;font-size:1.3rem;font-weight:800;text-align:center;box-shadow:var(--wl-shadow);animation:pop .3s ease-out}.fx-banner.tone-good{background:var(--ok)}.fx-summary{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;border:var(--line);border-radius:20px;padding:16px 18px;box-shadow:var(--wl-shadow);cursor:default;animation:pop .3s ease-out;display:grid;gap:10px}.fx-summary h2{margin:0;font-size:1.25rem}.fx-summary table{width:100%;border-collapse:collapse;font-size:.92rem}.fx-summary td{padding:5px 4px;border-bottom:1px dashed rgb(18 48 71 / 18%)}.fx-summary .sum-value{text-align:right;white-space:nowrap;font:800 1rem var(--wl-font-number)}.fx-summary .tone-good .sum-value{color:var(--ok)}.fx-summary .tone-bad .sum-value,.fx-summary .tone-bad td:first-child{color:var(--bad)}.fx-summary .sum-total td{border-top:2px solid var(--wl-ink);border-bottom:0;font-weight:800}.sum-flavor{margin:0;padding:8px 12px;border-left:4px solid var(--wl-yellow);background:#fff9;font-family:var(--wl-font-body);font-style:italic;font-size:.9rem}.fx-summary .wl-button{justify-self:end}.fx-skip{position:fixed;right:16px;bottom:16px;min-width:48px;min-height:48px;border-radius:50%;border:var(--line);background:var(--wl-cream);font-size:1.2rem;cursor:pointer}.fx.reduced *{animation:none!important}@keyframes roll{0%{transform:rotate(-240deg) scale(.4)}}@keyframes flip-in{0%{transform:perspective(800px) rotateY(90deg)}}@keyframes pop{0%{transform:scale(.7);opacity:0}}@keyframes fade-in{0%{opacity:0}}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100vw - 32px);background:var(--wl-ink);color:var(--wl-cream);border-radius:12px;padding:10px 16px;box-shadow:var(--wl-shadow)}.modal-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#12304773;padding:16px}.modal{position:relative;max-width:760px;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;border:var(--line);border-radius:22px;box-shadow:var(--wl-shadow);padding:20px}.modal-card{width:auto}.modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:2px solid var(--wl-ink);background:#fff;cursor:pointer}.handoff .modal{max-width:420px;text-align:center;display:grid;justify-items:center;gap:12px}.confirm-text{font-size:1.05rem;padding-right:32px}.lotto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.lotto-ticket{border:2px solid var(--wl-ink);border-radius:8px;padding:0;background:#fff;cursor:pointer;overflow:hidden;line-height:0}.lotto-ticket img{width:100%;height:auto}.lotto-ticket:hover:not(:disabled){transform:translateY(-2px)}.settings{display:grid;gap:12px}.settings label:not(.check){display:grid;gap:4px;font-weight:600}.settings select{font:inherit;padding:8px;border:2px solid var(--wl-ink);border-radius:10px;min-height:44px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.rules-text{font-family:var(--wl-font-body);margin-top:12px}.rules-text h3{font-family:var(--wl-font-display);margin-top:12px}.results .reason{font-size:1.2rem;font-weight:800;color:var(--wl-teal)}.winner-line{font-family:var(--wl-font-body);font-style:italic}.ranking,.stats{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--wl-ink);border-radius:12px;font-size:.9rem}.table-wrap{overflow-x:auto;margin-bottom:16px}.ranking th,.ranking td,.stats th,.stats td{padding:6px 10px;text-align:left;border-bottom:1px solid rgb(18 48 71 / 12%);white-space:nowrap}.ranking .who{display:flex;align-items:center;gap:8px}.ranking tr.first{background:#fff7c7}.lb-section{margin:8px 0 16px}.lb-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:10px}.lb-form label{display:grid;gap:2px;flex:1 1 220px;font-size:.85rem}.lb-form input{font:inherit;padding:8px 10px;border:2px solid var(--wl-ink);border-radius:10px;background:#fff;min-width:0}.lb-saved{font-weight:700;color:var(--ok)}.lb-empty,.lb-note{font-size:.8rem;color:var(--wl-muted)}.leaderboard .lb-name{max-width:14em;overflow:hidden;text-overflow:ellipsis}.chart svg{width:100%;height:auto;background:#fff;border:2px solid var(--wl-ink);border-radius:12px}.chart .zero{stroke:var(--wl-muted);stroke-dasharray:4 4}.chart .axis{font:600 11px var(--wl-font-number);fill:var(--wl-muted)}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;margin:6px 0 16px}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle}.question{font-family:var(--wl-font-body);font-size:1.05rem;border-left:6px solid var(--wl-yellow);margin:16px 0;padding:8px 14px;background:#fff}@media(max-width:1099px){.game{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"top top" "opp opp" "board log" "dock dock";grid-template-rows:auto auto minmax(0,1fr) auto}.opponents{display:flex;overflow-x:auto;padding:8px 10px}.opponents .player-card{min-width:220px}.board{padding-left:10px}}@media(max-width:767px){:root{--slot: 30px}.game{display:flex;flex-direction:column;height:auto;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20}.topbar .brand{display:none}.opponents .player-card{min-width:190px}.opponents .pc-hand,.opponents .pc-skills,.opponents .pc-lotto{display:none}.board{padding:8px 0 0;overflow:visible}.sites{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 10px}.site{scroll-snap-align:center;min-width:200px}.market{margin:8px 16px 0}.market-cards{grid-template-columns:repeat(6,72px);overflow-x:auto}.log{padding:8px 16px}.log ol{max-height:160px}.dock{display:contents}.topbar{order:0}.opponents{order:1}.board{order:2}.my-panel{order:3;padding:8px 16px;background:var(--wl-cream);border-top:var(--line)}.log{order:4}.action-bar{order:10;position:sticky;bottom:0;z-index:20;background:var(--wl-cream);border-top:var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.action-bar .buttons{justify-content:flex-start}.my-debt .debt-thumb{display:none}.action-bar .prompt{flex-basis:100%;font-size:.85rem}.wl-button{padding:8px 12px;font-size:.9rem}.wl-button kbd,.hand-block kbd{display:none}.coach{top:auto;bottom:200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.online .note{margin-top:0}.online-name{display:grid;gap:4px;max-width:320px;font-weight:700}.online-name input,.room-code-input,.online-seats select{font:inherit;padding:8px 12px;border:2px solid var(--wl-ink);border-radius:12px;background:#fff;min-width:0}.online-card{margin:16px 0;padding:14px 16px;border:var(--line);border-radius:var(--radius);background:#fff9}.online-card h2{margin:0 0 10px;font-size:1.15rem}.online-join{display:flex;flex-wrap:wrap;gap:10px}.room-code-input{width:9em;font:800 1.3rem var(--wl-font-number);letter-spacing:.18em;text-transform:uppercase}.room-code{font-family:var(--wl-font-number);letter-spacing:.12em}.room-code.big{font-size:2.2rem;font-weight:800}.room-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.online-seats{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.online-seats li{display:flex;align-items:center;gap:10px}.online-seats.lobby li{padding:6px 10px;border:2px solid rgb(18 48 71 / 15%);border-radius:14px;background:#fff}.online-seats.lobby li.me{border-color:var(--wl-teal)}.online-seats .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-seats .tag{font-size:.85rem;color:var(--wl-muted);white-space:nowrap}.online-error{color:var(--bad);font-weight:700}.pill.link-live{background:#e3f6e3}.pill.link-polling,.pill.link-connecting{background:#fff3c4}.pill.link-offline{background:#fde2df}.pill.away{cursor:pointer;border:2px solid var(--bad);font:inherit}.home-room{font-family:var(--wl-font-number);letter-spacing:.08em}