:root{--cd-pink: #ff8fc1;--cd-lavender: #b493ff;--cd-mint: #5fe0a8;--cd-lemon: #ffd86b;--cd-peach: #ffb070;--cd-sky: #6fc6ff;--cd-bg-1: #2a1440;--cd-bg-2: #1a0d2e;--cd-panel: #241238;--cd-line: rgba(255, 255, 255, .12)}.cd-page{position:fixed;inset:0;z-index:9990;overflow:hidden;background:radial-gradient(900px 500px at 15% -5%,rgba(255,143,193,.16),transparent 60%),radial-gradient(800px 460px at 85% 0%,rgba(111,198,255,.13),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(180,147,255,.15),transparent 65%),linear-gradient(180deg,var(--cd-bg-1),var(--cd-bg-2) 70%)}.cd-page:before,.cd-page:after{content:"";position:absolute;width:34vmin;height:34vmin;border-radius:50%;opacity:.09;pointer-events:none;background:radial-gradient(circle at 32% 30%,#fff,var(--cd-pink) 55%,transparent 72%);top:8%;left:-8%;animation:cd-drift 26s ease-in-out infinite alternate}.cd-page:after{background:radial-gradient(circle at 32% 30%,#fff,var(--cd-sky) 55%,transparent 72%);inset:auto -10% 4% auto;animation-duration:33s;animation-delay:-9s}@keyframes cd-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(9vmin,-6vmin,0) scale(1.15)}}body.cd-lock-scroll{overflow:hidden}.cd-shell{display:flex;flex-direction:column;gap:.5rem;height:100%;max-width:1200px;margin-inline:auto;padding:calc(.5rem + env(safe-area-inset-top,0px)) .75rem calc(.75rem + env(safe-area-inset-bottom,0px));position:relative;z-index:1}.cd-hud{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.cd-chip{display:flex;align-items:center;gap:.45rem;padding:.4rem .8rem;border-radius:999px;background:var(--cd-panel);border:1px solid var(--cd-line);box-shadow:0 4px 14px #0a031473,inset 0 1px #ffffff12;color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap}.cd-chip .cd-chip-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.cd-chip .cd-chip-value{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.cd-chip .cd-danger{color:#ff7d9d;animation:cd-pulse .8s ease-in-out infinite}.cd-chip.cd-danger{border-color:#ff7d9d99}@keyframes cd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.cd-goal-chip{min-width:0;flex-shrink:1}.cd-goal-text{overflow:hidden;text-overflow:ellipsis;max-width:42vw}.cd-goalbar{position:relative;width:74px;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden;flex-shrink:0}.cd-goalbar>span{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--cd-mint),var(--cd-lemon));transition:width .35s ease}.cd-iconbtn{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:var(--cd-panel);border:1px solid var(--cd-line);color:#fff;font-size:1rem;cursor:pointer;transition:border-color .2s}.cd-iconbtn:hover{border-color:#ffffff59}.cd-exit{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.15rem;border-radius:999px;background:linear-gradient(135deg,#e5484d,#c62a52);border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px #c62a5266,inset 0 1px #ffffff2e;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:transform .15s ease,filter .2s ease}.cd-exit:hover{filter:brightness(1.12)}.cd-exit:active{transform:scale(.96)}.cd-exit .cd-exit-x{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#ffffff38;font-size:.8rem;line-height:1}.cd-stage{flex:1;min-height:0;display:grid;place-items:center;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cd-stage canvas{display:block;border-radius:18px;background:linear-gradient(160deg,#ffffff12,#ffffff05 55%),#10071e8c;box-shadow:0 18px 50px #08021299,inset 0 1px #ffffff1a,0 0 0 1px #ffffff17;touch-action:none}.cd-toast{position:absolute;top:.8rem;left:50%;transform:translate(-50%,-12px);padding:.55rem 1.1rem;border-radius:999px;background:#180a2b;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #05010c99;color:#fff;font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:30;max-width:min(92%,30rem);text-align:center}.cd-toast.is-open{opacity:1;transform:translate(-50%)}.cd-overlay{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:1rem;background:#0c0418cc}.cd-overlay.is-open{display:flex}.cd-panel{width:min(92%,24rem);border-radius:22px;padding:1.6rem 1.4rem;text-align:center;background:linear-gradient(170deg,#321a4d,#20103a 70%);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px #04010ab3,inset 0 1px #ffffff1a;animation:cd-pop-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes cd-pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cd-title{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.01em}.cd-bigscore{margin-top:.5rem;font-size:2.4rem;font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--cd-lemon),var(--cd-peach),var(--cd-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.cd-record{margin-top:.35rem;font-size:1.05rem;font-weight:900;color:var(--cd-lemon);animation:cd-pulse 1s ease-in-out infinite}.cd-boss-tag{display:inline-block;margin-bottom:.4rem;padding:.2rem .7rem;border-radius:999px;background:#ff7d9d2e;border:1px solid rgba(255,125,157,.5);color:#ff9db5;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cd-sub{margin-top:.6rem;font-size:.85rem;color:#ffffffa6;line-height:1.5}.cd-code{margin-top:.4rem;font-family:ui-monospace,monospace;font-size:1.7rem;font-weight:800;letter-spacing:.35em;color:var(--cd-lemon)}.cd-btnrow{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.1rem;padding:.65rem 1.4rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s}.cd-btn:hover{background:#ffffff24}.cd-btn:active{transform:scale(.96)}.cd-btn[disabled]{opacity:.45;cursor:not-allowed}.cd-btn-primary{background:linear-gradient(135deg,var(--cd-pink),var(--cd-lavender));border-color:transparent;box-shadow:0 8px 22px #ff8fc159}.cd-btn-primary:hover{background:linear-gradient(135deg,#ff9fca,#c2a6ff)}.cd-lobby-list{margin-top:.9rem;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#fff}.cd-lobby-list li{display:flex;justify-content:space-between;padding:.45rem .8rem;border-radius:12px;background:#ffffff0f}.cd-ok{color:var(--cd-mint);font-weight:800}.cd-wait{color:#fff6}.cd-result-list{margin-top:.9rem;display:flex;flex-direction:column;gap:.35rem}.cd-result-list li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .85rem;border-radius:12px;background:#ffffff0f;color:#ffffffd9;font-size:.9rem}.cd-result-list li.is-winner{background:#ffd86b24;border:1px solid rgba(255,216,107,.45);color:#fff}.cd-result-list li.is-me{outline:1px solid rgba(111,198,255,.5)}.cd-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.cd-player{padding:.45rem .65rem;border-radius:14px;background:var(--cd-panel);border:1px solid var(--cd-line);min-width:0}.cd-player.is-me{border-color:#6fc6ff8c}.cd-player.is-offline{opacity:.45}.cd-player-top{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#fff}.cd-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.cd-player-score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--cd-lemon)}.cd-player-bar{margin-top:.3rem;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.cd-player-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cd-mint),var(--cd-sky));transition:width .5s cubic-bezier(.2,.8,.3,1)}.cd-player-sub{margin-top:.25rem;font-size:.68rem;color:#ffffff80}.cd-chat{display:flex;flex-direction:column;border-radius:14px;background:var(--cd-panel);border:1px solid var(--cd-line);overflow:hidden}.cd-chat-log{height:7.5rem;overflow-y:auto;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:#ffffffd9}.cd-chat-msg b{color:var(--cd-sky);font-weight:700}.cd-chat-form{display:flex;border-top:1px solid var(--cd-line)}.cd-chat-form input{flex:1;min-width:0;padding:.55rem .75rem;background:transparent;border:0;color:#fff;font-size:.85rem;outline:none}.cd-chat-form button{padding:0 1rem;background:#ffffff12;color:var(--cd-lemon);font-size:.8rem;font-weight:700;cursor:pointer}.cd-hero-card{position:relative;overflow:hidden;border-radius:20px;padding:1.4rem;background:radial-gradient(400px 200px at 90% -20%,rgba(255,143,193,.25),transparent 65%),radial-gradient(300px 180px at 0% 110%,rgba(111,198,255,.18),transparent 60%),linear-gradient(165deg,#33194f,#1e0f38 75%);border:1px solid rgba(255,255,255,.13)}.cd-mini{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:12px;background:linear-gradient(148deg,#3a1c58,#241238 60%,#120722);box-shadow:inset 0 1px #ffb7d54d,0 4px 10px #0000008c;font-size:1.25rem;line-height:1}.cd-mini:after{content:"🍬";filter:drop-shadow(0 0 6px rgba(255,143,193,.8))}.cd-stat{border-radius:14px;padding:.7rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.cd-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}@media(max-width:640px){.cd-shell{padding:calc(.35rem + env(safe-area-inset-top,0px)) .5rem calc(.5rem + env(safe-area-inset-bottom,0px));gap:.4rem}.cd-exit{min-height:2.5rem;padding:.4rem .85rem;font-size:.8rem}.cd-chip{padding:.3rem .6rem;font-size:.74rem}.cd-chip .cd-chip-value{font-size:.88rem}.cd-goal-text{max-width:34vw}.cd-goalbar{width:46px}.cd-chat-log{height:5rem}.cd-players{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.cd-page:before,.cd-page:after{animation:none}.cd-panel,.cd-chip .cd-danger,.cd-record{animation:none}.cd-toast{transition:opacity .1s}}