@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_1a959aa3-module__y-lhfq__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_1a959aa3-module__y-lhfq__variable{--font-orbitron:"Orbitron", "Orbitron Fallback"}
:root{--bg:#07051a;--panel:#120c2e;--panel2:#1b1242;--ink:#f4f1ff;--muted:#9d93c9;--cyan:#19f0ff;--pink:#ff2bd6;--lime:#b6ff3b;--yellow:#ffe14d;--violet:#8a5cff;--red:#ff4d6d;--display:var(--font-orbitron), system-ui, -apple-system, "Apple SD Gothic Neo", "PingFang SC", "Hiragino Sans", "Noto Sans CJK KR", "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:radial-gradient(60% 40% at 15% 0%, #ff2bd633, transparent 70%), radial-gradient(50% 40% at 90% 10%, #19f0ff2e, transparent 70%), var(--bg);background-attachment:fixed;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;transform-origin:bottom;background:repeating-linear-gradient(90deg,#ff2bd650 0 1px,#0000 1px 60px),repeating-linear-gradient(0deg,#ff2bd650 0 1px,#0000 1px 60px);height:45vh;position:fixed;bottom:0;left:-50%;right:-50%;transform:perspective(300px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000,#000 90%);mask-image:linear-gradient(#0000,#000 90%)}body:after{content:"";z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}button,input{font:inherit;color:inherit}.wrap{flex-direction:column;gap:14px;max-width:480px;min-height:100dvh;margin:0 auto;padding-block:20px 24px;padding-inline:16px;display:flex}.top{justify-content:flex-end;gap:8px;display:flex}.chip{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:6px 12px;font-size:14px}.logo{font-family:var(--display);letter-spacing:4px;text-align:center;color:#fff;text-shadow:0 0 6px #fff, 0 0 18px var(--pink), 0 0 40px var(--pink), 0 0 80px var(--violet);margin:28px 0 0;font-size:clamp(48px,14vw,72px);font-weight:900;animation:4s infinite flicker}@keyframes flicker{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.55}}.tagline{text-align:center;color:var(--cyan);text-shadow:0 0 8px var(--cyan);letter-spacing:1px;margin:0 0 12px}.nick{background:var(--panel);border:1px solid var(--violet);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:inset 0 0 14px #8a5cff44}.nick input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:18px}.lv{font-family:var(--display);color:var(--bg);background:var(--lime);box-shadow:0 0 10px var(--lime);white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700}.sizes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.size{background:var(--panel);color:var(--muted);cursor:pointer;border:1px solid #fff2;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 2px;display:flex}.size b{font-family:var(--display);font-size:13px;font-weight:700}.size small{opacity:.8;font-size:11px}.size.on{color:#fff;border-color:var(--cyan);text-shadow:0 0 8px var(--cyan);box-shadow:0 0 12px #19f0ff88,inset 0 0 12px #19f0ff44}.code{background:var(--panel);border:1px solid var(--cyan);color:var(--cyan);text-align:center;letter-spacing:10px;font-family:var(--display);border-radius:14px;outline:0;padding:14px;font-size:26px;box-shadow:0 0 14px #19f0ff44}.btn{font-family:var(--display);letter-spacing:1px;border:2px solid var(--cyan);color:#fff;text-shadow:0 0 8px var(--cyan);cursor:pointer;background:#19f0ff10;border-radius:14px;padding:15px;font-size:17px;font-weight:700;transition:transform 80ms;box-shadow:0 0 12px #19f0ff55,inset 0 0 12px #19f0ff33}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{border-color:var(--pink);text-shadow:0 0 6px #fff8;background:linear-gradient(#ff2bd6,#b0149a);box-shadow:0 0 18px #ff2bd6aa,0 6px #6d0b60}.btn.primary:active{transform:translateY(4px);box-shadow:0 0 18px #ff2bd6aa,0 2px #6d0b60}.btn.ghost{box-shadow:none;text-shadow:none;color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.error{color:var(--red);text-shadow:0 0 8px var(--red);text-align:center;margin:0}.muted{color:var(--muted);text-align:center;margin:0}.toast{z-index:90;background:var(--panel2);border:1px solid var(--cyan);color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.panel{background:var(--panel);text-align:center;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 0 24px #8a5cff33}.panel h2{font-family:var(--display);margin:0;font-size:22px}.panel h2.big{color:var(--yellow);text-shadow:0 0 10px var(--yellow), 0 0 30px #ff7a3d;font-size:40px}.codeTag{color:var(--cyan);letter-spacing:4px;text-shadow:0 0 8px var(--cyan)}.levelup{font-family:var(--display);color:var(--lime);text-shadow:0 0 10px var(--lime);margin:0;font-size:20px;animation:.5s popin}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--panel);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:16px;display:flex}.list li.me{border-color:var(--pink);box-shadow:0 0 12px #ff2bd655}.list .score{font-family:var(--display);color:var(--yellow);margin-left:auto;font-weight:700}.dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.hud{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud .time{font-family:var(--display);color:#fff;text-shadow:0 0 10px var(--cyan);font-size:26px}.tag{color:var(--muted);white-space:nowrap;border:1px solid #fff2;border-radius:6px;padding:3px 8px;font-size:12px}.timebar{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.timebar i{background:linear-gradient(90deg, var(--cyan), var(--pink));height:100%;box-shadow:0 0 10px var(--pink);transition:width .25s linear;display:block}.feverMode .timebar i{background:linear-gradient(90deg, var(--yellow), var(--red));animation:.5s infinite alternate pulse}.feverMode:before{content:"";z-index:40;pointer-events:none;border:3px solid var(--yellow);animation:.5s infinite alternate pulse;position:fixed;inset:0;box-shadow:inset 0 0 40px #ffe14d66}@keyframes pulse{0%{opacity:.45}to{opacity:1}}.scores{gap:6px;padding:4px 2px;display:flex;overflow-x:auto}.scores span{background:var(--panel);border:1px solid var(--c);white-space:nowrap;box-shadow:0 0 8px color-mix(in srgb, var(--c) 50%, transparent);border-radius:999px;flex:none;padding:4px 10px;font-size:13px}.scores span.me{background:var(--panel2)}.scores em{font-style:normal;font-family:var(--display);color:var(--lime);margin-right:4px;font-size:10px}.scores b{font-family:var(--display);color:var(--yellow);margin-left:4px}.fire{margin-left:4px;font-style:normal;animation:.3s popin;display:inline-block}.board{gap:8px;width:100%;margin-inline:auto;transition:filter .2s,transform .4s;display:grid}.board.mirrored{transform:scaleX(-1)}.blackout{z-index:35;pointer-events:none;background:radial-gradient(circle,#000000f0 0,#000 70%);place-items:center;font-size:72px;animation:.2s fadein;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.streak{font-family:var(--display);color:#ff7a3d;text-shadow:0 0 6px #ff7a3d;white-space:nowrap;border:1px solid #ff7a3d;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.titles{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.titles span{color:var(--yellow);background:#ffe14d14;border:1px solid #ffe14d55;border-radius:99px;padding:2px 7px;font-size:11px}.list li .who{flex-direction:column;min-width:0;display:flex}.list li .who>div{align-items:center;gap:6px;display:flex}.board.penalty{filter:grayscale(.8)brightness(.7)}.board.shuffling .card{animation:.7s ease-in-out spin}.board.shuffling .card:nth-child(2n){animation-delay:60ms}.board.shuffling .card:nth-child(3n){animation-direction:reverse}@keyframes spin{50%{transform:rotate(180deg)scale(.5)}}.card{aspect-ratio:3/4;perspective:600px;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;position:relative}.inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s;display:block;position:relative}.card.up .inner{transform:rotateY(180deg)}.back,.front{backface-visibility:hidden;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}.back{border:1.5px solid var(--cyan);background:repeating-linear-gradient(45deg,#ffffff08 0 6px,#0000 6px 12px),linear-gradient(160deg,#1d1450,#0c0826);box-shadow:0 0 8px #19f0ff66,inset 0 0 10px #19f0ff33}.back:after{content:"?";font-family:var(--display);color:var(--cyan);text-shadow:0 0 8px var(--cyan);font-size:clamp(16px,5vw,26px);font-weight:900}.front{--glow:var(--ring,var(--violet));background:var(--panel2);border:2px solid var(--glow);box-shadow:0 0 12px var(--glow), inset 0 0 12px color-mix(in srgb, var(--glow) 40%, transparent);font-size:clamp(20px,7.5vw,38px);transform:rotateY(180deg)}.card.sp-gold .front{--glow:var(--yellow)}.card.sp-bomb .front{--glow:var(--red)}.card.sp-ice .front{--glow:var(--cyan)}.card.sp-peek .front{--glow:var(--lime)}.card.sp-thief .front{--glow:var(--pink)}.card.sp-mirror .front{--glow:#d9f2ff}.card.sp-blackout .front{--glow:var(--violet)}.card.sp-shield .front{--glow:#3dffa8}.card.sp-lucky .front{--glow:#ff7a3d}.card.matched .front{opacity:.35;box-shadow:none}.float{z-index:5;pointer-events:none;font-family:var(--display);color:var(--yellow);text-shadow:0 0 10px var(--yellow);font-size:22px;font-weight:900;animation:.9s ease-out forwards rise;position:absolute;top:25%;left:50%;transform:translate(-50%)}@keyframes rise{to{opacity:0;transform:translate(-50%,-60px)}}.frost{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);background:radial-gradient(circle,#19f0ff22,#19f0ff55);place-items:center;font-size:80px;display:grid;position:fixed;inset:0}.reactions{justify-content:center;gap:6px;margin-top:auto;display:flex}.reactions button{background:var(--panel);cursor:pointer;border:1px solid #fff2;border-radius:12px;padding:6px 10px;font-size:22px}.reactions button:active{transform:scale(.88)}.btn.danger{border-color:var(--red);text-shadow:0 0 6px #fff8;background:linear-gradient(#ff4d6d,#b3163a);box-shadow:0 0 16px #ff4d6d99}.modal{z-index:80;-webkit-backdrop-filter:blur(4px);background:#07051acc;place-items:center;padding-inline:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--violet);border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:440px;max-height:88dvh;padding:20px;display:flex;overflow-y:auto;box-shadow:0 0 40px #8a5cff55}.sheet h3{text-align:center;font-family:var(--display);color:var(--cyan);text-shadow:0 0 10px var(--cyan);margin:0;font-size:22px}.rules{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:flex}.legend{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.legend li{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.legend .icon{text-align:center;grid-row:span 2;font-size:22px}.legend b{font-family:var(--display);font-size:13px}.legend small{color:var(--muted);font-size:12px}.sharebox{background:var(--bg);border:1px dashed var(--cyan);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:12px;padding:12px;font-size:14px;line-height:1.5}.sharelinks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sharelinks a{text-align:center;padding:12px 4px;font-size:14px;text-decoration:none}.fx{z-index:60;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0;overflow:hidden}.banner{--k:var(--pink);text-align:center;font-family:var(--display);color:#fff;text-shadow:0 0 8px #fff, 0 0 20px var(--k), 0 0 40px var(--k);padding-inline:16px;font-size:clamp(26px,9vw,46px);font-weight:900;animation:1.4s ease-out forwards pop}.banner.go,.banner.ice{--k:var(--cyan)}.banner.combo{--k:#ff7a3d}.banner.gold,.banner.fever{--k:var(--yellow)}.banner.bomb{--k:var(--red)}.banner.peek{--k:var(--lime)}@keyframes pop{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1.15)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes popin{0%{transform:scale(.3)}60%{transform:scale(1.2)}to{transform:scale(1)}}.bubble{font-size:34px;animation:2s ease-out forwards bubble;position:absolute;bottom:70px}@keyframes bubble{to{opacity:0;transform:translateY(-55vh)scale(1.4)}}.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.inner,.timebar i{transition:none}.logo,.shake,.board.shuffling .card,.feverMode:before,.feverMode .timebar i{animation:none}.banner,.float,.bubble{animation-duration:10ms;animation-delay:1s}}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) :is(.btn,.size b,.panel h2,.sheet h3,.legend b,.banner,.levelup,.tagline,.error,.streak){letter-spacing:0;font-weight:800}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) :is(.btn,.size.on,.tagline,.error,.streak){text-shadow:0 0 3px}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) .btn.primary,:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) .btn.danger{text-shadow:0 1px 1px #0007}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) :is(.sheet h3,.levelup){text-shadow:0 0 4px}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) .panel h2.big{text-shadow:0 0 8px #ff7a3d}:is(:lang(ko),:lang(zh),:lang(ja),:lang(th),:lang(vi)) .banner{text-shadow:0 2px 0 #000a, 0 0 14px var(--k);-webkit-text-stroke:1px #0006}.cardimg{border:1px solid #fff2;border-radius:12px;width:100%}.langSelect{appearance:none;color:var(--ink);max-width:140px}.langSelect option{color:#000}a.btn{text-align:center;text-decoration:none;display:block}.captcha{z-index:95;-webkit-backdrop-filter:blur(4px);background:#07051acc;place-items:center;display:grid;position:fixed;inset:0}.intro{color:#cfc7ea;max-width:720px;margin:0 auto;padding:32px 16px 64px;line-height:1.7}.intro h1{font-family:var(--display);color:#fff;text-shadow:0 0 10px var(--pink);margin:0 0 16px;font-size:clamp(22px,5vw,30px)}.intro h2{font-family:var(--display);color:var(--cyan);text-shadow:0 0 8px var(--cyan);margin:32px 0 12px;font-size:clamp(18px,4vw,22px)}.intro p{margin:0 0 12px}.intro ol,.intro ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.intro .introCards{padding:0;list-style:none}.intro .introCards b{color:#fff}.intro dl{flex-direction:column;gap:14px;margin:0;display:flex}.intro dt{color:#fff;font-weight:700}.intro dd{margin:4px 0 0}.intro .cta{text-align:center;font-family:var(--display);color:var(--yellow);text-shadow:0 0 10px var(--yellow);margin-top:28px}.intro .introFoot{text-align:center;margin-top:24px;font-size:14px}.intro .introFoot a,.intro a{color:var(--cyan)}.adslot{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;min-height:90px;margin-top:8px;position:relative;overflow:hidden}.adTag{z-index:1;font-family:var(--display);color:var(--muted);letter-spacing:1px;font-size:10px;position:absolute;top:4px;left:8px}