:root{color-scheme:light;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--primary: #5B3DF5;--primary-ink: #FFFFFF;--primary-soft: #EFEBFF;--primary-text: #2A1A8A;--primary-line: #BDB1FB;--point: #FFC93C;--point-soft: #FFF6D9;--point-text: #7A5A0B;--ink: #191F28;--sub: #4E5968;--muted: #8B95A1;--faint: #B0B8C1;--bg: #F4F5F8;--surface: #FFFFFF;--surface-2: #F9FAFB;--surface-3: #F2F3F5;--line: #E5E8EB;--line-2: #F0F2F5;--good: #12B76A;--good-soft: #E3F8EE;--good-text: #0A6E40;--bad: #F04452;--bad-soft: #FFECEE;--bad-text: #8F1A23;--warn: #F79009;--warn-soft: #FFF4E5;--warn-text: #6E4005;--r-xl: 28px;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--r-btn: 999px;--r-input: 16px;--shadow: 0 1px 2px rgba(25,31,40,.04), 0 8px 24px rgba(25,31,40,.06);--shadow-lg: 0 2px 6px rgba(25,31,40,.05), 0 20px 48px rgba(25,31,40,.1);--shadow-primary: 0 6px 16px rgba(91,61,245,.3);--card-border: 1px solid transparent;--w-head: 800}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:15px;line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;font-weight:var(--w-head);letter-spacing:-.025em;text-wrap:balance}p{margin:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid var(--primary-line);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hdisplay{font-weight:var(--w-head);letter-spacing:-.03em}.mono,.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:var(--r-btn);border:1px solid transparent;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-primary);transition:transform .12s,filter .15s,opacity .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.sm{height:34px;padding:0 13px;font-size:13.5px}.btn.lg{height:56px;padding:0 22px;font-size:17px;width:100%}.btn.ghost,.btn.plain{background:var(--surface-3);color:var(--ink);box-shadow:none;font-weight:700}.btn.ghost{background:var(--surface);border-color:var(--line)}.btn.ghost:hover:not(:disabled),.btn.plain:hover:not(:disabled){filter:none;background:var(--line-2)}.btn.danger{background:var(--bad);color:#fff;box-shadow:none}.btn.win{background:var(--good);color:#fff;box-shadow:none}.btn.soft{background:var(--primary-soft);color:var(--primary-text);box-shadow:none}.ibtn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;background:none;border:0;color:var(--sub);cursor:pointer;flex:0 0 auto}.ibtn:hover{background:var(--surface-3)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);border:var(--card-border)}.card-flat{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--line)}.pad{padding:20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>label{font-size:14px;font-weight:700;color:var(--sub)}.field .hint{font-size:12.5px;color:var(--muted);line-height:1.5}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],input[type=url],input[type=datetime-local],input[type=date],input:not([type]),select,textarea{width:100%;min-height:48px;padding:12px 15px;border:1.5px solid transparent;border-radius:var(--r-input);background:var(--surface-3);color:var(--ink);font-size:15.5px;transition:border-color .15s,background .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface);outline:none;box-shadow:0 0 0 4px var(--primary-soft)}textarea{resize:vertical;min-height:92px;line-height:1.55}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}select option,select optgroup{background-color:#fff;color:#191f28}input[type=range]{accent-color:var(--primary);width:100%}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:18px;height:18px}input[type=color]{width:44px;height:44px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.center{text-align:center}.muted{color:var(--sub);font-size:14px}.tiny{font-size:12.5px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;border:0}.pill.brand{color:var(--primary-text);background:var(--primary-soft)}.pill.win{color:var(--point-text);background:var(--point-soft)}.pill.good{color:var(--good-text);background:var(--good-soft)}.pill.bad{color:var(--bad-text);background:var(--bad-soft)}.pill.warn{color:var(--warn-text);background:var(--warn-soft)}.pill.gray{color:var(--sub);background:var(--surface-3)}.t-quiz{--c: var(--c-quiz);--cs: var(--c-quiz-s)}.t-story{--c: var(--c-story);--cs: var(--c-story-s)}.t-arrive,.t-first_arrival{--c: var(--c-arrive);--cs: var(--c-arrive-s)}.t-game,.t-minigame{--c: var(--c-game);--cs: var(--c-game-s)}.t-proof,.t-action{--c: var(--c-proof);--cs: var(--c-proof-s)}.t-survey{--c: var(--c-survey);--cs: var(--c-survey-s)}.tchip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px 0 8px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;color:var(--c, var(--primary));background:var(--cs, var(--primary-soft))}.tchip.sm{height:22px;font-size:11.5px;padding:0 8px 0 6px;gap:4px}.err{background:var(--bad-soft);color:var(--bad-text);padding:12px 15px;border-radius:var(--r-sm);font-size:14px;line-height:1.5;margin-bottom:14px;font-weight:500}.ok{background:var(--good-soft);color:var(--good-text);padding:12px 15px;border-radius:var(--r-sm);font-size:14px;line-height:1.5;margin-bottom:14px;font-weight:600}.empty{padding:40px 18px;text-align:center;color:var(--muted);font-size:14px}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:92px;z-index:140;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:13px 18px;border-radius:16px;font-size:14.5px;font-weight:600;box-shadow:var(--shadow-lg);animation:rise .22s ease-out}.toast.win{background:var(--good)}.toast.bad{background:var(--bad)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .18s}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:88vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .22s cubic-bezier(.2,1.2,.4,1)}.modal header{position:sticky;top:0;z-index:2;background:var(--surface);padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal header h3{font-size:19px}.modal .body{padding:6px 22px 22px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media(max-width:560px){.modal-bg{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;animation:sheet .26s ease-out}@keyframes sheet{0%{transform:translateY(40px);opacity:.6}}}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;padding:11px 14px;color:var(--muted);font-weight:700;font-size:12.5px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}td{padding:12px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}.chat{display:flex;flex-direction:column;gap:12px;padding:8px 16px 14px}.msg-row{display:flex;gap:8px;align-items:flex-start}.msg-row.mine{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff}.avatar.bot{background:var(--ink)}.avatar.host{background:var(--good)}.avatar.user{background:var(--av, #7986CB)}.bubble-col{display:flex;flex-direction:column;gap:4px;max-width:min(80%,320px);min-width:0}.msg-row.mine .bubble-col{align-items:flex-end}.msg-name{font-size:12px;color:var(--muted);padding:0 2px;display:flex;align-items:center;gap:5px}.msg-name.mineTime{justify-content:flex-end}.msg-name .tag{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:5px}.msg-name .tag.bot{background:var(--ink);color:#fff}.msg-name .tag.host{background:var(--good-soft);color:var(--good-text)}.bubble{padding:10px 14px;font-size:15px;line-height:1.5;word-break:break-word;white-space:pre-wrap;background:var(--surface);border-radius:4px 18px 18px;box-shadow:var(--shadow);border:var(--card-border)}.bubble.bot{background:var(--surface)}.bubble.host{background:var(--good-soft);border-color:transparent;box-shadow:none}.bubble.me{background:var(--primary);color:var(--primary-ink);border-color:transparent;border-radius:18px 4px 18px 18px;box-shadow:none}.system-line{align-self:center;max-width:94%;text-align:center;font-size:12.5px;font-weight:600;color:var(--sub);background:var(--surface-3);padding:6px 12px;border-radius:999px}.system-line.start{background:var(--primary-soft);color:var(--primary-text)}.system-line.end{background:var(--good-soft);color:var(--good-text)}.bubble.img{padding:4px}.bubble img{max-width:100%;border-radius:14px;display:block;cursor:zoom-in}.msg-row.emoji .bubble{background:transparent;border:none;box-shadow:none;font-size:34px;padding:0 4px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10eb;z-index:130;display:flex;align-items:center;justify-content:center;padding:16px}.lightbox img{max-width:100%;max-height:88vh;border-radius:14px}.lightbox .close{position:absolute;top:14px;right:16px;background:#ffffff24;color:#fff;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer}.leaflet-container{background:var(--surface-3);font-family:var(--font)}.linkish{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-family:inherit;font-weight:600}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2, var(--primary)));flex:0 0 auto}