*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif;text-align:center;background:#0a0a1a;color:#e0e0e0;min-height:100vh;overflow:hidden}html{color-scheme:only dark}#three-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 16px;pointer-events:none}.top-bar>*{pointer-events:auto}.xnt-balance{font-size:13px;color:#aaa;letter-spacing:1px;opacity:0;transition:opacity .3s}.xnt-balance.is-visible{opacity:1}.xnt-balance .xnt-amount{color:#00d4ff;font-weight:600;position:relative;display:inline-block}.xnt-balance .xnt-amount.poof{animation:xntPoof .5s ease-out}@keyframes xntPoof{0%{transform:scale(1);opacity:1;text-shadow:0 0 0 transparent}30%{transform:scale(1.4);opacity:.7;text-shadow:0 0 12px #00d4ff,0 0 24px rgba(0,212,255,.4)}60%{transform:scale(.9);opacity:1;text-shadow:0 0 6px rgba(0,212,255,.3)}100%{transform:scale(1);opacity:1;text-shadow:0 0 0 transparent}}.wallet-btn{padding:8px 18px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);color:#e0e0e0;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .2s}.wallet-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.wallet-area{position:relative}.address-btn{font-family:monospace;letter-spacing:0}.dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:#141428;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 0;z-index:30;text-align:left}.dropdown.is-open{display:block}.dropdown a,.dropdown button,.dropdown label:not(.toggle){display:block;width:100%;padding:10px 16px;background:0 0;border:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;text-decoration:none}.dropdown a:hover,.dropdown button:hover{background:rgba(255,255,255,.06)}.dropdown .dropdown-address-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.dropdown .dropdown-address{color:#666;font-size:11px;font-family:monospace;cursor:default}.copy-btn{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:4px;opacity:.5;transition:opacity .2s;display:flex;align-items:center}.copy-btn:hover{opacity:1}.copy-btn img{filter:invert(.7)}.dropdown .sound-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:default}.dropdown .sound-row>span{flex:1}.toggle{position:relative;width:36px;min-width:36px;height:20px;display:block;padding:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:#333;border-radius:20px;cursor:pointer;transition:.2s}.toggle .slider::before{content:'';position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.slider{background:#7b2ff7}.toggle input:checked+.slider::before{transform:translateX(16px)}.dropdown .divider{height:1px;background:rgba(255,255,255,.08);margin:4px 0}.modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);align-items:center;justify-content:center}.modal.is-open{display:flex}.modal-content{background:#141428;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px 24px;min-width:300px;max-width:360px;text-align:center}.modal-content h3{margin-bottom:18px;font-size:18px;font-weight:500;letter-spacing:2px}.wallet-option{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s}.wallet-option:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.wallet-option:disabled{opacity:.35;cursor:not-allowed}.wallet-icon{width:24px;height:24px;margin-right:10px;border-radius:4px;object-fit:contain}.modal-close{margin-top:10px;padding:10px 24px;border:none;border-radius:8px;background:rgba(255,255,255,.06);color:#888;font-size:13px;cursor:pointer;width:100%}.modal-close:hover{background:rgba(255,255,255,.1)}.ac-modal-btns{display:flex;gap:8px;margin-top:16px;justify-content:center}.ac-modal-btns button{padding:8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:#e0e0e0;font-size:12px;cursor:pointer}.ac-modal-btns button:hover{background:rgba(255,255,255,.1)}.ac-addr{font-family:monospace;color:#00d4ff}.ac-new-addr{margin-top:6px}.x1-toast{position:fixed;bottom:60px;left:50%;transform:translateX(-50%) translateY(20px);padding:10px 24px;border-radius:10px;background:#1a1a30;border:1px solid rgba(255,255,255,.1);color:#ccc;font-size:13px;opacity:0;transition:opacity .3s,transform .3s;z-index:200;pointer-events:none;white-space:nowrap}.x1-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.x1-toast.is-success{border-color:#0f8;color:#0f8}.x1-toast.is-error{border-color:#f46;color:#f46}.x1-toast.is-info{border-color:#00d4ff;color:#00d4ff}.game-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:60px 20px 70px}h1{font-size:36px;font-weight:300;letter-spacing:8px;text-transform:uppercase;margin-bottom:1px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:14px;margin-bottom:15px;color:#6ab7d4;font-variant-caps:all-small-caps}#playgame{cursor:pointer}.player-info{font-size:16px;margin-bottom:12px;color:#888;letter-spacing:2px;min-height:22px}.player-info .symbol-x{color:#f46;font-weight:700}.player-info .symbol-o{color:#4af;font-weight:700}.status{font-size:18px;font-weight:500;margin-bottom:16px;min-height:28px;letter-spacing:1px;transition:color .3s}.status.your-turn{color:#0f8}.status.waiting{color:#fa0}.status.game-over{color:#f46}.board{display:grid;grid-template-columns:repeat(3,110px);grid-template-rows:repeat(3,110px);gap:6px;margin-bottom:20px;perspective:800px}.cell{display:flex;align-items:center;justify-content:center;width:110px;height:110px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;font-size:48px;font-weight:700;transition:all .2s ease;position:relative;overflow:hidden}.cell:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:scale(1.03)}.cell.disabled{cursor:default}.cell.disabled:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);transform:none}.cell.X{color:#f46;text-shadow:0 0 20px rgba(255,68,102,.5);animation:placeSymbol .4s cubic-bezier(.34,1.56,.64,1)}.cell.O{color:#4af;text-shadow:0 0 20px rgba(68,170,255,.5);animation:placeSymbol .4s cubic-bezier(.34,1.56,.64,1)}.cell.win-cell{animation:winPulse .6s ease-in-out infinite alternate;border-color:#0f8;box-shadow:0 0 20px rgba(0,255,136,.3)}@keyframes placeSymbol{0%{transform:scale(0) rotateY(180deg);opacity:0}100%{transform:scale(1) rotateY(0);opacity:1}}@keyframes winPulse{0%{background:rgba(0,255,136,.05)}100%{background:rgba(0,255,136,.15)}}.cell .cell-3d{position:absolute;width:100%;height:100%;top:0;left:0}.buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.wager-control{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:4px}.wager-label{font-size:13px;color:#aaa}.wager-label span{color:#0f8;font-weight:600}.wager-slider{-webkit-appearance:none;appearance:none;width:200px;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:0}.wager-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#0f8;cursor:pointer;border:2px solid #0a0a1a}.wager-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0f8;cursor:pointer;border:2px solid #0a0a1a}.button{padding:12px 28px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.05);color:#e0e0e0;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.button:disabled{opacity:.3;cursor:default;transform:none}.button:disabled:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.button.accent{border-color:#7b2ff7;background:rgba(123,47,247,.15)}.button.accent:hover:not(:disabled){background:rgba(123,47,247,.25);border-color:#9b5fff}.button.game-action{border-color:#0f8;background:rgba(0,255,136,.15);color:#e0e0e0}.button.game-action:hover:not(:disabled){background:rgba(0,255,136,.25);border-color:#3fa}.button.game-action:disabled{opacity:.3}.button.game-action:disabled:hover{background:rgba(0,255,136,.15);border-color:#0f8}.button.rules-btn{font-size:12px;padding:8px 18px;letter-spacing:1.5px;border-color:rgba(255,255,255,.1)}.btn-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle}.rules-modal .modal-content{max-width:420px;text-align:left}.rules-modal .modal-content h3{text-align:center}.rules-modal .rules-list{list-style:none;padding:0;margin:0 0 12px}.rules-modal .rules-list li{position:relative;padding:8px 0 8px 20px;font-size:13px;color:#bbb;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.04)}.rules-modal .rules-list li:last-child{border-bottom:none}.rules-modal .rules-list li::before{content:'';position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:#7b2ff7}.rules-modal .rules-list .highlight{color:#00d4ff;font-weight:500}.rules-modal .fee-note{font-size:12px;color:#666;text-align:center;margin-top:4px;line-height:1.5}.hidden{display:none}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:10px 16px;text-align:center;font-size:11px;color:#444;letter-spacing:1px;line-height:1.6;background:linear-gradient(transparent,rgba(10,10,26,.9) 40%);pointer-events:none}.site-footer .disclaimer{font-size:10px;color:#333}