:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--card:#101522cc;--panel:#0b101c;--line:#24304a;--line2:#344563;--text:#eef3ff;--muted:#8995aa;--cyan:#63e6ff;--purple:#9a7cff;--good:#5ee6a8;--warn:#f7c65d;--bad:#ff6b7a;--shadow:0 18px 60px #02040a80;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 80% -10%,#172342 0,transparent 35%),radial-gradient(circle at -10% 80%,#181331 0,transparent 28%),var(--bg);min-height:100vh;color:var(--text);margin:0;font-size:15px;line-height:1.55}.glow{pointer-events:none;z-index:-1;background:linear-gradient(120deg,#0000 30%,#63e6ff08 50%,#0000 70%);position:fixed;inset:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.shell{max-width:1080px;margin:auto;padding:0 18px}.topbar{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{letter-spacing:.12em;font-size:18px;font-weight:900;text-decoration:none}.brand span{color:var(--cyan)}.top-actions{align-items:center;gap:8px;display:flex}.ghost,.button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#101726;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.ghost:hover,.button:hover{border-color:#4a638f;transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--cyan),#7e8cff);color:#06101a;border:0}.button.danger{color:#ffabb4;background:#3a1720}.button.small{padding:7px 10px;font-size:12px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{padding:34px 0 24px}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.hero h1{letter-spacing:-.045em;max-width:760px;margin:10px 0 14px;font-size:clamp(34px,7vw,66px);line-height:1.03}.hero h1 em{color:#0000;background:linear-gradient(120deg,var(--cyan),#b99cff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:var(--muted);max-width:610px;margin:0}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.section{margin:30px 0}.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.section-head h2{margin:0;font-size:18px}.section-head p{color:var(--muted);margin:0;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.game-card,.panel{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px}.game-card{flex-direction:column;min-height:130px;padding:17px;text-decoration:none;transition:all .18s;display:flex;position:relative;overflow:hidden}.game-card.ready:hover{border-color:#4a638f;transform:translateY(-2px);box-shadow:0 10px 35px #02071366}.game-icon{margin-bottom:13px;font-size:26px}.game-card b{font-size:16px}.game-card small{color:var(--muted);margin-top:3px}.tag{color:var(--muted);background:#182134;border-radius:99px;padding:3px 8px;font-size:10px;position:absolute;top:12px;right:12px}.tag.ready{color:var(--good);background:#0c2319}.tag.online{color:var(--cyan);background:#0b1928}.panel{box-shadow:var(--shadow);padding:20px}.page-head{align-items:center;gap:12px;margin:12px 0 20px;display:flex}.page-head h1{margin:0;font-size:28px}.back{color:var(--muted);text-decoration:none}.stats{flex-wrap:wrap;gap:10px;display:flex}.stat{border:1px solid var(--line);background:#0b1220;border-radius:14px;min-width:100px;padding:10px 14px}.stat small{color:var(--muted);font-size:11px;display:block}.stat strong{font-size:22px}.form{gap:12px;display:grid}.form label{color:#b8c2d4;font-size:12px}.field{border:1px solid var(--line);color:#fff;background:#090d17;border-radius:12px;outline:none;width:100%;padding:12px 13px}.field:focus{border-color:var(--cyan)}.row{align-items:center;gap:10px;display:flex}.row>*{flex:1}.notice{border-left:3px solid var(--warn);color:#f1d998;background:#2b2412;border-radius:8px;padding:10px 12px}.empty{color:var(--muted);text-align:center;padding:26px}.toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));color:#07101c;z-index:20;background:#e9f7ff;border-radius:99px;padding:10px 16px;font-weight:800;transition:all .25s;position:fixed;transform:translate(-50%,90px)}.toast.show{transform:translate(-50%)}footer{text-align:center;color:#596579;padding:40px 18px 26px;font-size:12px}.room-layout{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.room-code{letter-spacing:.14em;color:var(--cyan);font-size:42px;font-weight:900;line-height:1}.sharebox{grid-template-columns:1fr 156px;align-items:center;gap:16px;margin-top:14px;display:grid}.qr{background:#fff;border-radius:14px;width:156px;height:156px;padding:8px}.player-list{gap:8px;margin-top:14px;display:grid}.player{background:#0a0f1a;border:1px solid #1d2940;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.player .meta{align-items:center;gap:8px;display:flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--good);box-shadow:0 0 10px #5ee6a877}.host{color:var(--cyan);border:1px solid #29526b;border-radius:99px;padding:2px 6px;font-size:10px}.room-status{color:var(--muted);background:#172033;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.room-status.playing{color:var(--good);background:#0c2319}.dice-battle{text-align:center;padding:25px 10px}.big-die{font-size:82px;line-height:1.1}.rolls{gap:8px;margin-top:18px;display:grid}.roll-line{background:#0b1220;border-radius:10px;justify-content:space-between;padding:9px 12px;display:flex}.game-wrap{max-width:760px;margin:auto}.game-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.game-board{touch-action:none;-webkit-user-select:none;user-select:none}.game-message{text-align:center;color:var(--muted);min-height:24px;margin-top:12px}.modal{z-index:15;background:#02050bcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#101522;border-radius:20px;padding:22px}.modal-card h2{margin-top:0}.hidden{display:none!important}.board-2048{border:1px solid var(--line);aspect-ratio:1;background:#111827;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:9px;max-width:480px;margin:auto;padding:10px;display:grid}.tile{color:#aab6c9;background:#1b2537;border-radius:13px;place-items:center;font-size:clamp(20px,7vw,38px);font-weight:900;transition:all .12s;display:grid}.tile[data-v="2"]{color:#263342;background:#d9e4ee}.tile[data-v="4"]{color:#263342;background:#c4d9e8}.tile[data-v="8"]{color:#06121c;background:#66d3e9}.tile[data-v="16"]{background:#63b9ed}.tile[data-v="32"]{background:#8d9cf4}.tile[data-v="64"]{background:#9a7cff}.tile[data-v="128"]{background:#bd76ed}.tile[data-v="256"]{background:#e46fc2}.tile[data-v="512"]{background:#f06d91}.tile[data-v="1024"]{background:#f2926d}.tile[data-v="2048"]{color:#241b08;background:#f7c65d;box-shadow:0 0 25px #f7c65d66}.tile.high{font-size:clamp(15px,4vw,25px)}.mine-controls{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.mine-grid{background:#060a11;border-radius:14px;gap:2px;max-width:620px;margin:auto;padding:5px;display:grid;overflow:auto}.mine-cell{aspect-ratio:1;color:#eef3ff;cursor:pointer;background:#1d2940;border:0;border-radius:4px;min-width:24px;padding:0;font-weight:900}.mine-cell.open{background:#0c1320}.mine-cell.flag{color:var(--warn)}.mine-cell.boom{color:#fff;background:#5b1e29}.n1{color:#63e6ff}.n2{color:#5ee6a8}.n3{color:#ff8b97}.n4{color:#b99cff}.sudoku-grid{background:#526686;border:2px solid #526686;grid-template-columns:repeat(9,1fr);gap:1px;max-width:540px;margin:auto;display:grid}.sudoku-cell{aspect-ratio:1;color:#eef3ff;text-align:center;background:#0c1320;border:0;min-width:0;padding:0;font-size:clamp(16px,5vw,25px);font-weight:800}.sudoku-cell:nth-child(3n){border-right:2px solid #526686}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #526686}.number-pad{grid-template-columns:repeat(5,1fr);gap:7px;max-width:540px;margin:12px auto 0;display:grid}.gomoku{background:#d0a85e;border:8px solid #8d6637;border-radius:10px;grid-template-columns:repeat(15,1fr);max-width:620px;margin:auto;display:grid;box-shadow:inset 0 0 20px #55361680}.g-cell{aspect-ratio:1;cursor:pointer;border-bottom:1px solid #6a4b2c;border-right:1px solid #6a4b2c;position:relative}.stone{border-radius:50%;width:78%;height:78%;position:absolute;top:11%;left:11%;box-shadow:0 2px 4px #0008}.stone.black{background:radial-gradient(circle at 35% 30%,#555,#080808 60%)}.stone.white{background:radial-gradient(circle at 35% 30%,#fff,#cfd5dc 65%)}.wheel-layout{grid-template-columns:1fr 300px;align-items:start;gap:18px;display:grid}.wheel-stage{place-items:center;display:grid;position:relative}.wheel-canvas{filter:drop-shadow(0 16px 30px #0008);width:min(520px,90vw);height:auto;transition:transform 4.2s cubic-bezier(.12,.68,.12,1)}.pointer{border-left:16px solid #0000;border-right:16px solid #0000;border-top:34px solid var(--cyan);filter:drop-shadow(0 3px 4px #000);width:0;height:0;position:absolute;top:-3px}.option-list{gap:7px;display:grid}.option-row{gap:6px;display:flex}.option-row input{flex:1}.dice-grid{flex-wrap:wrap;justify-content:center;gap:12px;padding:32px 0;display:flex}.die{color:#07101c;background:#eef3ff;border-radius:20px;place-items:center;width:92px;height:92px;font-size:50px;display:grid;box-shadow:inset 0 -6px #c6cfdd,0 12px 30px #0006}.history{color:var(--muted);flex-wrap:wrap;gap:7px;display:flex}@keyframes shake{25%{transform:rotate(6deg)translate(2px)}75%{transform:rotate(-6deg)translate(-2px)}}@media (width<=760px){.shell{padding:0 14px}.topbar{height:60px}.hero{padding-top:22px}.grid{grid-template-columns:1fr 1fr}.game-card{min-height:120px;padding:15px}.room-layout{grid-template-columns:1fr}.wheel-layout{flex-direction:column;width:100%;display:flex}.sharebox{grid-template-columns:1fr}.qr{margin:auto}.row.stack{flex-direction:column;align-items:stretch}.panel{padding:15px}.gomoku{border-width:5px}.wheel-layout aside{order:-1;width:100%}.wheel-stage{width:100%;overflow:hidden}.wheel-canvas{width:100%!important;max-width:100%!important}}@media (width<=420px){.grid{grid-template-columns:1fr}.game-card{min-height:auto}.hero h1{font-size:39px}.top-actions .label{display:none}.room-code{font-size:34px}.stat{min-width:82px}.die{width:78px;height:78px;font-size:42px}}.brand .brand-word{color:#f6f8ff}.brand .brand-slash{color:var(--cyan)}.board-2048{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));width:min(480px,100%);max-width:none;overflow:hidden}.tile{min-width:0;min-height:0;line-height:1;transition:background .12s,color .12s;overflow:hidden}.mine-cell{touch-action:none;-webkit-touch-callout:none}.sudoku-cell.given{color:var(--cyan);background:#151e2e}.sudoku-cell.user{color:#f1eaff;background:#0c1320}.sudoku-cell.bad{color:#ffb2ba;background:#4b1922}.sudoku-legend{color:var(--muted);justify-content:center;gap:18px;margin:10px auto 0;font-size:12px;display:flex}.sudoku-legend span{align-items:center;gap:6px;display:flex}.sudoku-legend i{border-radius:50%;width:9px;height:9px}.given-dot{background:var(--cyan)}.user-dot{background:#f1eaff}.die{transform-style:preserve-3d}.die.rolling{animation:dice-roll .82s cubic-bezier(.22,.75,.25,1) var(--roll-delay,0s) both}@keyframes dice-roll{0%{transform:perspective(500px)rotateX(0)rotateY(0)rotate(0)scale(1)}30%{transform:perspective(500px)translateY(-22px)rotateX(220deg)rotateY(150deg)rotate(80deg)scale(1.08)}65%{transform:perspective(500px)translateY(5px)rotateX(520deg)rotateY(410deg)rotate(250deg)scale(.96)}to{transform:perspective(500px)rotateX(720deg)rotateY(540deg)rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wheel-layout,.wheel-layout aside,.wheel-layout .wheel-stage{min-width:0}.wheel-canvas{width:100%;max-width:520px}.wheel-layout aside{width:100%;overflow:hidden}.wheel-layout .game-toolbar{flex-wrap:wrap;align-items:center}.wheel-layout .game-toolbar h2{min-width:0;margin:0}.wheel-layout .game-toolbar #spin{margin-left:auto}.option-row{min-width:0}.option-row input{width:0;min-width:0}.gomoku{aspect-ratio:1;grid-template-rows:repeat(15,minmax(0,1fr));grid-template-columns:repeat(15,minmax(0,1fr));padding:0;overflow:visible}.gomoku .g-cell{background:linear-gradient(90deg,#0000 calc(50% - .5px),#6a4b2c calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#6a4b2c calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border:0}.gomoku .stone{z-index:1}.die{perspective:600px;box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid}.cube{width:76%;height:76%;transform-style:preserve-3d;transition:transform .2s;position:relative}.cube-face{color:#07101c;background:linear-gradient(145deg,#fff,#c9d4e4);border:1px solid #aab8cc;border-radius:14px;place-items:center;font-size:clamp(26px,8vw,50px);font-weight:900;display:grid;position:absolute;inset:0;box-shadow:inset 0 -5px #b7c4d6}.cube-face.front{transform:translateZ(30px)}.cube-face.back{transform:rotateY(180deg)translateZ(30px)}.cube-face.right{transform:rotateY(90deg)translateZ(30px)}.cube-face.left{transform:rotateY(-90deg)translateZ(30px)}.cube-face.top{transform:rotateX(90deg)translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg)translateZ(30px)}.die.rolling .cube{animation:cube-roll .82s cubic-bezier(.22,.75,.25,1) var(--roll-delay,0s) both}@keyframes cube-roll{0%{transform:rotateX(0)rotateY(0)rotate(0)translateY(0)}30%{transform:rotateX(180deg)rotateY(145deg)rotate(35deg)translateY(-18px)}65%{transform:rotateX(380deg)rotateY(300deg)rotate(100deg)translateY(5px)}to{transform:rotateX(540deg)rotateY(450deg)rotate(180deg)translateY(0)}}