.rk{--ink:#eef6f1;--mute:#eef6f19e;--glass:#08161194;--line:#ffffff1a;--gold:#f2c66d;--mint:#7ef0b0;--bad:#ff6b73;--font:-apple-system, "SF Pro Rounded", "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif}.rk *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rk{z-index:50;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#04100c;position:fixed;inset:0;overflow:hidden}.rk #gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.rk #gl.can{cursor:grab}.rk #gl.grabbing{cursor:grabbing}.rk #ui{pointer-events:none;position:fixed;inset:0}.rk .glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid var(--line);box-shadow:0 10px 40px #00000059}.rk #top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.rk .logo{letter-spacing:.24em;border-radius:14px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:800;display:flex}.rk .logo b{color:#e0303a;letter-spacing:0;background:linear-gradient(#fbf6e6,#e8dfc4);border-radius:5px;place-items:center;width:22px;height:26px;font-size:15px;display:inline-grid;box-shadow:0 2px #b9ad88}.rk #turnline{letter-spacing:.02em;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-left:14px;font-size:13px;font-weight:600}.rk .tools{pointer-events:auto;gap:8px;display:flex}.rk .ib{width:40px;height:40px;color:var(--ink);cursor:pointer;font:600 15px var(--font);border-radius:12px;place-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s;display:grid}.rk .ib:hover{background:#ffffff1f;transform:translateY(-1px)}.rk .ib:active{transform:scale(.94)}.rk .ib.off{opacity:.45}.rk #toast{opacity:0;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);background:#0a1a14d1;border-radius:14px;max-width:min(560px,86vw);padding:11px 18px;font-size:14px;font-weight:550;transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.2,1);position:absolute;top:70px;left:50%;transform:translate(-50%,-8px)}.rk #toast.show{opacity:1;transform:translate(-50%)}.rk #bar{pointer-events:auto;border-radius:20px;gap:8px;padding:8px;transition:opacity .3s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.rk .btn{appearance:none;border:1px solid var(--line);color:var(--ink);font:600 14px var(--font);cursor:pointer;white-space:nowrap;background:#ffffff12;border-radius:13px;padding:11px 18px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s,opacity .2s,box-shadow .3s}.rk .btn:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.rk .btn:active:not(:disabled){transform:scale(.96)}.rk .btn:disabled{opacity:.38;cursor:default}.rk .btn.primary{color:#2a1d05;background:linear-gradient(#f7d584,#e0a93b);border-color:#fff3;box-shadow:0 4px 18px #f0b43c40}.rk .btn.primary:hover:not(:disabled){background:linear-gradient(#ffdf94,#eab349)}.rk .btn.primary.ready{animation:1.6s ease-in-out infinite rk-glow}@keyframes rk-glow{50%{box-shadow:0 4px 30px #ffcd5aa6}}.rk kbd{font:600 10px var(--font);opacity:.55;border:1px solid;border-radius:5px;margin-left:8px;padding:2px 5px}.rk #bar,.rk #mePanel,.rk #pileLabel{transition:opacity .4s}.rk.inmenu #bar,.rk.inmenu #mePanel{opacity:0;pointer-events:none!important}.rk #mePanel{border-radius:18px;min-width:170px;padding:12px 16px;transition:box-shadow .3s,border-color .3s;position:absolute;bottom:14px;left:16px}.rk #mePanel.active{border-color:#f2c66d8c;box-shadow:0 0 0 1px #f2c66d40,0 10px 40px #00000059,0 0 30px #f2c66d2e}.rk #mePanel h4{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0;font-size:12px;font-weight:700}.rk #mePanel .c{margin-top:2px;font-size:22px;font-weight:750}.rk #meld{margin-top:9px;transition:opacity .3s}.rk #meld.hide{display:none}.rk #meldTxt{color:var(--mute);margin-bottom:5px;font-size:12px;font-weight:650}.rk .bar{background:#ffffff1a;border-radius:6px;height:6px;overflow:hidden}.rk #meldBar{background:linear-gradient(90deg,#f2c66d,#ffe39b);border-radius:6px;width:0;height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.rk #meld.done #meldBar{background:linear-gradient(90deg,#4fdc94,#9bffcb)}.rk #meld.done #meldTxt{color:var(--mint)}.rk #pileLabel{letter-spacing:.06em;color:var(--mute);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;transition:opacity .4s;position:absolute;top:0;left:0}.rk #pileLabel b{color:var(--ink);margin-left:4px;font-size:14px}.rk #labels{position:absolute;inset:0}.rk .olabel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform;border-radius:999px;align-items:center;gap:9px;padding:7px 13px 7px 10px;font-size:13px;font-weight:650;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;top:0;left:0}.rk .olabel i{border-radius:50%;width:12px;height:12px;display:block}.rk .olabel em{background:#ffffff1f;border-radius:99px;padding:1px 8px;font-size:12px;font-style:normal}.rk .olabel u{gap:3px;text-decoration:none;display:none}.rk .olabel u s{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:1s infinite rk-dot;display:block}.rk .olabel u s:nth-child(2){animation-delay:.15s}.rk .olabel u s:nth-child(3){animation-delay:.3s}@keyframes rk-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.rk .olabel.active{border-color:#f2c66d99;box-shadow:0 0 28px #f2c66d40}.rk .olabel.active u{display:flex}.rk .overlay{pointer-events:none;opacity:0;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.rk .overlay.show{opacity:1;pointer-events:auto}.rk .card{border-radius:28px;width:min(440px,90vw);padding:34px 38px;transition:transform .6s cubic-bezier(.2,.9,.2,1);transform:translateY(14px)scale(.98)}.rk .overlay.show .card{transform:none}.rk #menu{place-items:center start;padding-left:max(24px,7vw)}.rk #menu h1{letter-spacing:.02em;background:linear-gradient(#fff,#cde8da);color:#0000;-webkit-background-clip:text;margin:0 0 4px;font-size:54px;font-weight:850;line-height:1}.rk #menu h1 span{color:#0000;background:linear-gradient(#ff7a80,#e0303a);-webkit-background-clip:text}.rk .sub{color:var(--mute);margin:0 0 26px;font-size:15px;line-height:1.45}.rk .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:18px 0 8px;font-size:11px;font-weight:700}.rk .seg{background:#00000040;border-radius:14px;gap:6px;padding:4px;display:flex}.rk .seg button{appearance:none;color:var(--mute);font:650 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px 8px;transition:all .22s cubic-bezier(.2,.8,.2,1)}.rk .seg button.sel{color:var(--ink);background:#ffffff24;box-shadow:0 2px 10px #0000004d}.rk #bPlay{border-radius:15px;width:100%;margin-top:26px;padding:15px;font-size:16px}.rk .field{appearance:none;width:100%;color:var(--ink);font:600 15px var(--font);background:#00000040;border:0;border-radius:12px;outline:none;padding:11px 14px}.rk .field::placeholder{color:var(--mute)}.rk .field:focus-visible{box-shadow:0 0 0 2px #f2c66d99}.rk .online{gap:6px;margin-top:6px;display:flex}.rk .online .btn{flex:none}.rk .field.code{text-align:center;text-transform:uppercase;letter-spacing:.2em;flex:1;min-width:0}.rk #lobby h2{letter-spacing:.12em;margin:0;font-size:54px;font-weight:850;line-height:1.1}.rk #seatList{margin:0 0 10px;padding:0;list-style:none}.rk #seatList li{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;font-weight:600;display:flex}.rk #seatList span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rk #seatList em{color:var(--mute);font-size:12px;font-style:normal}.rk #seatList button{appearance:none;color:var(--mute);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:18px;line-height:1}.rk #seatList button:hover{color:var(--ink)}.rk #hostTools[hidden],.rk #bStart[hidden]{display:none}.rk #bStart,.rk #bLeave{width:100%;margin-top:10px}.rk #bStart{border-radius:15px;margin-top:18px;padding:15px;font-size:16px}.rk .hint{color:var(--mute);text-align:center;margin-top:16px;font-size:12px}.rk #help .card{width:min(560px,92vw);max-height:86vh;overflow:auto}.rk #help h2{margin:0 0 14px;font-size:22px}.rk #help ul{color:var(--mute);margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.55}.rk #help li b{color:var(--ink)}.rk #help h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:16px 0 6px;font-size:12px}.rk #over{background:radial-gradient(circle,#00000026,#0000008c)}.rk #over .card{text-align:center}.rk #overTitle{margin:0;font-size:40px;font-weight:850}.rk #overSub{color:var(--mute);margin:6px 0 20px}.rk #overList{text-align:left;margin:0 0 22px;padding:0;list-style:none}.rk #overList li{background:#ffffff0d;border-radius:12px;justify-content:space-between;margin-bottom:6px;padding:10px 14px;font-weight:600;display:flex}.rk #overList li.w{color:var(--gold);background:#f2c66d29}@media (max-width:760px){.rk #bar{flex-wrap:wrap;justify-content:center;width:calc(100% - 20px)}.rk #mePanel{display:none}.rk .btn{padding:10px 12px;font-size:13px}.rk #menu h1{font-size:42px}.rk kbd{display:none}}@media (prefers-reduced-motion:reduce){.rk .btn.primary.ready{animation:none}}