:root{--media:#c0392b;--science:#2980b9;--finance:#f1c40f;--politics:#8e44ad;--legal:#e67e22;--tech:#27ae60;--gold:#e8c66b;--gold-d:#b8902f;--felt:#0d3b2e;--felt-d:#07261d;--p1:#e74c3c;--p2:#3498db;--p3:#f1c40f;--p4:#2ecc71;--ink:#1c2620;--paper:#f3ecdc}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#f5f3ea;background:radial-gradient(circle at 50% 35%,#14543f 0%,var(--felt) 45%,var(--felt-d) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-weight:800;letter-spacing:.5px}a{color:var(--gold);text-decoration:none}.wrap{max-width:1280px;margin:0 auto;padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.logo{font-size:clamp(28px,6vw,64px);line-height:.95;text-align:center;background:linear-gradient(180deg,#fff4cf,var(--gold) 45%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 0 rgba(0,0,0,.25);font-family:Arial Black,Impact,sans-serif;font-weight:900}.logo small{display:block;font-size:.32em;letter-spacing:6px;color:#cfe6d8;-webkit-text-fill-color:#cfe6d8}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:16px;font-weight:800;background:linear-gradient(180deg,#ffe9a8,var(--gold) 55%,var(--gold-d));color:#3a2a05;box-shadow:0 4px #806014,0 8px 14px #00000059;transition:transform .08s,box-shadow .08s;letter-spacing:.5px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px #806014}.btn.ghost{background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 2px #ffffff40}.btn.danger{background:linear-gradient(180deg,#ff8a7a,#c0392b);color:#fff;box-shadow:0 4px #7d2417}.btn.green{background:linear-gradient(180deg,#9be8b0,#27ae60);color:#04361a;box-shadow:0 4px #176b39}.btn:disabled{filter:grayscale(.6) brightness(.8);cursor:not-allowed;transform:none}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px 3px 4px;font-size:13px;font-weight:700;color:#fff}.chip .dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#0000002e}.s-media{background:var(--media)}.s-science{background:var(--science)}.s-finance{background:var(--finance);color:#4a3a00}.s-politics{background:var(--politics)}.s-legal{background:var(--legal)}.s-tech{background:var(--tech)}.chip.paused{opacity:.4;text-decoration:line-through}.card{width:78px;height:108px;border-radius:10px;background:var(--paper);box-shadow:0 4px 10px #0006;overflow:hidden;position:relative;border:2px solid #fff;flex:none;transition:transform .15s,box-shadow .15s}.card img{width:100%;height:100%;object-fit:cover;display:block}.card .lbl{position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:800;text-align:center;background:#0000008c;color:#fff;padding:2px}.card.sel{transform:translateY(-14px) scale(1.06);box-shadow:0 10px 22px #e8c66bb3;outline:3px solid var(--gold)}.card.back{background:repeating-linear-gradient(45deg,#1f4d3c,#1f4d3c 8px,#163a2d 8px,#163a2d 16px);border-color:#0c2a20}.card.back:after{content:"$";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;color:var(--gold);opacity:.5;font-weight:900}.muted{color:#bcd1c6}.tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.panel{background:#00000047;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.die{width:74px;height:74px;border-radius:14px;background:linear-gradient(160deg,#fff,#e7e2d2);color:#1c2620;display:grid;place-items:center;font-size:42px;font-weight:900;box-shadow:0 6px #b9b09a,0 10px 18px #0006}.die.rolling{animation:shake .12s linear infinite}@keyframes shake{0%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-4px)}to{transform:rotate(-8deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes floatup{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}.float-money{position:absolute;font-weight:900;color:#9fe8b4;font-size:22px;animation:floatup 1s ease-out forwards;pointer-events:none;text-shadow:0 2px 4px #000}.hub{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:26px}.hub a{display:block;padding:22px;border-radius:18px;background:#0000004d;border:1px solid rgba(255,255,255,.1);transition:transform .12s,border-color .12s}.hub a:hover{transform:translateY(-3px);border-color:var(--gold)}.hub h3{color:#fff;margin-bottom:6px}.hub p{color:#bcd1c6;font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.topbar nav a{margin-left:14px;font-size:14px;opacity:.85}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;place-items:center;z-index:50}.modal-bg.show{display:grid}.modal{background:#163a2d;border:1px solid var(--gold);border-radius:18px;padding:24px;max-width:520px;width:92%;box-shadow:0 20px 60px #0009;animation:pop .25s}.lobby-input{padding:13px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:16px;font-weight:700;width:200px}.lobby-input:focus{outline:none;border-color:var(--gold)}.seat{transition:.2s}.boardwrap{position:relative;width:100%;aspect-ratio:1/1;max-width:720px;margin:0 auto;background-image:url(/assets/board.webp);background-size:cover;border-radius:18px;box-shadow:0 18px 50px #0000008c;overflow:hidden}.bspace-closed{position:absolute;width:17%;height:17%;border-radius:8px;transform:translate(-50%,-50%);background:#0000008c;display:grid;place-items:center;color:#ff6b6b;font-weight:900;font-size:12px}.bspace-closed-img{position:absolute;width:15%;transform:translate(-50%,-50%);z-index:4;border-radius:8px;box-shadow:0 3px 10px #0000008c;outline:2px solid rgba(232,198,107,.5)}.marker{position:absolute;width:9%;transform:translate(-50%,-62%);z-index:6;transition:left .26s ease-in-out,top .26s ease-in-out;filter:drop-shadow(0 4px 5px rgba(0,0,0,.6));animation:bob .9s ease-in-out infinite}.marker img{width:100%;display:block}.marker .ring2{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:78%;height:9px;border-radius:50%;filter:blur(1px)}@keyframes bob{0%,to{transform:translate(-50%,-62%)}50%{transform:translate(-50%,-74%)}}.bcenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44%;text-align:center}@media screen and (max-height: 520px){html{font-size:13px}.wrap{padding:8px}.logo{font-size:20px!important}.card{width:50px;height:70px}.card .lbl{font-size:8px}.die{width:52px;height:52px;font-size:28px}.topbar{margin-bottom:6px}.panel{padding:10px;border-radius:12px}.chip{font-size:11px;padding:2px 7px 2px 3px}}.my-offer{margin-top:auto;background:#e8c66b1a;border:2px solid var(--gold);border-radius:14px;padding:10px;box-shadow:0 0 0 3px #e8c66b1f}.my-offer-row{display:flex;align-items:center;gap:8px}.stepper-lg{width:52px;height:52px;flex:none;border:none;border-radius:12px;cursor:pointer;font-size:28px;font-weight:900;line-height:1;background:#ffffff24;color:#fff;box-shadow:0 3px #0000004d;transition:transform .06s}.stepper-lg:active{transform:translateY(2px);box-shadow:none}.my-amt{flex:1;text-align:center;font-size:30px;font-weight:900;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.25)}.confirm-lg{height:52px;flex:none;padding:0 18px;font-size:16px;border-radius:12px}@media screen and (max-height:520px){.stepper-lg{width:42px;height:42px;font-size:22px}.confirm-lg{height:42px;padding:0 12px;font-size:14px}.my-amt{font-size:22px}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes resultpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes bossGlow{0%,to{box-shadow:0 0 0 2px var(--gold),0 0 8px 2px #e8c66b59}50%{box-shadow:0 0 0 3px var(--gold),0 0 28px 9px #e8c66bf2}}.boss-glow{animation:bossGlow 1.1s ease-in-out infinite}@keyframes stamp{0%{transform:scale(2.4);opacity:0}55%{transform:scale(.9);opacity:1}78%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes planeBob{0%,to{transform:translate(-50%,-50%) rotate(-12deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-12deg) translateY(-6px)}}.coi-plane{position:absolute;left:50%;top:50%;font-size:26px;z-index:10;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7));animation:planeBob .7s ease-in-out infinite;pointer-events:none}.pawn{position:relative;width:100%}.pawn>img{width:100%;display:block;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}.pawn-tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:multiply;pointer-events:none;-webkit-mask:url(/assets/chess.webp) center/contain no-repeat;mask:url(/assets/chess.webp) center/contain no-repeat}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.96)}to{opacity:1;transform:none}}.toast-item{animation:toast-in .22s cubic-bezier(.2,.8,.3,1) both}.board-screen{height:100vh;height:100dvh;box-sizing:border-box;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.board-screen .topbar{flex:none;margin-bottom:0}.bs-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 300px;gap:16px}.bs-main .boardwrap{height:100%;max-height:100%;width:auto;aspect-ratio:1/1;max-width:100%;margin:0 auto}.bs-side{overflow-y:auto;min-height:0}.bs-hand{flex:none;margin:0;overflow-x:auto}.bs-hand .row,.bs-hand>div{flex-wrap:nowrap}@media (max-width:820px){.bs-main{grid-template-columns:1fr 220px}}.m-root{height:100vh;height:100dvh;width:100vw;overflow:hidden}.m-col{display:flex;flex-direction:column;gap:6px;height:100vh;height:100dvh;box-sizing:border-box;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.m-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;flex:none}.m-head .pill{background:#00000059;border-radius:999px;padding:5px 14px;font-weight:800;font-size:14px}.m-head .pay{color:var(--gold)}.m-main{flex:1;display:grid;grid-template-columns:40% 60%;gap:8px;min-height:0}.m-left{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.m-card-pane{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px}.m-pods{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;overflow-y:auto}.m-pod{background:#0000004d;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:9px;position:relative;font-size:14px;display:flex;flex-direction:column;gap:7px}.m-pod.sel{background:#2ecc7124;border-color:#2ecc71}.m-pod.boss{border-color:var(--gold)}.m-pod .top{display:flex;align-items:center;gap:8px}.m-pod .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;font-size:15px;flex:none}.m-pod .mny{margin-left:auto;color:#9fe8b4;font-weight:900;font-size:15px}.m-pod .secs{display:flex;min-height:40px;align-items:flex-start}.m-foot{flex:none;display:flex;align-items:center;gap:10px;min-height:112px}.m-offer{display:flex;align-items:center;gap:7px;background:#e8c66b1a;border:2px solid var(--gold);border-radius:12px;padding:7px;flex:none}.m-step{width:52px;height:52px;border:none;border-radius:11px;font-size:28px;font-weight:900;background:#ffffff24;color:#fff}.m-hand{display:flex;gap:8px;overflow-x:auto;flex:1;padding:20px 0 6px}.m-hand .card{width:60px;height:84px}.m-hand .card .lbl{font-size:9px}.m-board-wrap{display:grid;grid-template-columns:auto 1fr;gap:8px;flex:1;min-height:0}.m-board{position:relative;aspect-ratio:1/1;height:100%;max-height:100%;background-image:url(/assets/board.webp);background-size:cover;border-radius:12px;box-shadow:0 8px 24px #00000080}.m-right{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-y:auto}.m-prow{display:flex;align-items:center;gap:6px;background:#0000004d;border-radius:8px;padding:4px 6px;font-size:11px}.m-prow.turn{border:1px solid var(--gold)}.mb-main{flex:1;display:flex;gap:6px;min-height:0}.mb-board{position:relative;aspect-ratio:1/1;height:100%;max-height:100%;flex:none;background-image:url(/assets/board.webp);background-size:cover;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000080}.mb-right{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mb-players{flex:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;min-height:0}.mb-pcard{background:#00000052;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:0;min-height:0}.mb-pcard.turn{border-color:var(--gold);box-shadow:0 0 0 2px #e8c66b66}.mb-pcard .chs{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.mb-pcard .pc{width:54px;height:76px;flex:none;border-radius:6px;overflow:hidden;border:2px solid;box-shadow:0 2px 6px #0000008c}.mb-pcard .pc img{width:100%;height:100%;object-fit:cover}.mb-pcard .info{display:flex;align-items:center;gap:8px;font-size:13px;width:100%;justify-content:center;flex-wrap:wrap}.mb-pcard .info .nm{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.mb-hand-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:3px}.mb-hand{flex:1;display:flex;gap:7px;overflow-x:auto;align-items:center;padding:2px 0;min-height:0}.mb-hand .card{width:66px;height:92px;flex:none}.mb-hand .card .lbl{font-size:9px}.mb-controls{position:absolute;left:0;right:0;bottom:8px;z-index:6;display:flex;gap:8px;justify-content:center;padding:0 10px}.mb-zoom{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;animation:fadein .2s}.mb-zoom img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:0 0}.mb-zoom .focus-ring{position:absolute;left:50%;top:50%;width:64%;height:64%;transform:translate(-50%,-50%);border:3px solid var(--gold);border-radius:14px;box-shadow:0 0 0 9999px #00000059;pointer-events:none}.mb-zoom .req{position:absolute;top:6px;left:6px;right:6px;display:flex;flex-wrap:wrap;gap:5px;background:#0009;border-radius:8px;padding:6px;justify-content:center}.mb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.mb-center .btn,.mb-center .pill{pointer-events:auto}.mb-placard{position:relative;width:92px}.mb-placard>img{width:100%;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}.mb-placard .pno{position:absolute;top:9%;left:0;right:0;text-align:center;font-size:14px;font-weight:800;color:#2a3a2a}.mb-placard .pval{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:32px;font-weight:900;color:#173017;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.4)}.mb-placard .pico{position:absolute;bottom:11%;left:0;right:0;text-align:center;font-size:24px}