#modal.solo-open{--sp-accent:#ffabbc;--sp-dark:#342332;max-width:700px;background:radial-gradient(at 8% 0%,var(--sp-dark),transparent 70%),#101925;border-color:color-mix(in srgb,var(--sp-accent) 38%,transparent)}#modal.solo-open[data-solo-tone=cyan]{--sp-accent:#8eebe3;--sp-dark:#153a3b}#modal.solo-open[data-solo-tone=amber]{--sp-accent:#ffd399;--sp-dark:#3a3023}#modal.solo-open[data-solo-tone=violet]{--sp-accent:#d3b5ff;--sp-dark:#2d2445}.sp-scene h2{font-size:30px;letter-spacing:-1px;line-height:1.3;color:#f5f2ec;margin:15px 0}.sp-kicker{font:10px/1.6 'Noto Sans KR',system-ui;letter-spacing:2px;color:var(--sp-accent)}.sp-lead{font-size:16px;color:#c4ced7;line-height:1.8;word-break:keep-all}.sp-primary,.sp-secondary{display:block;width:100%;border:1px solid var(--sp-accent);border-radius:12px;padding:16px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin:12px 0;transition:transform .15s,filter .15s}.sp-primary{background:var(--sp-accent);color:#17202b;box-shadow:0 4px 0 #0004}.sp-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.sp-primary:active{transform:translateY(2px)}.sp-secondary{background:#1b2838;color:#e1e7ec;border-color:#7e929d44}.sp-secondary:hover{border-color:var(--sp-accent)}.sp-primary small,.sp-secondary small{display:block;font-size:10px;font-weight:400;margin-top:5px;opacity:.85}.sp-scene button:disabled{opacity:.45;cursor:default;transform:none}.sp-scene button:focus-visible,.sp-scene select:focus-visible{outline:3px solid var(--sp-accent);outline-offset:4px}.sp-fine{font-size:11px;color:#98a8b7;line-height:1.9;word-break:keep-all}.sp-tabs{display:flex;padding:5px;background:#070e16;border-radius:12px;gap:6px;margin-bottom:24px}.sp-tabs button{flex:1;padding:12px;border:0;border-radius:9px;background:transparent;color:#abb7c4;font:600 13px 'Noto Sans KR',system-ui;cursor:pointer}.sp-tabs button[aria-current]{background:var(--sp-dark);color:var(--sp-accent)}.sp-guide-image{display:block;width:100%;height:auto;border:1px solid #8ca1b533;border-radius:18px;margin:22px 0}.sp-guide ol{list-style:none;padding:0}.sp-guide li{display:flex;align-items:flex-start;gap:13px;color:#bdc9d4;font-size:13px;line-height:1.8;margin:14px 0}.sp-guide li b{font:700 18px monospace,'Noto Sans KR',sans-serif;color:var(--sp-accent);background:var(--sp-dark);border-radius:8px;padding:7px}.sp-welcome{text-align:center;padding:15px 10px}.sp-welcome .setup-field{text-align:left;margin:24px 0}.sp-emblem{width:100px;height:100px;display:grid;place-items:center;margin:28px auto;border:1px solid var(--sp-accent);border-radius:27px;box-shadow:0 15px 45px #0003,inset 0 0 35px #ffffff08;background:var(--sp-dark);font:700 53px Georgia;color:var(--sp-accent);transform:rotate(-6deg)}.sp-welcome h2{font-size:40px}.sp-best{display:flex;justify-content:center;gap:20px;align-items:center;padding:16px;border-top:1px solid #91a2ad33;border-bottom:1px solid #91a2ad33;color:#aebcca;font-size:12px}.sp-best b{font:700 28px monospace,'Noto Sans KR',sans-serif;color:var(--sp-accent)}.sp-hud{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:8px;border-bottom:1px solid #9aabba33;margin-bottom:18px}.sp-hud>span{font:11px monospace,'Noto Sans KR',sans-serif;color:#aabaca}.sp-hud>b{font:700 32px monospace,'Noto Sans KR',sans-serif;color:var(--sp-accent)}.sp-hud>span:last-child{color:var(--sp-accent);font-size:14px}.sp-meter{height:4px;background:#8f9eb733;border-radius:4px;margin:0 0 30px;overflow:hidden}.sp-meter i{display:block;height:100%;background:var(--sp-accent);transform-origin:left}.sp-color-cue{padding:14px;text-align:center;border:1px solid #8bbdff44;border-radius:12px;background:#223348;color:#c9d9ed;font-size:15px}.sp-color-cue b{color:#9dcdff;font-size:21px}.sp-color-cue.meaning{background:#3b2d42;border-color:#d3a4e655}.sp-color-cue.meaning b{color:#e8b8fa}.sp-word{font-size:clamp(56px,10vw,82px);font-weight:900;text-align:center;letter-spacing:3px;min-height:145px;display:grid;place-items:center;text-shadow:0 0 35px #ffffff10}.sp-combo{text-align:center;color:var(--sp-accent);font:13px monospace,'Noto Sans KR',sans-serif;margin:5px 0 20px}.sp-color-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-color-answers button{position:relative;border:1px solid #8b9eac55;background:#1d2a3b;border-radius:14px;padding:19px;color:#e2e7ed;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer}.sp-color-answers button:hover{border-color:var(--swatch);background:#2c3b4e}.sp-color-answers i{color:var(--swatch);font-style:normal;margin-right:12px}.sp-color-answers small{position:absolute;right:10px;top:8px;color:#8193a4;font:10px monospace,'Noto Sans KR',sans-serif}#sp-note{font-size:12px;line-height:1.8;color:#b7c6d2;min-height:23px;text-align:center;margin:18px 0 12px}.sp-session{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #8899aa22}.sp-session .text-btn{font-size:11px}.sp-pause[hidden]{display:none}.sp-pause{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1427ed;backdrop-filter:blur(12px);padding:30px;border-radius:16px;color:#d4dce5}.sp-pause>b{font-size:27px;color:var(--sp-accent)}.sp-pause>p{font-size:13px;margin:20px}.sp-pause>.sp-primary{max-width:300px}.sp-color-game,.sp-block-game{position:relative}.sp-machine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 14px;margin:24px 0;background:#0c1825;border:1px solid #819da33b;border-radius:18px}.sp-machine>div{flex:1;text-align:center}.sp-machine small{font:9px monospace,'Noto Sans KR',sans-serif;letter-spacing:2px;color:#78999c;display:block}.sp-machine strong{font:700 54px monospace,'Noto Sans KR',sans-serif;color:#bcefe7;display:block;margin-top:10px}.sp-box-core{text-align:center;color:#87ddd6;font-size:45px;padding:0 22px;border-left:1px dashed #488e8a;border-right:1px dashed #488e8a}.sp-box-core small{margin-top:8px;font-size:7px}.sp-experiment{display:flex;gap:15px;align-items:center}.sp-scene select{display:block;background:#1a2c3c;border:1px solid #6b8a9d88;color:#e3eaf0;padding:11px;border-radius:9px;width:100%;font:700 21px monospace,'Noto Sans KR',sans-serif;margin-top:7px;min-height:47px}.sp-experiment label{width:100px;flex-shrink:0;font-size:11px;color:#9cafba}.sp-experiment .sp-secondary{margin:17px 0 0}.sp-lab-log{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0;margin-bottom:18px;max-height:120px;overflow:auto}.sp-lab-log>span{width:100%;font-size:10px;color:#92adb2}.sp-lab-log b{font:15px monospace,'Noto Sans KR',sans-serif;padding:8px 12px;border-radius:6px;background:#234344;color:#c1f0e6}.sp-lab-log i{font-style:normal;color:#70a4a1}.sp-guess-box{padding:18px;border:1px solid #73b8ae44;border-radius:14px;background:#15282e}.sp-guess-box h3{font-size:13px;color:#b5dfd9;margin:0 0 13px}.sp-guess-box>div{display:flex;gap:16px;align-items:center}.sp-guess-box label{flex:1;color:#98b7b8;font-size:11px}.sp-guess-box>div>span{color:#98b7b8}.sp-guess-box>.sp-primary{margin-bottom:0}.sp-sequence-game h2{font-size:23px;text-align:center}.sp-sequence-game>p{text-align:center;color:#ab9ac9;font-size:12px}.sp-seq-board{max-width:390px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px auto;perspective:800px}.sp-seq-board button{aspect-ratio:1;border-radius:17px;border:1px solid #aa93d455;background:linear-gradient(140deg,#2b2d46,#24223b);color:#807294;font:13px monospace,'Noto Sans KR',sans-serif;box-shadow:0 6px 0 #080c18;cursor:pointer;transition:background .1s,transform .1s,box-shadow .1s}.sp-seq-board button:disabled{opacity:1;cursor:default}.sp-seq-board button.lit{background:#d0adff;color:#2b1d42;box-shadow:0 0 35px #c59aff77,0 6px 0 #68517f;transform:translateY(-3px)}.sp-seq-board button.pressed{background:#7a67a3;color:#fff;transform:translateY(3px)}.sp-block-layout{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:22px;max-width:430px;margin:auto}.sp-block-board{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:7px;border:1px solid #cc9c6755;border-radius:10px;background:#07101a;max-height:56dvh}.sp-block-board i{display:block;aspect-ratio:1;border-radius:3px;background:#17212f}.sp-block-board i.sp-ghost{border:1px dashed #c4a88299;background:#c5a76d15}.sp-block-1{background:linear-gradient(135deg,#ffd395,#c99252)!important}.sp-block-2{background:linear-gradient(135deg,#9cdeeb,#5396a3)!important}.sp-block-3{background:linear-gradient(135deg,#d2acf6,#8e66ac)!important}.sp-block-4{background:linear-gradient(135deg,#a4dfb5,#69a67a)!important}.sp-block-5{background:linear-gradient(135deg,#f9a4ba,#b7667e)!important}.sp-block-layout aside>span{font:10px monospace,'Noto Sans KR',sans-serif;letter-spacing:2px;color:#e1bf8d}.sp-next{display:grid;gap:3px;min-height:70px;align-content:start;margin:15px 0 24px}.sp-next i{aspect-ratio:1;display:block;border-radius:4px}.sp-block-layout aside>b{font-size:12px;line-height:1.7;color:#d4c2a7}.sp-block-layout aside>p,.sp-block-layout aside>small{font-size:10px;line-height:1.9;color:#9f9688}.sp-block-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:430px;margin:20px auto 0}.sp-block-controls button{touch-action:manipulation;min-height:45px;border:1px solid #9c846255;border-radius:10px;background:#2d2a2b;color:#f6d7a9;font:700 22px 'Noto Sans KR',system-ui;cursor:pointer}.sp-block-controls button:active{background:#665038}.sp-block-controls .sp-drop{grid-column:1/-1;font-size:14px;background:#48382b}.sp-result{text-align:center;padding:25px 0}.sp-result>strong{display:block;font:800 clamp(52px,10vw,80px) monospace,'Noto Sans KR',sans-serif;color:var(--sp-accent);margin:30px 0}.sp-result>strong small{display:block;font:10px 'Noto Sans KR',system-ui;letter-spacing:5px;margin-top:9px}.sp-result-stats{padding:18px 0;border-top:1px solid #9cabb333;border-bottom:1px solid #9cabb333;display:grid;gap:10px}.sp-result-stats b{font-size:18px;color:#dae3e9}.sp-result-stats span{font-size:11px;color:#a1b5c0}.sp-result-actions{display:flex;gap:10px}.sp-result-actions .sp-secondary{font-size:12px}.sp-record-section{grid-column:1/-1}.sp-record-section>h2{font-size:23px;color:#ebdecb}.sp-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sp-collection{max-width:1240px;margin:30px auto 25px;padding:27px;border:1px solid #8c9eb733;border-radius:20px;background:#121d2a}.sp-collection-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.sp-collection-title>div>span{font:10px monospace,'Noto Sans KR',sans-serif;color:#d6be8b;letter-spacing:2px}.sp-collection-title h2{font-size:25px;color:#f4eee4;margin:10px 0 6px}.sp-collection-title p{font-size:12px;color:#9eafbe}.sp-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.sp-mini-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 17px;text-align:left;border:1px solid #96a5bb33;border-radius:15px;background:linear-gradient(140deg,#243044,#14202e);color:#dae3ec;cursor:pointer;font-family:inherit;transition:transform .2s,border-color .2s}.sp-mini-card:hover{transform:translateY(-4px);border-color:var(--mini)}.sp-mini-card>i{font-style:normal;font-weight:800;font-size:37px;color:var(--mini);height:49px}.sp-mini-card>b{font-size:18px;letter-spacing:-.7px}.sp-mini-card>span{font-size:10px;color:#9baebb;line-height:1.6}.sp-mini-card>small{font-size:10px;color:var(--mini);padding-top:9px;border-top:1px solid #9cabb322}.sp-new-visual{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,var(--mini-bg),#101b2b)}.sp-new-visual>strong{font-size:82px;color:var(--mini);font-family:Georgia;text-shadow:0 0 70px var(--mini-bg);animation:sp-float 5s ease-in-out infinite}.sp-tested .sp-box-core{animation:sp-tested .4s ease-out}.sp-bump{animation:sp-bump .23s ease-out}.sp-enter{animation:sp-enter .16s ease-out}@keyframes sp-bump{50%{transform:scale(1.12)}}@keyframes sp-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes sp-tested{50%{transform:scale(1.12);color:white;text-shadow:0 0 30px #a2fff3}}@keyframes sp-float{50%{transform:translateY(-6px) rotate(3deg)}}@media(max-width:900px){.sp-mini-grid{grid-template-columns:repeat(2,1fr)}.sp-record-grid{grid-template-columns:repeat(2,1fr)}.sp-collection{margin:25px 20px;padding:22px}}@media(max-width:600px){#modal.solo-open{padding:18px;max-height:96dvh}.sp-scene h2{font-size:25px}.sp-welcome h2{font-size:34px}.sp-tabs{margin-bottom:20px}.sp-lead{font-size:14px}.sp-guide li{font-size:12px}.sp-guide-image{border-radius:12px;margin:18px 0}.sp-welcome{padding:5px}.sp-word{min-height:135px;font-size:65px}.sp-color-cue{font-size:12px;padding:12px}.sp-color-cue b{font-size:18px}.sp-color-answers{gap:9px}.sp-color-answers button{font-size:17px;padding:18px 10px}.sp-seq-board{gap:10px;max-width:330px}.sp-seq-board button{border-radius:13px}.sp-machine{padding:20px 7px;gap:6px}.sp-box-core{padding:0 12px;font-size:39px}.sp-machine strong{font-size:45px}.sp-block-layout{grid-template-columns:minmax(0,1fr) 64px;gap:13px;max-width:340px}.sp-block-layout aside>b{font-size:11px}.sp-block-layout aside>small{font-size:9px}.sp-block-controls{gap:7px;max-width:340px;margin-top:15px}.sp-block-controls button{min-height:44px}.sp-hud{padding:11px 0;margin-bottom:15px}.sp-hud>b{font-size:27px}.sp-hud>span{font-size:9px}.sp-hud>span:last-child{font-size:12px}.sp-mini-card{padding:17px 13px;gap:8px}.sp-mini-card>b{font-size:16px}.sp-mini-card>i{font-size:31px;height:39px}.sp-mini-grid{gap:10px}.sp-collection{margin:24px 16px;padding:19px}.sp-collection-title h2{font-size:22px}.sp-collection-title p{font-size:11px}.sp-record-grid{grid-template-columns:1fr}.sp-new-visual>strong{font-size:65px}.sp-result-actions{gap:7px}.sp-result-actions .sp-secondary{padding:13px 5px;font-size:11px}}@media(prefers-reduced-motion:reduce){.sp-tested .sp-box-core,.sp-bump,.sp-enter,.sp-new-visual>strong{animation:none}.sp-seq-board button,.sp-primary,.sp-mini-card{transition:none}}