:root{--ink: #2a1f3d;--parchment: #f4ead4;--gold: #d4a017;--deep: #1a1230;--panel: rgba(18, 14, 32, .78)}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 20% 10%,#3b2d6b 0%,transparent 40%),radial-gradient(circle at 80% 80%,#16364a 0%,transparent 42%),#120c22;color:var(--parchment);font-family:Trebuchet MS,Segoe UI,sans-serif}.hidden{display:none!important}#start-screen,#mirror-overlay{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(10px,2.4vh,24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}#mirror-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0c0818b8;align-items:flex-start}.start-card{width:min(520px,100%);background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:18px;padding:clamp(16px,3vh,28px) clamp(16px,3vw,32px);box-shadow:0 18px 50px #00000059;flex-shrink:0;margin-block:auto}#look-step,.mirror-card{width:min(760px,100%)}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:#7a5a28}h1{margin:6px 0 8px;font-size:clamp(26px,5vw,34px);letter-spacing:.03em}.lead{margin:0 0 18px;color:#4c3c58}.field-label{display:block;margin:12px 0 6px;font-weight:700}.designer .field-label{margin:8px 0 4px;font-size:13px}#player-name{width:100%;padding:10px 12px;border:2px solid #7a5a28;border-radius:10px;background:#fffaf0;font:inherit;font-size:16px}.designer{display:grid;gap:2px 20px}.hair-carousel{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 8px}.designer-preview{width:min(120px,32vw);height:auto;background:#fff8e8;border:3px solid #cbb48a;border-radius:16px}.hair-arrow{width:42px;height:42px;border:2px solid #7a5a28;border-radius:999px;background:#fffaf0;font-size:28px;line-height:1;cursor:pointer;color:var(--ink);flex-shrink:0}.style-row{display:flex;flex-wrap:wrap;gap:8px}.style-chip{border:2px solid #cbb48a;background:#fff8e8;color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}.style-chip.selected{border-color:var(--gold);background:#fff1c9}.color-swatch.light{border-color:#cbb48a}.color-row{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:34px;height:34px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 2px #7a5a28;cursor:pointer;padding:0}.color-swatch.selected{box-shadow:0 0 0 3px var(--gold)}#enter-button,#name-next,#mirror-done,.secondary-button{margin-top:18px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:#3b2d6b;color:#f7efdc;font:inherit;font-size:18px;font-weight:700;cursor:pointer}#name-next:disabled,#enter-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{background:#fffaf0;color:var(--ink);border:2px solid #7a5a28}.start-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:8px}.start-actions button{margin-top:12px}#enter-button:disabled,#name-next:disabled{opacity:.45;cursor:not-allowed}#enter-button:not(:disabled):hover,#name-next:not(:disabled):hover,#mirror-done:hover{background:#52408c}.secondary-button:hover{background:#fff1c9}.error{margin:12px 0 0;color:#9b1c1c}#game-wrap{position:relative;width:100vw;height:100vh;background:#120c22}#game-root{width:100%;height:100%}#hud{position:absolute;inset:14px 18px auto;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.7);z-index:5;font-size:16px}#hud-left,#hud-right{background:var(--panel);border:1px solid rgba(244,234,212,.18);border-radius:14px;padding:14px 16px;min-width:210px}#hud-level,#hud-online{font-weight:800;font-size:22px;letter-spacing:.02em}#hud-xp,#hud-coins,#hud-help{font-size:15px;opacity:.94;margin-top:4px}#hud-help{margin-top:8px;line-height:1.4}.hud-buttons{display:flex;gap:10px;margin-top:12px}#friends-toggle,#chat-toggle{pointer-events:auto;display:block;margin-top:0;flex:1;position:relative;border:1px solid rgba(244,234,212,.35);background:#3b2d6b;color:#f7efdc;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}#friends-toggle.active,#chat-toggle.active{background:#d4a017;color:#1a1230}.hud-alert,.tab-alert{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;line-height:16px;font-weight:800}.hud-alert.hidden{display:none}#chat-panel{position:absolute;right:16px;bottom:24px;width:min(360px,calc(100vw - 32px));height:min(420px,58dvh);display:flex;flex-direction:column;background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:16px;box-shadow:0 16px 40px #0006;z-index:12;overflow:hidden;pointer-events:auto}#chat-panel.hidden{display:none}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:2px solid #d9c39a}.chat-header h2{margin:0;font-size:16px}#chat-close,#friends-close{border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--ink)}#chat-log{flex:1;overflow:auto;padding:10px 12px;background:#fff8e8}#chat-log p{margin:0 0 8px;line-height:1.35;word-break:break-word}#chat-form{display:flex;gap:8px;padding:10px 12px;border-top:2px solid #d9c39a}#chat-input{flex:1;border:2px solid #7a5a28;border-radius:10px;padding:8px 10px;font:inherit}#chat-form button{border:0;border-radius:10px;background:#3b2d6b;color:#f7efdc;font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}#chat-form.hidden,#chat-log.hidden,#chat-friends-list.hidden{display:none}#chat-tabs{display:flex;gap:6px;padding:8px 10px 0;overflow-x:auto}.chat-tab{display:flex;align-items:center;border:1px solid #7a5a28;background:#efe3c4;border-radius:999px;overflow:hidden;flex:0 0 auto}.chat-tab.active{background:#3b2d6b;border-color:#3b2d6b}.chat-tab-label,.chat-tab-close{border:0;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.chat-tab-label{position:relative;padding:4px 10px}.chat-tab.active .chat-tab-label,.chat-tab.active .chat-tab-close{color:#f7efdc}.chat-tab-close{padding:4px 8px 4px 0;opacity:.8}.chat-tab .tab-alert{position:relative;top:0;right:0;display:inline-block;margin-left:6px;vertical-align:middle}#friend-request{position:absolute;left:50%;top:18%;transform:translate(-50%);width:min(320px,calc(100vw - 32px));background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:16px;box-shadow:0 16px 40px #0006;padding:16px;z-index:18;pointer-events:auto}#friend-request.hidden{display:none}#friend-request-text{margin:0 0 12px;font-weight:700}.friend-request-actions{display:flex;gap:8px}.friend-request-actions button{flex:1}#chat-friends-list,#friends-online-list{flex:1;overflow:auto;padding:10px 12px;background:#fff8e8;display:flex;flex-direction:column;gap:8px}#chat-friends-list button,#friends-online-list button{border:1px solid #7a5a28;background:#efe3c4;color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;text-align:left;cursor:pointer}#chat-friends-list button:disabled{opacity:.55;cursor:default}#friends-panel{position:absolute;right:16px;bottom:24px;width:min(280px,calc(100vw - 32px));max-height:min(360px,50dvh);display:flex;flex-direction:column;background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:16px;box-shadow:0 16px 40px #0006;z-index:12;overflow:hidden;pointer-events:auto}#friends-panel.hidden{display:none}#player-menu{position:fixed;z-index:22;min-width:210px;display:flex;flex-direction:column;background:#f7efdc;border:3px solid #7a5a28;border-radius:12px;box-shadow:0 12px 28px #00000059;overflow:hidden;pointer-events:auto}#player-menu.hidden{display:none}#player-menu button{border:0;border-bottom:1px solid #d9c39a;background:transparent;color:var(--ink);padding:10px 12px;font:inherit;text-align:left;cursor:pointer}#player-menu button:last-child{border-bottom:0}#player-menu button:hover:not(:disabled){background:#efe3c4}#player-menu button:disabled{opacity:.55;cursor:default}#outfit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a08148c;z-index:14}#outfit-overlay.hidden{display:none}.outfit-card{text-align:center}#outfit-canvas{display:block;margin:8px auto 12px;image-rendering:auto}#outfit-details{list-style:none;padding:0;margin:0 0 16px;text-align:left}#outfit-details li{margin:0 0 6px}#outfit-close{border:0;border-radius:10px;background:#3b2d6b;color:#f7efdc;font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}#hud-xp-bar{margin-top:8px;height:12px;background:#ffffff29;border:1px solid rgba(253,230,138,.35);border-radius:999px;overflow:hidden}#hud-xp-fill{width:0%;height:100%;background:linear-gradient(90deg,#ca8a04,#facc15 55%,#fef08a)}#hud-coins{display:flex;align-items:center;gap:8px;font-weight:700}.hud-coin{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6c2,#f5d76e 28%,#d4a017 62%,#8a6a10);box-shadow:inset 0 0 0 2px #78540c73,0 1px 2px #00000059}.hud-coin:after{content:"";display:block;width:8px;height:8px;margin:5px auto;border-radius:50%;border:1.5px solid rgba(120,84,12,.55)}#prompt{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:var(--panel);border:1px solid rgba(244,234,212,.25);border-radius:10px;padding:8px 14px;font-weight:700}#dialog.dialog-journal{width:min(640px,calc(100vw - 24px));height:min(88dvh,720px);max-height:min(88dvh,720px);display:flex;flex-direction:column;overflow:hidden}#dialog.dialog-missions{max-height:min(62dvh,460px);overflow:hidden;display:flex;flex-direction:column}#dialog.dialog-missions #dialog-text{flex:0 0 auto}#dialog.dialog-missions #dialog-choices{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}#dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px));max-height:min(82dvh,640px);overflow:auto;background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:16px;padding:20px 22px;box-shadow:0 16px 40px #0006}#dialog h2{margin:0 0 8px;font-size:22px}#dialog p{margin:0 0 14px;line-height:1.45}#dialog-choices{display:grid;gap:8px;margin-bottom:12px}#dialog-choices button,.dialog-actions button{border:2px solid #7a5a28;background:#fffaf0;color:var(--ink);border-radius:10px;padding:8px 12px;font:inherit;cursor:pointer}#dialog-choices button:hover,.dialog-actions button:hover{background:#fff1c9}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.quest-pick{border:2px solid #cbb48a;border-radius:12px;background:#fff8e8;padding:12px;text-align:left}.quest-pick h3{margin:0 0 4px;font-size:16px}.quest-pick p{margin:0 0 8px;font-size:14px}.quest-pick-rewards{color:#7a5a28;font-weight:700}.quest-readiness{margin:0 0 6px;font-weight:700}.quest-pick.readiness-ready{border-color:#5a8f4d}.quest-pick.readiness-challenging{border-color:#c9a227}.quest-pick.readiness-locked{border-color:#b45309;opacity:.92}.journal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.journal-tabs button.active{background:#d9c39a}.journal-panel{display:grid;gap:8px}.potential-chart{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;justify-content:center;padding:4px 0 8px}.potential-donut-wrap{position:relative;width:196px;height:196px;flex:0 0 auto}.potential-donut-wrap svg{width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(80,48,12,.14))}.potential-donut-center{position:absolute;top:28%;right:28%;bottom:28%;left:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.potential-donut-center strong{font-size:18px;line-height:1.1;color:#5a3d14}.potential-donut-center span{margin-top:4px;font-size:11px;line-height:1.25;color:#7a5a28}.potential-legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1 1 220px;min-width:188px}.potential-legend li{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:13px}.potential-legend li.muted{opacity:.5}.potential-swatch{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #50300c33}.potential-legend strong{font-variant-numeric:tabular-nums;color:#5a3d14}#dialog-choices{max-height:min(58vh,520px);overflow:auto}#quest-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:16px;background:#0c08189e}.quest-panel{width:min(760px,100%);max-height:min(90dvh,820px);display:flex;flex-direction:column;background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:18px;box-shadow:0 18px 50px #0006;overflow:hidden}.quest-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px 10px;border-bottom:2px solid #d9c39a}.quest-header h2{margin:0;font-size:clamp(20px,3vw,26px)}#quest-kicker{margin:4px 0 0;color:#7a5a28;font-weight:700}#quest-close{width:36px;height:36px;border:2px solid #7a5a28;border-radius:10px;background:#fffaf0;color:var(--ink);font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}.quest-body{padding:16px 18px;overflow:auto;min-height:180px;max-height:min(58dvh,520px)}.quest-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 16px;border-top:2px solid #d9c39a}#quest-step-label{font-weight:700;color:#7a5a28;flex:1;text-align:center}#quest-next,#quest-return,#quest-back{border:0;border-radius:12px;background:#3b2d6b;color:#f7efdc;font:inherit;font-weight:700;padding:10px 16px;cursor:pointer}#quest-back{background:transparent;color:#3b2d6b;border:2px solid #7a5a28}#quest-next:disabled,#quest-back:disabled{opacity:.45;cursor:not-allowed}#quest-complete{padding:20px 18px 18px}#quest-complete-body h3{margin:4px 0 16px}.quest-complete-kicker{margin:0;font-weight:700;color:#7a5a28}.quest-rewards{margin:0 0 18px;padding-left:18px;font-weight:700}.quest-markdown :first-child{margin-top:0}.quest-markdown img,.quest-image,.quest-card-image{max-width:100%;border-radius:12px;border:2px solid #cbb48a}.quest-stack,.quest-task,.quest-quiz{display:grid;gap:10px;margin-bottom:14px}.quest-question,.quest-quiz-title{margin:0;font-weight:700}.quest-choices,.quest-inline,.quest-word-bank,.quest-presentation-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.quest-button,.quest-choice,.quest-word-chip,.quest-drop-slot{border:2px solid #cbb48a;background:#fff8e8;color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}.quest-button.secondary{background:#fffaf0}.quest-choice.picked,.quest-word-chip.picked,.quest-drop-slot.filled{border-color:var(--gold);background:#fff1c9}.quest-input,.quest-blank{border:2px solid #7a5a28;border-radius:8px;padding:8px 10px;font:inherit;background:#fffaf0;min-width:92px}.quest-blank.miss,.quest-drop-slot.miss{border-color:#9b1c1c;background:#fdecec}.quest-feedback{min-height:1.2em;margin:0}.quest-feedback.ok{color:#166534;font-weight:700}.quest-feedback.bad{color:#9b1c1c;font-weight:700}.quest-presentation-stage,.quest-card{width:100%;min-height:140px;border:2px solid #cbb48a;border-radius:12px;background:#fff8e8;padding:12px;text-align:left}.quest-card{cursor:pointer}.quest-card-text{margin:0;font-size:18px;font-weight:700}.quest-card-hint{margin:8px 0 0;font-size:13px;color:#4c3c58}.quest-drag-sentence{line-height:2.1;margin:0}.quest-media audio,.quest-media video,.quest-card audio{width:100%}@media(min-width:740px)and (min-height:640px){.designer{grid-template-columns:150px 1fr;align-items:start}.hair-carousel{grid-column:1;grid-row:1 / -1;flex-direction:column;position:sticky;top:0;margin:0}.designer-block{grid-column:2}}@media(max-height:720px){.color-swatch{width:28px;height:28px}.style-chip{padding:6px 8px;font-size:14px}.hair-arrow{width:36px;height:36px;font-size:24px}}@media(max-width:560px){.start-actions{grid-template-columns:1fr}.start-card{border-width:2px}}@media(max-height:560px){#name-step h1{font-size:24px}#name-step .lead,#look-step .lead{margin-bottom:10px}.designer-preview{width:min(96px,28vw)}}.name-prompt-row{display:flex;gap:8px;margin-top:8px}.name-prompt-row input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:2px solid #7a5a28;font:inherit}.survey-progress,.mission-progress,.mission-reward,.mission-done,.mission-claimed{margin:6px 0;font-size:14px}.survey-options{display:grid;gap:8px}.mission-card,.quest-pick{text-align:left}.mission-card h3,.quest-pick h3{margin:0 0 4px}.journal-interests{margin-top:16px}.journal-interests ul{margin:6px 0 0;padding-left:18px}#dialog.dialog-journal #dialog-choices{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}#dialog.dialog-journal .wardrobe-body{flex:1 1 auto;min-height:0;overflow:auto}#dialog.dialog-journal .journal-tabs{flex:0 0 auto}#dialog.dialog-journal .journal-panel{flex:1 1 auto;min-height:0;overflow:auto}#loot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0c08189e}#loot-overlay.hidden{display:none}.loot-panel{width:min(640px,calc(100vw - 32px));max-height:min(86dvh,720px);overflow:auto;background:linear-gradient(180deg,#f7efdc,#ead9b5);color:var(--ink);border:3px solid #7a5a28;border-radius:16px;padding:22px;box-shadow:0 18px 44px #00000073}.loot-panel h2{margin:0 0 6px}#loot-kicker{margin:0 0 16px}#loot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}#loot-grid.loot-single{grid-template-columns:1fr}.loot-card{border:2px solid #cbb48a;border-radius:14px;background:#fff8e8;padding:12px;text-align:center}.loot-card-large{padding:18px 16px 14px}.loot-icon{width:72px;height:72px;margin:0 auto 8px}.loot-icon svg{width:72px;height:72px}.loot-card h3{margin:0 0 4px;font-size:16px}.loot-rarity{margin:0;font-weight:700;letter-spacing:.04em}.loot-domain,.loot-description{margin:4px 0 0;font-size:13px}.rarity-common{border-color:#9a8b6e}.rarity-uncommon{border-color:#4f8f62}.rarity-rare{border-color:#3d6ea8}.rarity-epic{border-color:#7b4ea3;box-shadow:0 0 0 1px #7b4ea340}.rarity-legendary{border-color:#c9a227;box-shadow:0 0 16px #c9a22759;animation:loot-glow 1.6s ease-in-out 1}@keyframes loot-glow{0%{box-shadow:0 0 #c9a22700}40%{box-shadow:0 0 22px #c9a2278c}to{box-shadow:0 0 12px #c9a22747}}.rarity-common .loot-rarity,.wardrobe-card.rarity-common .wardrobe-rarity{color:#6b5b3e}.rarity-uncommon .loot-rarity,.wardrobe-card.rarity-uncommon .wardrobe-rarity{color:#2f6b40}.rarity-rare .loot-rarity,.wardrobe-card.rarity-rare .wardrobe-rarity{color:#24548c}.rarity-epic .loot-rarity,.wardrobe-card.rarity-epic .wardrobe-rarity{color:#5b2f86}.rarity-legendary .loot-rarity,.wardrobe-card.rarity-legendary .wardrobe-rarity{color:#8a6a10}#loot-continue{display:block;margin:0 auto;border:2px solid #7a5a28;background:#fffaf0;border-radius:10px;padding:8px 18px;font:inherit;cursor:pointer}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.wardrobe-card{border:2px solid #cbb48a;border-radius:12px;background:#fff8e8;padding:10px;display:grid;gap:4px;text-align:center}.wardrobe-icon{width:56px;height:56px;margin:0 auto}.wardrobe-icon svg{width:56px;height:56px}.pet-skin-domain{width:100%;margin-bottom:8px}.pet-skin-card{display:grid;justify-items:center;gap:4px}.pet-skin-card img,.pet-skin-preview img{image-rendering:pixelated}.pet-skin-cost{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.pet-skin-icon{width:28px;height:28px}.pet-skin-icon svg{width:28px;height:28px}.wardrobe-rarity,.wardrobe-domain{font-size:12px}