@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";.cosmos-home .project-planet.rubber{width:182px;bottom:8%;right:0}.cosmos-home .rubber .planet-core{background:radial-gradient(circle at 34% 23%,#bc8a91,#6b4559 32%,#2e1c2c 63%,#0c0a10 100%);box-shadow:inset -22px -26px 48px #000c,0 0 48px #d07c9250}.rubber-page{z-index:2;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:center;gap:5vw;max-width:1360px;min-height:calc(100vh - 88px);margin:auto;padding:7vh 5vw;display:grid;position:relative}.rubber-copy h2{letter-spacing:-.08em;margin:20px 0 10px;font-size:clamp(48px,6vw,82px)}.rubber-copy>p{color:#97919e;line-height:1.7}.upload-button{color:#160e16;cursor:pointer;background:#a17a9a;justify-content:space-between;align-items:center;margin-top:28px;padding:14px 16px;font-weight:600;display:flex}.upload-button input{display:none}.upload-button b{font-size:18px}.rubber-status{color:#aaa3b0;align-items:center;gap:9px;margin-top:17px;font:11px DM Mono;display:flex}.rubber-status i{background:#666;border-radius:50%;width:8px;height:8px}.rubber-status i.ready{background:#d889a8;box-shadow:0 0 11px #d889a8}.rubber-status i.processing{background:#d8b48b;animation:1s infinite pulse}.rubber-status i.error{background:#e47583}.rubber-copy>small{color:#696270;margin-top:18px;font:9px/1.8 DM Mono;display:block}.rubber-canvas{aspect-ratio:10/7;touch-action:none;cursor:grab;background:#090a12;border:1px solid #ffffff1f;width:100%;box-shadow:0 35px 90px #000b}.rubber-canvas:active{cursor:grabbing}@media (width<=800px){.rubber-page{flex-direction:column;align-items:stretch;gap:24px;min-height:calc(100vh - 64px);padding:28px 14px 36px;display:flex}.rubber-copy h2{margin:12px 0 4px;font-size:45px}.rubber-copy>p{margin:6px 0}.rubber-canvas{order:-1}.cosmos-home .project-planet.rubber{width:125px;bottom:28%;right:-3%}}.hand-actions .primary{text-shadow:0 1px 8px #403477;color:#fff!important;background:#8d7bea!important}.hand-actions .primary:disabled{color:#fff!important}.fullscreen-toggle{z-index:5;letter-spacing:.08em;opacity:0;transition:opacity .2s;position:absolute;top:18px;right:18px;background:#080912a8!important;border:1px solid #ffffff42!important;padding:8px 10px!important;font:10px DM Mono!important}:is(.camera-shell:hover .fullscreen-toggle,.camera-shell:fullscreen .fullscreen-toggle){opacity:1}.camera-shell:fullscreen{aspect-ratio:auto;background:#000;border:0;place-items:center;width:100vw;height:100vh;display:grid}.camera-shell:fullscreen canvas{object-fit:contain;width:100%;height:100%}.camera-shell:fullscreen .camera-hud{bottom:25px;left:28px;right:28px}.camera-shell:fullscreen .fullscreen-toggle{top:25px;right:28px}.camera-shell:fullscreen:before{top:24px;left:24px}.camera-shell:fullscreen:after{bottom:24px;right:24px}@media (width<=800px){.fullscreen-toggle{opacity:1;top:10px;right:10px;padding:7px 8px!important;font-size:9px!important}}.cosmos-home{z-index:auto!important;background:0 0!important}.cosmos-home .home-order-stars{z-index:1;pointer-events:none;opacity:.27;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#8d83ff 1px,#0000 1px);background-position:0 0,24px 38px;background-size:67px 67px,113px 113px;position:absolute;inset:0}.cosmos-home .home-cursor-glow{z-index:5!important;background:radial-gradient(circle,#9381f229 0,#0000 62%)!important;border-color:#a99bf533!important;width:360px!important;height:360px!important}.cosmos-home .home-cursor-glow i{border-color:#a99bf55c!important;box-shadow:0 0 42px #8470e94a!important}.cosmos-home .home-emitter{z-index:6!important}.cosmos-home .home-emitter:before{background:#fff!important;width:7px!important;height:7px!important;box-shadow:0 0 22px 8px #a998ffcc!important}.cosmos-home .home-emitter i{width:4px!important;height:4px!important;animation:home-eject .58s var(--delay) ease-out infinite!important;box-shadow:0 0 15px 3px #a99bff!important}@keyframes home-eject{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}9%{opacity:1}55%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(54px) scale(.15)}}@media (width<=800px){.cosmos-home .home-order-stars{opacity:.2}.cosmos-home .home-cursor-glow,.cosmos-home .home-emitter{display:none!important}}.cosmos-home .home-stars{display:none!important}.home-emitter{left:var(--mx,-300px);top:var(--my,-300px);pointer-events:none;z-index:4;width:1px;height:1px;position:fixed}.home-emitter:before{content:"";background:#f5f2ff;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px 7px #a998ff80}.home-emitter i{width:3px;height:3px;transform:rotate(var(--angle)) translateX(0);animation:star-eject 1.15s var(--delay) ease-out infinite;background:#d8d2ff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #9c8aff}.home-emitter i:nth-child(3n){background:#6eeaff;box-shadow:0 0 10px #5ae3ff}.home-emitter i:nth-child(4n){background:#d993ff;box-shadow:0 0 10px #cf7cff}@keyframes star-eject{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}12%{opacity:1}75%{opacity:.65}to{opacity:0;transform:rotate(var(--angle)) translateX(118px) scale(.35)}}@media (width<=800px){.home-emitter{display:none}}.cosmos-home{background:radial-gradient(circle at 70% 45%,#34235840,#0000 30%),linear-gradient(125deg,#08090d 30%,#11101c)!important}.cosmos-home .cosmos-grid,.cosmos-home .nebula{display:none}.home-stars{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-stars i{opacity:.24;background:#f6f4ff;border-radius:50%;transition:transform 1.05s cubic-bezier(.16,.76,.15,1),opacity .8s;display:block;position:absolute;box-shadow:0 0 7px #b5aaff}.home-stars i.cyan{background:#7eeaff;box-shadow:0 0 9px #4ee6ff}.home-stars i.violet{background:#c4b2ff;box-shadow:0 0 10px #a58eff}.cosmos-home .home-copy,.cosmos-home .constellation{z-index:3}.cosmos-home .project-planet.gomoku{width:330px;top:10%;right:10%}.cosmos-home .project-planet.prism{width:250px;bottom:11%;left:14%}.cosmos-home .gomoku .planet-core{background:radial-gradient(circle at 34% 25%,#5d698e,#28324f 30%,#101725 61%,#06070c 100%);box-shadow:inset -30px -32px 60px #000c,0 0 65px #54669b55}.cosmos-home .prism .planet-core{background:radial-gradient(circle at 35% 26%,#625a87,#2d2a49 31%,#151525 60%,#05050a 100%);animation:none;box-shadow:inset -26px -28px 50px #000c,0 0 60px #78679b4d}.cosmos-home .planet-core:before{content:"";mix-blend-mode:screen;background:repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 7px);border-radius:50%;position:absolute;inset:18%}.cosmos-home .planet-core b{letter-spacing:.03em;font-weight:500}.cosmos-home .planet-halo{border-color:#b7b3cf38;box-shadow:0 0 38px #6a78b42b}.cosmos-home .prism .planet-halo{border-color:#786aa544}.cosmos-home .orbit-line{border-color:#b6b2ca18}.cosmos-home .signal{color:#8a8799}.cosmos-home .home-footer{z-index:3}@media (width<=800px){.home-stars i{transition-duration:1.3s}.cosmos-home .project-planet.gomoku{width:200px}.cosmos-home .project-planet.prism{width:158px}}.cosmos-home .project-planet{--drift-x:0px;--drift-y:0px;--planet-scale:1;transform:translate(var(--drift-x),var(--drift-y)) scale(var(--planet-scale))!important}.cosmos-home .project-planet:hover{--planet-scale:1.07}.cosmos-home .project-planet.rubber{aspect-ratio:1;width:218px;bottom:6%;right:2%}.cosmos-home .rubber .planet-halo{border-color:#d889a84d;animation-delay:-.8s;inset:-12%}.cosmos-home .rubber .project-no{color:#e5b4c34d}@media (width<=800px){.cosmos-home .project-planet.rubber{width:142px;bottom:25%;right:-2%}}.project-planet{--drift-x:0px;--drift-y:0px;--planet-scale:1;transform:translate(var(--drift-x),var(--drift-y)) rotate(calc(var(--drift-x) * .18)) scale(var(--planet-scale))!important}.project-planet:hover{--planet-scale:1.07}@media (width<=800px){.home-gravity{display:none}.project-planet{transform:none!important}}.home-gravity{left:var(--mx,-300px);top:var(--my,-300px);pointer-events:none;z-index:4;mix-blend-mode:screen;width:430px;height:430px;position:fixed;transform:translate(-50%,-50%)}.home-gravity:before,.home-gravity:after{content:"";background:radial-gradient(circle,#a493ff1c 0,#0000 57%);border:1px solid #c2b8ff4d;border-radius:50%;animation:2.6s ease-out infinite gravity-pulse;position:absolute;inset:0}.home-gravity:after{background:0 0;border-color:#59dfff68;animation-delay:-1.3s;inset:19%}.home-gravity i{transform-origin:0;background:linear-gradient(90deg,#0000,#a99bffcc,#0000);width:100%;height:1px;animation:5s linear infinite gravity-spin;position:absolute;top:50%;left:50%}.home-gravity i:first-child{animation-duration:5.5s;transform:rotate(22deg)}.home-gravity i:nth-child(2){animation-duration:7s;animation-direction:reverse;transform:rotate(142deg)}.home-gravity i:nth-child(3){animation-duration:4s;transform:rotate(262deg)}.home-gravity b{background:#f3f0ff;border-radius:50%;width:5px;height:5px;animation:2.8s linear infinite star-orbit;position:absolute;top:50%;left:50%;box-shadow:0 0 11px #a99bff}.home-gravity b:first-of-type{animation-delay:-.2s}.home-gravity b:nth-of-type(2){animation-duration:3.6s;animation-delay:-.7s}.home-gravity b:nth-of-type(3){background:#5ee5ff;animation-duration:2.3s;animation-delay:-1.1s}.home-gravity b:nth-of-type(4){animation-duration:4.3s;animation-delay:-1.7s}.home-gravity b:nth-of-type(5){background:#e68cff;animation-duration:3.1s;animation-delay:-2.2s}.home-gravity b:nth-of-type(6){animation-duration:4.8s;animation-delay:-2.5s}@keyframes gravity-pulse{0%{opacity:.9;transform:scale(.28)}to{opacity:0;transform:scale(1.2)}}@keyframes gravity-spin{to{rotate:360deg}}@keyframes star-orbit{0%{transform:rotate(0)translate(65px)rotate(0)}to{transform:rotate(360deg)translate(65px)rotate(-360deg)}}.cosmos-home{z-index:2;background:radial-gradient(at 69% 47%,#241651ad 0,#0000 29%),radial-gradient(at 18% 100%,#113a5b3d 0,#0000 38%),linear-gradient(135deg,#08090e 10%,#0a0913 55%,#111021);min-height:calc(100vh - 88px);position:relative;overflow:hidden}.cosmos-grid{transform-origin:bottom;opacity:.72;background-color:#0000;background-image:linear-gradient(#a99bf508 1px,#0000 1px),linear-gradient(90deg,#a99bf508 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:perspective(800px)rotateX(58deg)scale(1.55)translateY(24%);-webkit-mask-image:linear-gradient(120deg,#0000 5%,#000 50%,#0000 95%);mask-image:linear-gradient(120deg,#0000 5%,#000 50%,#0000 95%)}.nebula{aspect-ratio:1;filter:blur(32px);opacity:.45;pointer-events:none;border-radius:50%;width:46vw;animation:12s ease-in-out infinite alternate drift;position:absolute}.nebula-a{background:radial-gradient(circle,#a88bff68,#0000 63%);top:-19vw;right:-14vw}.nebula-b{background:radial-gradient(circle,#00c8ff35,#0000 65%);animation-delay:-6s;bottom:-29vw;left:17vw}.home-copy{z-index:2;max-width:470px;position:absolute;top:23%;left:8vw}.home-copy h1{letter-spacing:-.1em;text-shadow:0 12px 60px #927dff34;margin:26px 0 28px;font-size:clamp(86px,12vw,190px);line-height:.73}.home-copy h1 span{color:#a391ff;text-shadow:0 0 30px #8e78fb}.home-copy>p{letter-spacing:.12em;color:#b3adbf;margin:0;font:300 16px DM Mono}.home-scroll{color:#8f88a1;letter-spacing:.16em;margin-top:52px;font:10px DM Mono}.home-scroll i{vertical-align:middle;background:#9f90e9;width:29px;height:1px;margin-right:10px;display:inline-block;box-shadow:0 0 10px #9f90e9}.constellation{z-index:3;width:min(61vw,860px);height:92%;position:absolute;top:4%;right:3vw}.orbit-line{pointer-events:none;border:1px solid #b7aafd20;border-radius:50%;position:absolute}.line-one{aspect-ratio:1;width:92%;top:4%;right:-22%;transform:rotate(-22deg)}.line-two{aspect-ratio:1;border-color:#80d9ff1c;width:64%;top:29%;right:10%;transform:rotate(36deg)}.project-planet{color:#fff;text-align:left;cursor:pointer;isolation:isolate;filter:drop-shadow(0 12px 26px #0009);background:0 0;border:0;transition:transform .45s cubic-bezier(.2,.9,.2,1);position:absolute}.project-planet:hover{z-index:5;transform:scale(1.07)translateY(-7px)}.project-planet.gomoku{aspect-ratio:1;width:265px;top:12%;right:13%}.project-planet.prism{aspect-ratio:1;width:205px;bottom:14%;left:19%}.planet-core{text-align:center;z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:filter .3s;display:flex;position:absolute;inset:13%;overflow:hidden}.gomoku .planet-core{background:radial-gradient(circle at 34% 28%,#e7ddff,#9884ed 31%,#3f327d 61%,#17142a 100%);box-shadow:inset -22px -26px 45px #08071299,0 0 48px #9377fb88}.prism .planet-core{background:conic-gradient(from 30deg,#00ecff,#4174ff,#b66bff,#f47ac5,#fff281,#19e0b8,#00ecff);animation:13s linear infinite spin;box-shadow:inset -22px -26px 38px #0a092699,0 0 50px #26dfff80}.planet-core:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(145deg,#fff8,#0000 27%,#0004 68%);position:absolute;inset:0}.planet-core b,.planet-core small{z-index:2;text-shadow:0 2px 9px #10101c;position:relative}.planet-core b{letter-spacing:-.05em;font-size:clamp(16px,1.7vw,25px)}.planet-core small{letter-spacing:.11em;opacity:.74;margin-top:7px;font:8px DM Mono}.planet-halo{z-index:0;border:1px solid #d5ccff4b;border-radius:50%;animation:3s ease-in-out infinite pulse-ring;position:absolute;inset:-8%}.prism .planet-halo{border-color:#43dfff6b;animation-delay:-1.3s;inset:-13%}.project-no{color:#ffffff4d;z-index:3;font:300 36px DM Mono;position:absolute;top:2%;left:3%}.planet-link{z-index:4;letter-spacing:.08em;opacity:0;background:#0b0b13c9;border:1px solid #ffffff36;padding:8px 10px;font:10px DM Mono;transition:all .25s;position:absolute;bottom:14%;right:-5%;transform:translate(-10px)}.project-planet:hover .planet-link{opacity:1;transform:none}.signal{letter-spacing:.16em;color:#aaa2be;font:10px/1.6 DM Mono;position:absolute;top:61%;right:0}.signal:before{content:"";background:#42dbff;width:44px;height:1px;margin-bottom:10px;display:block;box-shadow:0 0 10px #42dbff}.home-footer{z-index:3;color:#696473;letter-spacing:.15em;justify-content:space-between;font:9px DM Mono;display:flex;position:absolute;bottom:30px;left:8vw;right:8vw}.home-footer span:last-child{color:#9386b9}@keyframes drift{to{transform:translate(5vw,3vw)scale(1.12)}}@keyframes spin{to{filter:hue-rotate(360deg)}}@keyframes pulse-ring{50%{opacity:.25;transform:scale(1.11)}}@media (width<=800px){.cosmos-home{min-height:calc(100vh - 64px)}.home-copy{top:12%;left:30px;right:30px}.home-copy h1{margin:19px 0 20px;font-size:82px}.home-copy>p{font-size:12px}.home-scroll{margin-top:25px}.constellation{width:110vw;height:59%;top:36%;right:-8vw}.project-planet.gomoku{width:190px;top:0;right:9%}.project-planet.prism{width:155px;bottom:2%;left:7%}.project-no{font-size:25px}.planet-link,.signal{display:none}.home-footer{font-size:8px;bottom:18px;left:30px;right:30px}.home-footer span:last-child{display:none}.cosmos-grid{background-size:42px 42px}.nebula-a{width:88vw;top:-44vw;right:-27vw}}.hand-page{z-index:2;grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:center;gap:5vw;max-width:1360px;min-height:calc(100vh - 88px);margin:auto;padding:7vh 5vw;display:grid;position:relative}.hand-copy h2{letter-spacing:-.07em;margin:20px 0 10px;font-size:clamp(48px,6vw,82px)}.hand-copy>p{color:#938e9c;line-height:1.7}.hand-status{color:#a7a1ae;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;gap:9px;margin:34px 0 18px;padding:12px 0;font:11px DM Mono;display:flex}.hand-status i{background:#65616a;border-radius:50%;width:8px;height:8px}.hand-status i.running{background:#71e69b;box-shadow:0 0 12px #71e69b}.hand-status i.loading{background:#a99bf5;animation:1s infinite pulse}.hand-status i.error{background:#e66f82}.hand-actions{gap:9px;display:grid}.hand-actions button{text-align:left;background:#ffffff07;border:1px solid #ffffff26;padding:13px 16px}.hand-actions button small{float:right;color:#8b8398}.hand-actions button:disabled{opacity:.35}.camera-error{font-size:12px;color:#e48c9b!important}.privacy{color:#625d6a;letter-spacing:.08em;margin-top:18px;font:9px DM Mono;display:block}.camera-shell{aspect-ratio:16/10;background:#090a0f;border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:0 35px 90px #000b}.camera-shell:before,.camera-shell:after{content:"";z-index:3;pointer-events:none;width:38px;height:38px;position:absolute}.camera-shell:before{border-top:1px solid #a99bf5;border-left:1px solid #a99bf5;top:14px;left:14px}.camera-shell:after{border-bottom:1px solid #a99bf5;border-right:1px solid #a99bf5;bottom:14px;right:14px}.camera-shell video{display:none}.camera-shell canvas{object-fit:cover;width:100%;height:100%;display:block}.camera-empty{text-align:center;background:radial-gradient(circle,#271f432c,#0000 48%);place-content:center;gap:8px;display:grid;position:absolute;inset:0}.camera-empty .hand-glyph{color:#9c8af0;text-shadow:0 0 35px #8069f5;font-size:55px}.camera-empty b{font-size:18px}.camera-empty span{color:#77717f;font-size:11px}.camera-hud{z-index:4;color:#d9d2ed;letter-spacing:.12em;text-shadow:0 1px 4px #000;justify-content:space-between;font:9px DM Mono;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.camera-hud span:last-child{color:#85e5a6}@media (width<=800px){.hand-page{flex-direction:column;align-items:stretch;gap:24px;min-height:calc(100vh - 64px);padding:28px 14px 36px;display:flex}.hand-copy h2{margin:12px 0 4px;font-size:44px}.hand-copy>p{margin:6px 0}.hand-status{margin:20px 0 12px}.hand-actions{grid-template-columns:1fr 1fr}.hand-actions button{padding:12px 10px;font-size:12px}.camera-shell{aspect-ratio:3/4;order:-1;width:100%}.camera-shell canvas{object-fit:cover}.privacy{margin-top:12px}.camera-hud{left:12px;right:12px}}.lobby-tabs{border-bottom:1px solid #ffffff18;grid-template-columns:1fr 1fr;margin:18px 0 20px;display:grid}.lobby-tabs>button{color:#777!important;background:0 0!important;border:0!important;border-bottom:2px solid #0000!important;padding:12px!important;font-size:13px!important}.lobby-tabs>button.active{color:#f4f1e8!important;border-bottom-color:#a99bf5!important}.lobby-tabs small{color:#8f83dc;margin-left:6px}.my-room{padding:8px 2px}.my-room .room-title button{border:1px solid #ffffff1f!important;padding:6px 9px!important;font-size:11px!important}.my-room h3{margin:18px 0;font-size:24px}.players{grid-template-columns:1fr 1fr;gap:10px;display:grid}.players>div{background:#ffffff04;border:1px solid #ffffff13;padding:14px}.players span,.players b{display:block}.players span{font-weight:600}.players b{color:#8e8999;margin-top:7px;font:400 10px DM Mono}.my-room .room-actions{margin-top:18px}.empty-room{color:#97919e;padding:28px 4px}.empty-room h3{color:#f4f1e8}.empty-room button{margin-top:8px}.current-room{background:#9c8af00c!important;border-color:#9c8af080!important}.current-room span{color:#a99bf5!important}.room-window{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16151ff2;border:1px solid #9d8ef06b;width:min(360px,100vw - 32px);padding:20px;position:fixed;bottom:28px;right:28px;box-shadow:0 24px 70px #000b,0 0 40px #7564c51c}.room-title{justify-content:space-between;align-items:center;display:flex}.room-title small{color:#9d91e9;font:10px DM Mono}.room-title button{color:#777;background:0 0!important;border:0!important;padding:0!important;font-size:22px!important}.room-window h3{margin:10px 0 18px}.room-window p{color:#aaa;grid-template-columns:1fr auto;gap:9px;font-size:12px;display:grid}.room-window p br{display:none}.room-window p b{color:#a99bf5;font-weight:400}.resign{color:#dc8794!important}.lobby:has(.room-window){padding-bottom:24px}@media (width<=800px){.room-window{width:calc(100vw - 24px);padding:16px;bottom:12px;right:12px}.room-window .room-actions{grid-template-columns:1fr 1fr!important}.room-window h3{font-size:17px}}.connection-line{color:#8f899d;align-items:center;gap:7px;padding:0 0 14px;font:10px DM Mono;display:flex}.connection-line>i{background:#706b76;border-radius:50%;width:7px;height:7px}.connection-line>i.connected{background:#87d6a1;box-shadow:0 0 9px #87d6a1}.connection-line>i.connecting{background:#d6bd87;animation:1s infinite pulse}.connection-line>i.error,.connection-line>i.disconnected{background:#d67787}.connection-line button{margin-left:auto!important;padding:4px 8px!important}@media (width<=800px){main{overflow-x:hidden}header{height:64px!important}.brand{font-size:14px}.gamepage{flex-direction:column;align-items:stretch!important;gap:22px!important;padding:24px 14px 38px!important;display:flex!important}.gameintro{width:100%}.gameintro .eyebrow{font-size:9px}.gameintro h2{margin:12px 0 16px!important;font-size:38px!important}.local-record{grid-template-columns:1fr 1fr;margin-top:0!important;display:grid!important}.record-item{padding:8px!important}.modes{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}.modes button{min-height:72px;padding:13px 12px!important}.modes b{font-size:14px}.modes span{line-height:1.4;font-size:10px!important}.boardwrap,.lobby{width:100%;margin:0!important}.boardwrap{padding:10px!important}.board{padding:12px!important}.gamebar{padding:2px 2px 6px;font-size:12px}.boardwrap>small{margin-top:10px}.lobby{min-height:340px;padding:16px!important}.lobby-head{flex-wrap:wrap}.lobby-head div{width:100%;margin-bottom:4px}.lobby-head button{flex:1;min-height:38px}.room-row{align-items:center;min-height:52px}.room-actions{grid-template-columns:repeat(2,1fr);display:grid!important}.room-actions button{min-height:42px}.nickname-modal{padding:26px 20px!important}.cursor-glow,.magnetic-stars{display:none}.hero h1{font-size:76px!important}.orbit{pointer-events:none}}.local-record{align-items:stretch!important;gap:8px!important}.record-item{opacity:.62;background:#ffffff04;border:1px solid #ffffff12;gap:4px;padding:9px 11px;display:grid}.record-item.current{opacity:1;background:#9c8af00c;border-color:#9c8af066}.record-item span,.record-item b,.record-item small{display:block}.record-item b{font-size:12px}.record-item small{font-size:10px}.lobby{background:#101117e8;border:1px solid #ffffff1d;align-self:start;min-height:420px;margin-top:55px;padding:24px}.lobby-head{border-bottom:1px solid #ffffff16;align-items:center;gap:10px;padding-bottom:18px;display:flex}.lobby-head div{margin-right:auto}.lobby-head span,.lobby-head b{display:block}.lobby-head span{color:#8f899d;font:10px DM Mono}.lobby-head b{margin-top:4px}.lobby button{background:#ffffff08;border:1px solid #fff2;padding:8px 12px;font-size:12px}.lobby .create-room{color:#171421;background:#a99bf5;border-color:#a99bf5}.lobby button:disabled{opacity:.35}.room-list h3{justify-content:space-between;align-items:center;font-size:16px;display:flex}.room-row{text-align:left;justify-content:space-between;width:100%;margin-top:9px;display:flex}.room-row span{color:#918b9a;font:11px DM Mono}.room-list>p,.room-panel p{color:#8e8999;font-size:13px;line-height:1.8}.room-panel{padding-top:28px}.room-panel small{color:#9e91ef;font:11px DM Mono}.room-panel h3{margin:8px 0}.room-actions{gap:8px;margin-top:22px;display:flex}.notice{color:#d2c9ff;font-size:12px}.modalback{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#050509d9;place-items:center;display:grid;position:fixed;inset:0}.nickname-modal{background:#121219;border:1px solid #ffffff24;width:min(410px,90vw);padding:38px}.nickname-modal h3{margin:14px 0 6px;font-size:28px}.nickname-modal p{color:#96919e;font-size:13px}.nickname-modal input{color:#fff;background:#08090d;border:1px solid #ffffff25;width:100%;margin:16px 0;padding:13px}.nickname-modal .primary{width:100%}.board{background:#c3a770!important;padding:18px!important;display:block!important}.board .grid-area{aspect-ratio:1;background-image:linear-gradient(#392e2555 1px,#0000 1px),linear-gradient(90deg,#392e2555 1px,#0000 1px);background-position:0 0;background-size:7.14286% 7.14286%;position:relative}.board .grid-area button{aspect-ratio:1;z-index:1;transform:translate(-50%,-50%);background:0 0!important;border:0!important;width:7.15%!important;height:auto!important;padding:0!important;position:absolute!important}.board .grid-area button:after{display:none!important}.board .grid-area button span{width:84%!important;height:84%!important;top:8%!important;left:8%!important}:root{color:#f4f1e8;font-synthesis:none;background:#08090d;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}.stars{pointer-events:none;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#8d83ff 1px,#0000 1px);background-size:67px 67px,113px 113px;background-position:calc(var(--rx,0px) * .35) calc(var(--ry,0px) * .35),calc(24px - var(--rx,0px) * .2) calc(38px - var(--ry,0px) * .2);opacity:.22;transition:background-position .15s ease-out;position:fixed;inset:-30px;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.magnetic-stars{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.magnetic-stars i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.68;transform:translate(calc((var(--mx) - var(--x)) * .14),calc((var(--my) - var(--y)) * .14)) scale(1);animation:twinkle 2.7s var(--delay) ease-in-out infinite;background:#dcd7ff;border-radius:50%;transition:transform .16s cubic-bezier(.2,.9,.25,1),opacity .3s;position:absolute;box-shadow:0 0 8px #a99bff}.cursor-glow{left:var(--mx,-200px);top:var(--my,-200px);pointer-events:none;z-index:1;background:radial-gradient(circle,#9381f21c 0,#0000 62%);border:1px solid #a99bf52b;border-radius:50%;width:410px;height:410px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-glow i{border:1px solid #a99bf545;border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 38px #8470e934}main{--mx:-200px;--my:-200px;--rx:0px;--ry:0px;background:radial-gradient(circle at 70% 45%,#34235840,#0000 30%),linear-gradient(125deg,#08090d 30%,#11101c);min-height:100vh;overflow:hidden}header{z-index:2;border-bottom:1px solid #ffffff18;align-items:center;height:88px;padding:0 6vw;display:flex;position:relative}.brand{letter-spacing:.18em;background:0 0;border:0;font-size:17px;font-weight:700}.brand i{border:2px solid #a89aff;border-radius:50%;width:11px;height:11px;margin-right:10px;display:inline-block;box-shadow:0 0 14px #a89aff}.brand span{color:#a89aff}nav{gap:34px;margin-left:auto;display:flex}nav button{color:#aaa6b2;background:0 0;border:0;font-size:14px}nav button:hover{color:#fff}.hero{min-height:calc(100vh - 88px);padding:23vh 10vw;position:relative}.eyebrow{color:#a99df4;letter-spacing:.2em;font:400 11px DM Mono}.hero h1{z-index:2;letter-spacing:-.09em;text-shadow:calc(var(--rx) * -.15) calc(var(--ry) * -.15) 35px #8d7eff20;transform:translate(calc(var(--rx) * -.08),calc(var(--ry) * -.08));margin:0;font-size:clamp(76px,12vw,175px);line-height:.73;transition:transform .18s ease-out;position:relative}.hero h1 span{color:#9183ed}.hero-note{z-index:2;color:#a5a0b1;letter-spacing:.12em;margin:28px 0 0;font:13px DM Mono;position:relative}.hero-note:before{content:"// ";color:#9888ef}.primary{color:#111019;background:#a99bf5;border:0;padding:15px 22px;font-weight:600}.primary b{margin-left:30px}.orbit{width:36vw;height:36vw;transform:translate(var(--rx),var(--ry)) rotate(-14deg);border:1px solid #ffffff1f;border-radius:50%;transition:transform .2s ease-out;position:absolute;top:7vh;right:4vw}.orbit:before,.orbit:after{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute}.orbit:before{inset:-15%}.orbit:after{inset:14%}.planet{width:11vw;height:11vw;transform:translate(calc(var(--rx) * -.9),calc(var(--ry) * -.9));background:radial-gradient(circle at 38% 35%,#cabdfb,#5f4d9d 42%,#1b152f 70%);border-radius:50%;transition:transform .12s ease-out;position:absolute;top:20%;right:2%;box-shadow:-30px 25px 80px #6048a999}.orbit em{color:#ffffff35;font:300 52px DM Mono;position:absolute;bottom:5%;left:16%}.orbit small{letter-spacing:.15em;color:#aaa6b2;font:11px DM Mono;position:absolute;bottom:11%;right:3%}.gamepage{grid-template-columns:1fr minmax(440px,570px);align-items:center;gap:8vw;max-width:1200px;margin:0 auto;padding:7vh 30px;display:grid}.gameintro h2{margin:20px 0 10px;font-size:64px}.gameintro>p{color:#9793a1}.local-record{color:#aaa6b2;align-items:baseline;gap:10px;margin-top:26px;font:12px DM Mono;display:flex}.local-record span{color:#9c8ef2}.local-record b{color:#f4f1e8;font-weight:400}.local-record small{color:#716c7a}.modes{gap:12px;margin-top:28px;display:grid}.modes button{text-align:left;background:#ffffff06;border:1px solid #ffffff16;padding:18px 20px}.modes button.active{background:#9c8af014;border-color:#9c8af0}.modes b,.modes span{display:block}.modes span{color:#8e8998;margin-top:5px;font-size:12px}.matching{color:#aaa3d4;margin-top:16px;font:12px DM Mono}.matching i{background:#9c8af0;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;display:inline-block;box-shadow:0 0 12px #9c8af0}.matching button{float:right;color:#777;background:0 0;border:0}.boardwrap{background:#101117;border:1px solid #ffffff19;padding:18px;box-shadow:0 35px 80px #0009}.gamebar{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px;display:flex}.gamebar button{color:#8f899b;background:0 0;border:0}.gamebar i{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.black{background:#1d1c20;border:1px solid #777}.board{aspect-ratio:1;background-color:#c3a770;background-image:linear-gradient(#392e2555 1px,#0000 1px),linear-gradient(90deg,#392e2555 1px,#0000 1px);background-position:15px 15px;background-size:7.14286% 7.14286%;border:1px solid #d8c191;grid-template-columns:repeat(15,1fr);padding:15px;display:grid}.board button{background:0 0;border:0;padding:0;position:relative}.board button:after{content:"";opacity:.25;background:#443728;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board button span{z-index:1;border-radius:50%;width:82%;height:82%;position:absolute;top:9%;left:9%}.stone.p1 span{background:radial-gradient(circle at 35% 30%,#555,#111 45%,#000);box-shadow:2px 3px 5px #0008}.stone.p2 span{background:radial-gradient(circle at 35% 30%,#fff,#dedbd1 55%,#aaa);box-shadow:2px 3px 5px #0008}.boardwrap>small{text-align:center;color:#66616d;letter-spacing:.12em;margin-top:14px;font:10px DM Mono;display:block}@keyframes pulse{50%{opacity:.35}}@keyframes twinkle{50%{opacity:.22;filter:brightness(1.8)}}@media (width<=800px){header{padding:0 20px}nav{display:none}.orbit{opacity:.45;width:80vw;height:80vw;top:12vh;right:-35vw}.hero{padding:22vh 30px}.gamepage{grid-template-columns:1fr;padding-top:40px}.gameintro h2{font-size:48px}.boardwrap{padding:10px}.board{background-position:10px 10px;padding:10px}.cursor-glow{width:250px;height:250px}.magnetic-stars i{transform:translate(calc((var(--mx) - var(--x)) * .09),calc((var(--my) - var(--y)) * .09))}}