@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg: #0a0e1c;--card: #0d1426;--panel: #10182e;--border: #1d2647;--border2: #2a376a;--text: #e6ecff;--muted: #7886ac;--muted2: #9aa6cc;--gold: #ffd27a;--teal: #5fb49c;--red: #f25a52}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,#11192f 0%,var(--bg) 55%);color:var(--text);font-family:Ubuntu,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.wrap{max-width:1160px;margin:0 auto;padding:18px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.brand{display:flex;align-items:center;gap:9px}.brand .logo{font-size:22px}.logo-img{width:36px;height:36px;border-radius:9px;object-fit:cover;border:1px solid var(--border)}.hero-banner{width:100%;max-width:340px;border-radius:10px;display:block;margin:0 auto 10px}.brand h1{font-size:18px;font-weight:500;margin:0;letter-spacing:.3px}.brand .sub{font-size:11px;color:var(--muted)}.chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--muted2)}.chip b{color:var(--text);font-weight:500}.chip .gold{color:var(--gold)}.grid{display:grid;grid-template-columns:156px 1fr 196px;gap:12px;align-items:start}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.card .h{font-size:12px;color:var(--muted);padding:9px 11px 6px;display:flex;align-items:center;justify-content:space-between}.seat{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:9px;border:1px solid transparent;margin:0 6px 4px}.seat.act{border-color:var(--teal);background:#0f1d22}.seat .nm{font-size:12.5px}.seat .st{font-size:11px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.board-sq{position:relative;width:100%;max-width:600px;aspect-ratio:1/1;margin:0 auto;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:3px}.sq-tile{position:relative;background:#141d36;border:1px solid #232e54;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-width:0}.sq-tile.ev{border-style:dashed;border-color:#d4a259}.sq-tile.start{border-color:#ffd27a;border-width:2px;background:linear-gradient(160deg,#1c1f33,#2a2410)}.sq-start .flag{font-size:20px;line-height:1}.sq-stripe{position:absolute;top:0;left:0;right:0;height:3px}.sq-price{font-size:9.5px;color:#aeb9da;line-height:1;margin-top:-1px}.sq-start{display:flex;flex-direction:column;align-items:center;gap:1px;color:#ffd27a;font-size:14px}.sq-start span{font-size:10px}.sq-ev{color:#d4a259;font-size:18px}.sq-tile .lvl{position:absolute;right:1px;top:0;font-size:9px;font-weight:500;background:var(--gold);color:#3a2c08;border-radius:5px;padding:0 3px;line-height:13px;z-index:3}.sq-center{grid-area:2 / 2 / 10 / 10;position:relative;margin:4px;background:radial-gradient(circle at 40% 30%,#141d3a 0,#0d1426 70%);border:1px solid #1d2647;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:14px}.sq-tokens{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.sq-tok{position:absolute;transform:translate(-50%,-50%);transition:left .16s linear,top .16s linear;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.lab{font-size:12px;color:var(--muted)}.who{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;margin:1px 0}.src{font-size:11px;color:#8a96c4}.srcbadge{font-size:10.5px;color:#8a96c4;background:#141b33;border:1px solid #26315a;border-radius:6px;padding:2px 8px}.vrf{font-size:10.5px;color:#6b779e}.botwait{font-size:13px;color:var(--muted)}.die{font-size:38px;font-weight:500;line-height:1;color:var(--gold);display:inline-block;min-width:44px;margin-top:2px}.die.rolling{animation:diceTumble .16s linear infinite;text-shadow:0 0 12px rgba(255,210,122,.65)}@keyframes diceTumble{0%{transform:scale(.78) rotate(-16deg)}50%{transform:scale(1.2) rotate(14deg)}to{transform:scale(.9) rotate(-5deg)}}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;margin-top:10px}.legend span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted2)}.legend i{width:9px;height:9px;border-radius:2px}.control{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.btn{background:var(--panel);border:1px solid var(--border2);border-radius:9px;color:#dfe7fb;font-size:12.5px;padding:8px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.btn:hover:not(:disabled){border-color:var(--teal)}.btn:disabled{opacity:.4;cursor:default}.btn.gold{background:var(--gold);border-color:var(--gold);color:#3a2c08;font-weight:500}.btn.red{border-color:#5a2630;color:#ffb3ad}.lb{display:flex;align-items:center;gap:7px;font-size:12px;padding:4px 0;border-bottom:1px solid #16203c}.lb .rk{width:16px;color:var(--muted)}.lb .nm{flex:1}.lb .nw{color:var(--muted2)}.lb.me .nm{color:var(--gold);font-weight:500}.actionbar{margin-top:12px;padding:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actionbar .hint{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.log{margin-top:12px;padding:10px 12px;max-height:132px;overflow-y:auto}.log .ln{font-size:11.5px;color:var(--muted2);padding:2px 0}.log .ln:first-child{color:var(--text)}.lobby{max-width:460px;margin:6vh auto;text-align:center;padding:26px}.lobby h2{font-weight:500;margin:8px 0 4px}.lobby p{color:var(--muted);font-size:13px;line-height:1.6}.opts{display:flex;gap:8px;justify-content:center;margin:10px 0 16px}.opt{border:1px solid var(--border2);background:var(--panel);border-radius:10px;padding:12px 16px;cursor:pointer;color:var(--text);font-family:inherit;font-size:14px}.opt.sel{border-color:var(--teal);background:#0f1d22}.opt-label{font-size:12px;color:var(--muted);margin-top:14px}.tabs{display:flex;gap:8px;justify-content:center;margin:4px 0 14px}.tab{flex:1;max-width:190px;padding:10px 8px;border-radius:10px;border:1px solid var(--border2);background:var(--panel);color:var(--muted2);font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.tab.on{border-color:var(--gold);color:var(--text);background:#1c1f33}.ecard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;z-index:20;border-radius:14px;padding:16px 14px;text-align:center;animation:ecardPop .25s ease-out;box-shadow:0 10px 30px #00000073}.ecard.good{background:#102a1f;border:1px solid #2f7d5b}.ecard.bad{background:#2a1216;border:1px solid #8a3b3b}.ecard h4{margin:0 0 4px;font-size:15px;font-weight:500}.ecard.good h4{color:#79e0b6}.ecard.bad h4{color:#f0938d}.ecard .big{font-size:30px;font-weight:500;line-height:1.1}.ecard.good .big{color:#79e0b6}.ecard.bad .big{color:#f0938d}.ecard p{margin:8px 0 0;font-size:12.5px;color:var(--muted2);line-height:1.5}@keyframes ecardPop{0%{opacity:0;transform:translate(-50%,-44%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ecard-wrap{position:absolute;left:50%;top:50%;width:212px;height:156px;transform:translate(-50%,-50%);perspective:850px;z-index:20}.ecard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.1,.3,1)}.ecard-inner.flipped{transform:rotateY(180deg)}.ecard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px;text-align:center;box-shadow:0 12px 32px #00000080}.ecard-back{background:#11183a;border:1px solid #2a376a}.ecard-back img{width:56px;height:56px;border-radius:10px}.ecard-back>span{font-size:12px;color:var(--muted2)}.ecard-back .muted{font-size:11.5px;color:var(--muted)}.ecard-front{transform:rotateY(180deg)}.ecard-front.good{background:#102a1f;border:1px solid #2f7d5b}.ecard-front.bad{background:#2a1216;border:1px solid #8a3b3b}.ecard-front h4{margin:0;font-size:15px;font-weight:500}.ecard-front.good h4{color:#79e0b6}.ecard-front.bad h4{color:#f0938d}.ecard-front .big{font-size:30px;font-weight:500;line-height:1.1}.ecard-front.good .big{color:#79e0b6}.ecard-front.bad .big{color:#f0938d}.ecard-front p{margin:2px 0 0;font-size:12.5px;color:var(--muted2);line-height:1.5}.dice3d{perspective:280px;display:inline-block;margin:2px 0}.dice3d-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.dice3d-cube.spin{animation:diceSpin .55s linear infinite;transition:none}@keyframes diceSpin{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(540deg) rotate(180deg)}}.dice3d-face{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#ffe0a0,#f3bf6e);border-radius:11px;border:1px solid #e0b15a;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;box-sizing:border-box;backface-visibility:hidden}.dice3d-cell{display:flex;align-items:center;justify-content:center}.dice3d-pip{width:7px;height:7px;border-radius:50%;background:#3a2c08}.land-pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9px;border:2px solid #ffd27a;pointer-events:none;animation:landPulse .9s ease-out;z-index:4}@keyframes landPulse{0%{opacity:.95;transform:scale(.82)}to{opacity:0;transform:scale(1.25)}}.victory{position:absolute;top:0;right:0;bottom:0;left:0;background:#060914d1;display:flex;align-items:center;justify-content:center;z-index:50;border-radius:14px}.victory .vcard{background:var(--card);border:1px solid var(--gold);border-radius:16px;padding:26px 32px;text-align:center;max-width:360px}.victory h2{font-weight:500}.timer{font-size:12px;color:var(--muted2)}.timer.low{color:var(--red);font-weight:500}.flash{position:absolute;left:50%;top:34%;transform:translate(-50%);color:var(--gold);font-weight:500;font-size:14px;z-index:25;pointer-events:none;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.6);animation:floatUp 1.7s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-32px)}}.seat{transition:border-color .2s ease,background .2s ease}.seat.act{animation:seatPulse 2.2s ease-in-out infinite}@keyframes seatPulse{0%,to{box-shadow:0 0 #5fb49c00}50%{box-shadow:0 0 0 3px #5fb49c2e}}.sq-tile{transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.sq-tile:not(.start):hover{transform:translateY(-2px) scale(1.05);z-index:5}.sq-tile.mono{animation:monoPulse 2.2s ease-in-out infinite}@keyframes monoPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.sq-tok svg{animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.btn{transition:border-color .15s ease,background .15s ease,transform .08s ease}.btn:active:not(:disabled){transform:scale(.96)}.chip{transition:border-color .15s ease}.logo-img{animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.lobby{animation:fadeUp .4s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.victory{animation:fadeIn .3s ease-out}.victory .vcard{animation:pop .35s cubic-bezier(.3,1.4,.5,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lb{transition:background .2s ease}.lb:hover{background:#131c33}.hopper{display:inline-block}.hopper{animation:hopArc .18s ease-out}@keyframes hopArc{0%{transform:translateY(0)}45%{transform:translateY(-11px)}to{transform:translateY(0)}}.sq-tile.sp{border-style:dashed;border-color:#5a6b9a;background:#131a30}.sq-special{display:flex;flex-direction:column;align-items:center;gap:1px}.sq-special .ic{font-size:17px;line-height:1}.sq-special span:last-child{font-size:9px;color:#9aa6cc}.sq-tile.mortgaged{opacity:.55;filter:grayscale(.5)}.mort-badge{position:absolute;left:2px;bottom:1px;font-size:8px;font-weight:500;color:#f0938d;background:#2a1216;border-radius:4px;padding:0 3px;z-index:3}.jackpot{font-size:11px;color:#79e0b6}.auction{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.auction .bid{font-size:24px;font-weight:500;color:var(--gold);line-height:1}button.chip{cursor:pointer;font-family:inherit}.mini-btn{margin-left:7px;font-size:10px;padding:1px 6px;border-radius:6px;border:1px solid var(--border2);background:#10182e;color:#cdd9ee;cursor:pointer;font-family:inherit}.mini-btn:disabled{opacity:.5}.bottom-row{display:grid;grid-template-columns:1fr 340px;gap:12px;margin-top:12px;align-items:stretch}.bottom-row .log{margin-top:0;max-height:210px}.chat{display:flex;flex-direction:column;padding:0;max-height:210px;min-height:150px}.chat .h{flex:none}.chat-list{flex:1;overflow-y:auto;padding:2px 11px 6px}.chat-msg{font-size:12px;line-height:1.55;padding:1px 0}.chat-nm{font-weight:500}.chat-sys{color:var(--muted);font-style:italic}.chat-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.chat-input input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:inherit;font-size:12.5px;padding:6px 9px;outline:none}.chat-input input:focus{border-color:var(--teal)}.chat-input .btn{padding:6px 12px}@media (max-width: 820px){.grid{grid-template-columns:1fr}.board-sq{max-width:380px}.bottom-row{grid-template-columns:1fr}}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}
