:root{--cream: #f4edda;--cream-2: #e9dfc2;--ink: #2e2a25;--purple: #6b3fa0;--purple-d: #4f2d79;--green: #4a9b3c;--green-d: #387a2d;--orange: #e8902e;--red: #d6453b;--brown: #6b4a2b;--brown-d: #4a3119;--shadow: 0 2px 0 rgba(0, 0, 0, .18);--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--cream);background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:14px 14px}h1,h2,h3{margin:0 0 .4em}button{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:10px;padding:.55em 1em;background:var(--purple);color:#fff;box-shadow:var(--shadow);transition:transform .05s ease,filter .1s ease}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--purple);box-shadow:none;border:2px solid var(--purple)}button.green{background:var(--green)}button.orange{background:var(--orange)}button.red{background:var(--red)}input{font:inherit;padding:.55em .7em;border:2px solid var(--cream-2);border-radius:10px;background:#fff}.app{max-width:1800px;margin:0 auto;padding:16px}.card{background:#fffdf6;border:2px solid var(--cream-2);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.logo-img{display:block;width:280px;max-width:100%;margin:0 auto 18px}.logo-img--lobby{width:320px;margin-bottom:10px}.logo-img--board{width:80px;margin:0;flex:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{position:relative;border-radius:12px;cursor:pointer;padding:2px;border:3px solid transparent;transition:border-color .1s}.swatch.sel{border-color:var(--ink)}.swatch.taken{cursor:not-allowed}.swatch.taken:after{content:"✕";position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);border-radius:9px;background:#00000073;pointer-events:none}.code-pill{font-size:28px;font-weight:900;letter-spacing:4px;color:var(--purple-d);background:var(--cream-2);padding:6px 16px;border-radius:10px}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:50}.version-badge{position:fixed;right:6px;bottom:4px;font-size:10px;line-height:1;color:var(--ink);opacity:.35;pointer-events:none;z-index:40;font-variant-numeric:tabular-nums}.board-grid{display:grid;grid-template-columns:1fr 280px;gap:14px}@media(max-width:860px){.board-grid{grid-template-columns:1fr}}.board-canvas{position:relative;width:100%;aspect-ratio:4350 / 2850;border-radius:12px;overflow:visible;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow)}.board-bg{width:100%;height:100%;display:block;border-radius:12px}.ready-roll-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:12px;animation:ready-roll-in .2s ease-out;pointer-events:none;z-index:10}.ready-roll-text{font-size:clamp(28px,7vw,96px);font-weight:900;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6);letter-spacing:.02em;animation:ready-roll-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes ready-roll-in{0%{opacity:0}to{opacity:1}}@keyframes ready-roll-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.stand-overlay{position:absolute;border-radius:8px;overflow:hidden;cursor:default;transform-origin:center;transition:transform .14s ease,box-shadow .14s ease,outline .1s}.stand-overlay.affordable{outline:4px solid #4fff6f;box-shadow:0 0 10px 4px #4fff6fcc,0 0 24px 8px #4a9b3c8c;cursor:pointer}.stand-overlay.mystery{outline:3px dashed rgba(210,150,255,.9);box-shadow:0 0 8px 3px #a050ff80;cursor:pointer}.stand-mystery-badge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000085;font-size:clamp(22px,5vw,38px);font-weight:900;color:#fff;border-radius:inherit;pointer-events:none;letter-spacing:-1px}@keyframes quantum-glow{0%,to{box-shadow:0 0 10px 4px #c332ffd9,0 0 26px 10px #8c00e680}50%{box-shadow:0 0 20px 9px #e164ff,0 0 44px 18px #aa1effbf}}.stand-overlay.quantum{outline:4px solid #d040ff;animation:quantum-glow 1.4s ease-in-out infinite;cursor:pointer}@media(hover:hover){.stand-overlay:hover{transform:scale(2.4);z-index:60;box-shadow:0 8px 24px #0000008c}.stand-overlay.affordable:hover{box-shadow:0 8px 24px #0000008c,0 0 10px 4px #4fff6fcc,0 0 24px 8px #4a9b3c8c}.stand-overlay.mystery:hover{box-shadow:0 8px 24px #0000008c,0 0 8px 3px #a050ff80}.stand-overlay.quantum:hover{animation:none;box-shadow:0 8px 24px #0000008c,0 0 14px 6px #c83cffe6}}.stand-overlay.inert{pointer-events:none}.stand-deck-back,.stand-overlay-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.path-marker-wrap{position:absolute;top:31.5%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.path-marker-dice{display:flex;flex-direction:column;align-items:center;gap:3px}.path-marker-bubbles{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}.path-die{margin-top:-2px}.path-marker-die{width:clamp(16px,2.2vw,30px)!important;height:clamp(16px,2.2vw,30px)!important;box-shadow:0 1px 2px #00000080}@keyframes path-pulse{0%,to{filter:drop-shadow(0 0 3px #39ff14) drop-shadow(0 0 6px #39ff14);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #39ff14) drop-shadow(0 0 16px #39ff14) drop-shadow(0 0 28px rgba(57,255,20,.7));transform:scale(1.15)}}.path-marker-entry{display:flex;flex-direction:column;align-items:center;gap:2px}.path-marker-active .dieimg{animation:path-pulse 1s ease-in-out infinite}.path-bubble{background:#fffffff2;border:1.5px solid currentColor;border-radius:5px;padding:1px 5px;font-size:9px;font-weight:700;white-space:nowrap;position:relative;line-height:1.4}.path-bubble:before{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:currentColor;border-top:0}.path-bubble:after{content:"";position:absolute;left:50%;bottom:calc(100% - 1.5px);transform:translate(-50%);border:3px solid transparent;border-bottom-color:#fffffff2;border-top:0}.hole-overlay{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.hole-overlay-chips{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;margin-top:4px}.hole-dice-row{position:absolute;top:-40%;left:50%;transform:translate(-50%);display:flex;gap:3px;flex-wrap:nowrap;justify-content:center;white-space:nowrap}.missed-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0000008c;border-radius:8px;padding:6px 12px;margin-top:6px}.missed-strip-label{font-weight:700;font-size:13px;color:#fff;opacity:.7;white-space:nowrap}.missed-entry{display:flex;align-items:center;gap:4px}.mole-pile{position:relative;width:60%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.mole-pile-card{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:6px;box-shadow:0 2px 6px #0000008c}.mole-pile-count{position:relative;z-index:1;font-size:clamp(10px,2vw,30px);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1);line-height:1}.chip{width:18px;height:18px;border-radius:50%;border:2px solid #fff;font-size:10px}.players{display:flex;flex-direction:column;gap:8px}.player{display:flex;align-items:center;gap:8px;padding:8px;border:2px solid var(--cream-2);border-radius:10px;background:#fff}.player.you{border-color:var(--purple)}.player.active{outline:3px solid var(--green)}.dot{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:var(--shadow);flex:none}.badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;background:var(--cream-2)}.badge.king{background:var(--orange);color:#fff}.badge.crown{background:var(--purple);color:#fff}.badge--round{font-size:14px;padding:3px 10px}.phase-status{font-size:14px;font-weight:600;opacity:.75;align-self:center}.hand{display:flex;gap:6px;flex-wrap:wrap}.mole{width:clamp(72px,9vw,124px);height:clamp(97px,12.1vw,166px);border-radius:8px;cursor:pointer;background:#6f6f6f;box-shadow:var(--shadow);position:relative;overflow:hidden}.mole img{width:106%;height:106%;margin:-3%;object-fit:cover;display:block}.mole .star{position:absolute;bottom:4px;right:4px;min-width:36px;height:36px;padding:0 4px;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:18px;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center}.prize{width:clamp(72px,9vw,124px);height:clamp(97px,12.1vw,166px);border-radius:8px;cursor:pointer;background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.prize img{width:106%;height:106%;margin:-3%;object-fit:cover;display:block}.prize .star{position:absolute;bottom:2px;right:2px;min-width:20px;height:20px;padding:0 2px;background:var(--green);color:#fff;border:1.5px solid #fff;border-radius:10px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.prize.mini{width:52px;height:70px;border-radius:5px}.prize.mini .star{display:none}.prizerow{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.mole,.prize{transition:transform .14s ease,box-shadow .14s ease}@media(hover:hover){.mole:hover,.prize:hover{transform:scale(2.3);z-index:60;box-shadow:0 10px 28px #00000073}.prize.mini:hover{transform:scale(3.4)}}@media(hover:hover)and (max-width:640px){.mole:hover,.prize:hover{transform:scale(3.5)}.prize.mini:hover{transform:scale(5.5)}.stand-overlay:hover{transform:scale(4.2)}}.card-pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;touch-action:manipulation}.card-pin-card{position:relative;width:min(75vw,56vh);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0009}.card-pin-card img{width:100%;height:auto;display:block}.pin-star{position:absolute;bottom:10px;right:10px;min-width:52px;height:52px;padding:0 10px;border-radius:26px;background:#000000c7;color:#ffe066;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center}.card-pin-label{background:#000000c7;color:#fff;font-size:16px;font-weight:700;text-align:center;padding:10px 16px}.handline{display:flex;align-items:center;gap:6px;margin:2px 0}.handstrip{display:inline-flex;align-items:center;gap:4px}.handstrip .pips{display:inline-flex}.handstrip .pip{width:18px;height:24px;border-radius:3px;box-shadow:0 1px 3px #00000059;object-fit:cover;margin-left:-6px}.handstrip .pip:first-child{margin-left:0}.handstrip .pip.empty{background:repeating-linear-gradient(45deg,#e7e1d3,#e7e1d3 3px,#f3eee2 3px,#f3eee2 6px)}.handstrip .handnum{font-weight:900;font-size:16px;color:var(--brown-d);min-width:16px;text-align:center;display:inline-block;animation:handpop .32s ease}@keyframes handpop{0%{transform:scale(1)}40%{transform:scale(1.7);color:var(--green)}to{transform:scale(1)}}.action-bar.reveal{text-align:center;cursor:pointer}.action-bar.reveal .skip{margin-top:8px;opacity:.7;font-size:12px}.action-bar.reveal:hover .skip{opacity:1}.rollgrid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.rollcard{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:8px 10px;border-radius:12px;background:#ffffff1f;border:2px solid transparent}.rollcard.hit{border-color:var(--green);background:#6aa84f2e}.rollcard .rname{font-size:12px;font-weight:700}.rollcard .die{font-size:30px;line-height:1}.rollcard .die.rolling{animation:diceroll .6s ease-out}@keyframes diceroll{0%{transform:translateY(-10px) rotate(-25deg) scale(.7);opacity:0}55%{transform:translateY(0) rotate(12deg) scale(1.25);opacity:1}75%{transform:rotate(-6deg) scale(1)}to{transform:rotate(0) scale(1)}}.rollcard .rollface{font-size:20px;font-weight:900}.rollcard .outcome{font-size:11px;font-weight:700;opacity:.85}.mole.sel{outline:3px solid var(--green)}.mole.discard{outline:3px solid #d6453b;box-shadow:0 0 0 2px #d6453b4d,var(--shadow)}.mole.discard:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:900;line-height:1;color:#d6453bb3;text-shadow:0 1px 3px rgba(255,255,255,.7);pointer-events:none}.die{position:relative;overflow:hidden;width:56px;height:56px;border-radius:12px;box-shadow:0 4px 14px #0000008c,0 1px 3px #00000059;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff;color:var(--ink)}.die.sel{outline:4px solid var(--green)}.die .diefill{width:100%;height:100%;border-radius:9px}.dieimg{position:relative;display:inline-block;overflow:hidden;border-radius:9px;box-shadow:var(--shadow);vertical-align:middle}.dieimg.landed{animation:dieland .34s ease-out}.dieimg.spinning{animation:diespin .27s ease-in-out infinite}@keyframes dieland{0%{transform:scale(1.35)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes diespin{0%,to{transform:scale(.94) rotate(-6deg)}50%{transform:scale(1.08) rotate(6deg)}}.die.boxingGlove{background:#e4002b;color:#fff}.die.fryingPan{background:#ffe900;color:var(--ink)}.die.giantMallet{background:#44d62c;color:var(--ink)}.die.prize{background:#f2a900;color:#fff}.log-card{flex:1 1 0;min-height:180px;display:flex;flex-direction:column}.log-card .log{flex:1 1 0;max-height:none}.log{font-size:12px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:3px}.log .entry{padding:3px 6px;border-radius:6px;background:var(--cream)}.log-round-sep{font-size:10px;font-weight:700;text-align:center;color:var(--ink);opacity:.45;display:flex;align-items:center;gap:6px;padding:4px 2px;letter-spacing:.04em;text-transform:uppercase}.log-round-sep:before,.log-round-sep:after{content:"";flex:1;border-top:2px dotted currentColor}.action-bar{position:sticky;bottom:0;margin-top:14px;background:#8060be;color:#fff;border-radius:var(--radius);padding:14px;box-shadow:0 -2px 12px #00000026}@keyframes action-urge{0%,to{box-shadow:0 -2px 12px #00000026}50%{box-shadow:0 -2px 12px #00000026,0 0 0 3px #4a9b3cbf,0 -10px 28px #4a9b3c59}}.action-bar.waiting{animation:action-urge 1.8s ease-in-out infinite}@keyframes urge-dot{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.urge-dot{display:inline-block;width:10.5px;height:10.5px;border-radius:50%;background:#5cb84a;margin-right:7px;vertical-align:middle;animation:urge-dot 1.8s ease-in-out infinite}.action-bar h3{color:#fff}.crown-alert{background:var(--orange);color:#fff;font-weight:700;font-size:15px;border-radius:8px;padding:8px 12px;margin-bottom:10px;box-shadow:0 0 12px #e8902e99}.crown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;animation:crown-overlay-in .3s ease;pointer-events:none}.crown-overlay-text{background:var(--orange);color:#fff;font-size:clamp(20px,4vw,40px);font-weight:900;text-align:center;padding:32px 48px;border-radius:20px;box-shadow:0 0 60px #e8902ecc,0 8px 32px #00000080;animation:crown-pop .4s cubic-bezier(.34,1.56,.64,1);max-width:80vw}@keyframes crown-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes crown-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.action-bar .hint{opacity:.85;font-size:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:40}.overlay .card{text-align:center;max-width:420px}.confetti{font-size:48px}