:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--sky-top: #bfeafa;--sky-bottom: #eef9ff;--sea: #4fa2d6;--sea-line: #7cc0e6;--island: #8fc7a0;--island-edge: #78b98a;--sand: #f4e4c6;--sand-edge: #e8d3a8;--ink: #2f3b34;--ink-soft: #5c6d63;--card: #ffffff;--card-soft: #fbf8f1;--korean: #e28fb0;--math: #5c93d8;--social: #d99a4a;--science: #4fb99e;--english: #a880d6;--good: #3fa06e;--bad: #d9564f;--shadow: 0 10px 24px rgba(47, 59, 52, .16);--radius-lg: 28px;--radius-md: 18px}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}body{height:100%;margin:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));font-family:Gowun Dodum,Apple SD Gothic Neo,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sky-top: #0e2233;--sky-bottom: #132c40;--sea: #1c4f72;--sea-line: #2a6086;--island: #3f6b4f;--island-edge: #35573f;--sand: #5c5138;--sand-edge: #4a4129;--ink: #eef3ee;--ink-soft: #b7c3bb;--card: #1c2621;--card-soft: #212d27;--shadow: 0 10px 24px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--sky-top: #0e2233;--sky-bottom: #132c40;--sea: #1c4f72;--sea-line: #2a6086;--island: #3f6b4f;--island-edge: #35573f;--sand: #5c5138;--sand-edge: #4a4129;--ink: #eef3ee;--ink-soft: #b7c3bb;--card: #1c2621;--card-soft: #212d27;--shadow: 0 10px 24px rgba(0, 0, 0, .4)}h1,h2,h3,.headline{font-family:Jua,sans-serif;font-weight:400;letter-spacing:.5px}button{font-family:inherit;cursor:pointer}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:10px}.who{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Jua,sans-serif;color:#fff;font-size:18px;box-shadow:var(--shadow);flex:none}.who-name{font-family:Jua,sans-serif;font-size:16px}.who-sub{font-size:12px;color:var(--ink-soft)}.topbtn{background:#ffffffbf;border:none;border-radius:14px;padding:8px 12px;font-size:13px;color:var(--ink-soft);box-shadow:var(--shadow)}.stage{max-width:640px;margin:0 auto;padding:0 16px 40px}.islandwrap{position:relative;width:100%;aspect-ratio:1 / 1;margin-top:6px}.sea{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--sea-line),var(--sea));box-shadow:var(--shadow)}.island{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 45% 38%,var(--island),var(--island-edge))}.sandring{position:absolute;top:23%;right:23%;bottom:23%;left:23%;border-radius:50%;background:var(--sand);border:3px solid var(--sand-edge)}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:5}.center .avatar{margin:0 auto 4px;width:56px;height:56px;font-size:22px}.center .name{font-family:Jua,sans-serif;font-size:14px;background:#ffffffd9;border-radius:12px;padding:3px 10px;box-shadow:var(--shadow);color:var(--ink)}.progresschip{position:absolute;left:50%;bottom:-2%;transform:translate(-50%);white-space:nowrap;background:var(--card);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--ink-soft);box-shadow:var(--shadow)}.room{position:absolute;transform:translate(-50%,-50%);width:22%;aspect-ratio:1 / 1;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:32% 32% 40% 40%/40% 40% 30% 30%;box-shadow:var(--shadow);color:#fff;transition:transform .15s ease}.room:active{transform:translate(-50%,-50%) scale(.93)}.room .emoji{font-size:clamp(20px,5vw,30px)}.room .label{font-family:Jua,sans-serif;font-size:clamp(11px,2.6vw,13px)}.room .badge{position:absolute;top:-6px;right:-6px;background:#fff;color:var(--ink);border-radius:10px;font-size:10px;padding:2px 6px;box-shadow:var(--shadow);font-family:Jua,sans-serif}.room.r0{left:50%;top:12%}.room.r1{left:86%;top:38%}.room.r2{left:72%;top:81%}.room.r3{left:28%;top:81%}.room.r4{left:14%;top:38%}.legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.legend span{font-size:12px;color:var(--ink-soft);background:var(--card);border-radius:12px;padding:5px 10px;box-shadow:var(--shadow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1973;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}.overlay.center-modal{align-items:center;padding:16px}.sheet{background:var(--card);width:100%;max-width:520px;border-radius:26px 26px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);max-height:88vh;overflow-y:auto}.overlay.center-modal .sheet{border-radius:26px;max-height:90vh}.sheet h2{margin:0 0 4px;font-size:20px}.sheet .muted{color:var(--ink-soft);font-size:13px;margin-bottom:16px}.closeX{position:sticky;top:0;float:right;background:var(--card-soft);border:none;border-radius:50%;width:32px;height:32px;font-size:16px;color:var(--ink-soft)}.difflist{display:flex;flex-direction:column;gap:10px;margin-top:6px}.diffcard{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card-soft);border-radius:var(--radius-md);padding:14px 16px;border:2px solid transparent}.diffcard .dinfo .dname{font-family:Jua,sans-serif;font-size:15px}.diffcard .dinfo .dstat{font-size:12px;color:var(--ink-soft);margin-top:2px}.goBtn{border:none;border-radius:14px;padding:9px 16px;font-size:13px;color:#fff;font-family:Jua,sans-serif}.qprog{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.qtext{font-size:17px;line-height:1.5;margin:6px 0 18px}.choices{display:flex;flex-direction:column;gap:10px}.ox-row{display:flex;gap:14px}.oxbtn{flex:1;border:3px solid var(--card-soft);background:var(--card-soft);border-radius:20px;padding:22px 0;font-family:Jua,sans-serif;font-size:28px;color:var(--ink)}.mcbtn{text-align:left;border:3px solid var(--card-soft);background:var(--card-soft);border-radius:16px;padding:12px 14px;font-size:14.5px;color:var(--ink)}.numrow{display:flex;gap:10px}.numrow input{flex:1;border:3px solid var(--card-soft);border-radius:14px;padding:12px 14px;font-size:16px;background:var(--card-soft);color:var(--ink);font-family:inherit}.primaryBtn{border:none;border-radius:14px;padding:12px 18px;font-family:Jua,sans-serif;font-size:14px;color:#fff}.choice-correct{border-color:var(--good)!important;background:#3fa06e1f!important}.choice-wrong{border-color:var(--bad)!important;background:#d9564f1f!important}.feedback{margin-top:16px;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.5}.feedback.ok{background:#3fa06e1f;color:var(--good)}.feedback.no{background:#d9564f1f;color:var(--bad)}.feedback .explain{color:var(--ink);margin-top:8px;font-size:13.5px}.nextRow{display:flex;justify-content:flex-end;margin-top:16px}.resultScore{font-family:Jua,sans-serif;font-size:40px;text-align:center;margin:10px 0 2px}.resultSub{text-align:center;color:var(--ink-soft);font-size:13px;margin-bottom:16px}.missedItem{background:var(--card-soft);border-radius:14px;padding:12px 14px;margin-bottom:10px;font-size:13.5px}.missedItem .q{margin-bottom:4px}.missedItem .a{color:var(--good)}.missedItem .e{color:var(--ink-soft);margin-top:4px}.resultBtns{display:flex;gap:10px;margin-top:18px}.resultBtns button{flex:1}.ghostBtn{border:2px solid var(--card-soft);background:transparent;border-radius:14px;padding:11px;font-family:Jua,sans-serif;font-size:13.5px;color:var(--ink-soft)}.swatches{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent}.swatch.picked{border-color:var(--ink)}.nameInput{width:100%;border:3px solid var(--card-soft);border-radius:14px;padding:12px 14px;font-size:15px;background:var(--card-soft);color:var(--ink);font-family:inherit}@media (max-width: 420px){.room .emoji{font-size:20px}}