@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";
:root{--bg0:#06070a;--bg1:#0b0d12;--card:#0d1018cc;--stroke:#1a2030;--text:#e7eaf2;--muted:#9aa3b2;--good:#16a34a;--warn:#f59e0b;--bad:#ef4444;--accent:#7c3aed;--accent2:#22c55e;--shadow:0 18px 60px #0000008c;--glow-p:168 85 247;--glow-g:34 197 94;--glow-b:59 130 246}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 800px at 20% -10%,#7c3aed38,transparent 55%),radial-gradient(1000px 700px at 90% 20%,#22c55e1f,transparent 55%),radial-gradient(900px 600px at 60% 120%,#3b82f61f,transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button{font-family:inherit}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}::selection{background:rgba(var(--glow-p),.25)}@keyframes flipSpin{0%{transform:rotateY(0)rotateX(0)}to{transform:rotateY(1440deg)rotateX(360deg)}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 28px #7c3aed40}}.bg-casino{background:linear-gradient(180deg,var(--bg0),var(--bg1));min-height:100vh;position:relative;overflow:hidden}.bg-casino:before,.bg-casino:after{content:"";pointer-events:none;z-index:0;filter:blur(30px);position:absolute;inset:-200px}.bg-casino:before{background:radial-gradient(900px 500px at 15% 10%,rgba(var(--glow-p),.16),transparent 60%),radial-gradient(800px 520px at 85% 0%,rgba(var(--glow-g),.1),transparent 55%),radial-gradient(900px 520px at 65% 90%,rgba(var(--glow-b),.08),transparent 55%)}.bg-casino:after{opacity:.7;background:radial-gradient(700px 420px at 40% 70%,#ffffff0f,#0000 60%)}.casino-wrap{z-index:1;position:relative}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a}.glass-rim{position:relative}.glass-rim:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(1200px 200px at 20% 0,#ffffff1a,#0000 55%);position:absolute;inset:0}.glass-noise{position:relative}.glass-noise:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.btn-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;transition:transform .14s,box-shadow .16s,border-color .16s,background .16s;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a}.btn-premium:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-1px)}.btn-premium:active{transform:translateY(0)scale(.99)}.input-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 0 0 1px #ffffff0a}.input-premium:focus{border-color:#ffffff2e;box-shadow:0 0 0 1px #a855f78c,0 0 0 4px #a855f71f}.ring-violet-hover{transition:box-shadow .18s,border-color .18s,transform .18s}.ring-violet-hover:hover{border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 0 0 1px #a855f7b3,0 0 0 4px #a855f72e,0 18px 60px #00000073}.wallet-adapter-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:14px!important;font-weight:800!important;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a!important}.wallet-adapter-button:hover{background:#ffffff12!important;border-color:#ffffff24!important}.wallet-adapter-button:active{transform:scale(.99)}.ttt-container{max-width:1120px;margin:0 auto;padding:56px 18px 70px;animation:.42s both popIn}.ttt-grid2{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:980px){.ttt-grid2{grid-template-columns:1fr 1fr;gap:22px}}.ttt-mt8{margin-top:8px}.ttt-mt12{margin-top:12px}.ttt-mt18{margin-top:18px}.ttt-mt26{margin-top:26px}.ttt-dim{color:#ffffff8c}.ttt-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.ttt-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ttt-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:transform .16s,box-shadow .18s,border-color .18s,background .18s;display:flex}.ttt-item:hover{border-color:#ffffff24;transform:translateY(-1px);box-shadow:0 0 0 1px #a855f78c,0 0 0 4px #a855f71f,0 18px 60px #00000073}.ttt-itemPad{padding:16px}.ttt-minbtn{min-width:170px}@media (max-width:520px){.ttt-minbtn{min-width:140px}}.ttt-board{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.ttt-cell{aspect-ratio:1;color:#ffffffeb;cursor:pointer;background:radial-gradient(140px 90px at 30% 20%,#ffffff1a,#ffffff0a 45%,#0000001a 100%),#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;font-size:46px;font-weight:950;transition:transform .14s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 10px 26px #00000047}.ttt-cell:hover{border-color:#ffffff24;transform:translateY(-1px);box-shadow:0 0 0 1px #a855f78c,0 0 0 4px #a855f71f,0 18px 60px #00000073}.ttt-cell:active{transform:translateY(0)scale(.99)}.ttt-cell:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 10px 26px #00000038}
.wallet-adapter-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;height:48px;padding:0 24px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:48px;display:flex}.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]{color:#999;cursor:not-allowed;background:#404144}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{z-index:99;grid-row-gap:10px;opacity:0;visibility:hidden;background:#2c2d30;border-radius:10px;grid-template-rows:1fr;margin:0;padding:10px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0009}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;border:none;border-radius:6px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:37px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transition:transform .15s ease-in;transform:rotate(180deg)}.wallet-adapter-modal{opacity:0;z-index:1040;background:#00000080;transition:opacity .15s linear;position:fixed;inset:0;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{cursor:pointer;background:#1a1f2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:18px;right:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);margin:3rem;display:flex}@media (max-width:480px){.wallet-adapter-modal-container{min-height:calc(100vh - 2rem);margin:1rem}}.wallet-adapter-modal-wrapper{box-sizing:border-box;z-index:1050;background:#10141f;border-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:400px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #0009}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{text-align:center;color:#fff;margin:0;padding:64px 48px 48px;font-size:24px;font-weight:500;line-height:36px}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{width:100%;margin:0 0 12px;padding:0;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.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{opacity:.6;margin-left:auto;font-size:14px}.wallet-adapter-modal-list-more{cursor:pointer;color:#fff;background-color:#0000;border:none;align-self:flex-end;align-items:center;padding:12px 24px 24px 12px;display:flex}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 24px 24px;display:flex}.wallet-adapter-modal-middle-button{cursor:pointer;color:#fff;background-color:#512da8;border:none;border-radius:8px;width:100%;margin-top:48px;padding:12px;font-size:18px;display:block}