@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}:root{--ink:#170f27;--sky-top:#241a3d;--sky-bottom:#120c1e;--panel:#2b2044;--panel-raised:#392a58;--panel-border:#120c1e;--cream:#fdf6e3;--muted:#b7a9d6;--accent:#9b8bff;--accent-soft:#9b8bff29;--gold:#ffd166;--amber:#ffcf5c;--danger:#ff8fa3;--success:#7ce8b0;--ground-color:#2a2044;--ground-accent:#4a3a70;--font-pixel:"Press Start 2P", "Courier New", monospace;--font-mono:"VT323", "Courier New", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--notch:8px;--notch-sm:6px;--on-world-heading:#fdf6e3;--on-world-text:#cabfe6;--on-world-shadow:0 0 5px #9b8bff66}body{background:var(--sky-bottom);font-family:var(--font-body);color:var(--cream)}button,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{isolation:isolate;min-height:100vh;position:relative;overflow-x:hidden}.app-content{z-index:1;flex-direction:column;width:min(100%,480px);margin:0 auto;padding:20px 16px 48px;display:flex;position:relative}.app--env-day{--sky-top:#7ec8f2;--sky-bottom:#dff3ff;--ground-color:#7fbf6a;--ground-accent:#4f9c47;--sun-color:#ffe27a;--sun-glow:#ffe27a8c;--on-world-heading:#1f2a44;--on-world-text:#3c4a6b;--on-world-shadow:1px 1px 0 #ffffff8c}.app--env-night{--sky-top:#241a3d;--sky-bottom:#120c1e;--ground-color:#2a2044;--ground-accent:#4a3a70;--moon-color:#f4f1ff;--on-world-heading:#fdf6e3;--on-world-text:#cabfe6;--on-world-shadow:0 0 5px #9b8bff66}.app.theme-nature.app--env-day{--sky-top:#a9e6a1;--sky-bottom:#eafce6;--accent:#3fae5f;--ground-color:#5fae46;--ground-accent:#3f8a34;--on-world-heading:#14361f;--on-world-text:#2f5c2a;--on-world-shadow:1px 1px 0 #ffffff8c}.app.theme-nature.app--env-night{--sky-top:#16321f;--sky-bottom:#0c1c11;--accent:#4ade80;--ground-color:#1b3018;--ground-accent:#2f5c2a;--on-world-heading:#eafce6;--on-world-text:#b9e6ad;--on-world-shadow:0 0 5px #4ade8066}.app.theme-night.app--env-day{--sky-top:#bcdcfb;--sky-bottom:#eef6ff;--accent:#2f8fd0;--ground-color:#2d4470;--ground-accent:#4d6ea3;--on-world-heading:#10233f;--on-world-text:#26466e;--on-world-shadow:1px 1px 0 #ffffff8c}.app.theme-night.app--env-night{--sky-top:#0e1b3a;--sky-bottom:#070c1c;--accent:#38bdf8;--ground-color:#101a30;--ground-accent:#223357;--on-world-heading:#eaf6ff;--on-world-text:#a9d9f7;--on-world-shadow:0 0 5px #38bdf873}.app.theme-retro.app--env-day{--sky-top:#ffb8e0;--sky-bottom:#fde8f4;--accent:#e0459d;--ground-color:#6a2a6e;--ground-accent:#f472b6;--on-world-heading:#3a0f2e;--on-world-text:#5c1f49;--on-world-shadow:1px 1px 0 #ffffff80}.app.theme-retro.app--env-night{--sky-top:#2c1240;--sky-bottom:#170a24;--accent:#f472b6;--ground-color:#1c0e2e;--ground-accent:#f472b6;--on-world-heading:#ffe3f3;--on-world-text:#f4b8dd;--on-world-shadow:0 0 5px #f472b673}.app.theme-golden.app--env-day{--sky-top:#ffb35c;--sky-bottom:#ffe9b8;--accent:#e8a521;--ground-color:#caa53c;--ground-accent:#a97d1f;--sun-color:#ffb347;--sun-glow:#ffb347a6;--on-world-heading:#3a2405;--on-world-text:#5c3c10;--on-world-shadow:1px 1px 0 #ffffff80}.app.theme-golden.app--env-night{--sky-top:#2c1a12;--sky-bottom:#170c08;--accent:#facc15;--ground-color:#3a2a10;--ground-accent:#caa53c;--moon-color:#ffdca0;--on-world-heading:#fff2d6;--on-world-text:#f0cf8a;--on-world-shadow:0 0 6px #facc1580}.app--sunrise-glow{--sun-color:#ffb37a;--sun-glow:#ff966e99}.app--sunrise-glow.app--env-day{--sky-top:#ffcf9e;--sky-bottom:#ffe9cf}.pixel-world{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);transition:background .6s;position:fixed;inset:0;overflow:hidden}.pixel-world-stars{opacity:.35;position:absolute;inset:0}.pixel-world--night .pixel-world-stars{opacity:.95}.star{background:#fff;width:3px;height:3px;animation:3.2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 4px #fff}.star-0{animation-delay:0s;top:8%;left:10%}.star-1{animation-delay:.6s;top:16%;left:34%}.star-2{animation-delay:1.2s;top:6%;left:62%}.star-3{animation-delay:1.8s;top:20%;left:82%}.star-4{animation-delay:2.4s;top:28%;left:48%}.star:nth-child(6n){transform:translate(6vw,4vh)}.star:nth-child(6n+1){transform:translate(-8vw,10vh)}.star:nth-child(6n+2){transform:translate(12vw,2vh)}.star:nth-child(6n+3){transform:translate(-4vw,14vh)}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.pixel-world-clouds{opacity:.45;position:absolute;inset:0}.pixel-world--nature .pixel-world-clouds,.pixel-world--golden .pixel-world-clouds{opacity:.7}.cloud{opacity:.6;clip-path:polygon(10% 100%,10% 40%,30% 40%,30% 0%,70% 0%,70% 40%,90% 40%,90% 100%);background:#fdf6e3;width:64px;height:16px;animation:46s linear infinite drift;position:absolute}.cloud-1{top:10%;left:-20%}.cloud-2{opacity:.4;animation-delay:-22s;top:26%;left:-60%;transform:scale(.7)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(140vw)}}.pixel-world-ground{height:56px;position:absolute;bottom:0;left:0;right:0}.ground-strip{background:var(--ground-color);transition:background .6s;position:absolute;inset:0;box-shadow:inset 0 4px #ffffff0f}.ground-tufts{justify-content:space-around;padding:0 4%;display:flex;position:absolute;bottom:48px;left:0;right:0}.tuft{background:var(--ground-accent);width:6px;height:10px;transition:background .6s}.pixel-world-sun{background:var(--sun-color,#ffe27a);clip-path:polygon(35% 0%,65% 0%,65% 15%,85% 5%,80% 25%,100% 35%,100% 65%,80% 75%,85% 95%,65% 85%,65% 100%,35% 100%,35% 85%,15% 95%,20% 75%,0% 65%,0% 35%,20% 25%,15% 5%,35% 15%);width:46px;height:46px;transition:background .6s;position:absolute;top:10%;right:14%}.sun-glow{background:radial-gradient(circle, var(--sun-glow,#ffe27a8c) 0%, transparent 70%);z-index:-1;border-radius:50%;position:absolute;inset:-14px}.pixel-world--golden .pixel-world-sun,.pixel-world--sunrise-glow .pixel-world-sun{width:58px;height:58px}.pixel-world-sun-rays{pointer-events:none;width:46px;height:46px;position:absolute;top:10%;right:14%}.sun-ray{background:linear-gradient(180deg, var(--sun-color,#ffb37a) 0%, transparent 100%);opacity:.55;transform-origin:top;width:3px;height:34px;transform:translate(-50%, -100%) rotate(calc(var(--ray-index) * 45deg));animation:3.2s ease-in-out infinite ray-pulse;animation-delay:calc(var(--ray-index) * .15s);position:absolute;top:50%;left:50%}@keyframes ray-pulse{0%,to{opacity:.35}50%{opacity:.75}}.pixel-world-horizon-glow{pointer-events:none;background:linear-gradient(#0000 0%,#ff966447 100%);height:40%;position:absolute;bottom:56px;left:0;right:0}.pixel-world-moon{background:var(--moon-color,#f4f1ff);clip-path:polygon(20% 0%,80% 0%,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0% 80%,0% 20%,20% 20%);width:34px;height:34px;position:absolute;top:9%;right:16%}.moon-crater{background:#0000001f;position:absolute}.moon-crater-1{width:6px;height:6px;top:30%;left:22%}.moon-crater-2{width:4px;height:4px;top:55%;left:55%}.pixel-world-leaves{position:absolute;inset:0;overflow:hidden}.leaf{background:var(--ground-accent);clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%);opacity:.7;width:8px;height:8px;animation:9s linear infinite leaf-fall;position:absolute}.leaf-0{animation-delay:0s;top:-10%;left:12%}.leaf-1{animation-delay:3s;top:-10%;left:44%}.leaf-2{animation-delay:6s;top:-10%;left:74%}.pixel-world-leaves .leaf:nth-child(4){animation-delay:1.5s;left:28%}.pixel-world-leaves .leaf:nth-child(5){animation-delay:4.5s;left:60%}.pixel-world-leaves .leaf:nth-child(6){animation-delay:7.5s;left:88%}@keyframes leaf-fall{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(70vh)translate(16px)rotate(140deg)}}.pixel-world-retro-grid{opacity:.35;background-image:linear-gradient(var(--accent) 1px, transparent 1px), linear-gradient(90deg, var(--accent) 1px, transparent 1px);background-size:22px 22px;height:90px;position:absolute;bottom:56px;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.pixel-world-golden-particles{position:absolute;inset:0;overflow:hidden}.golden-mote{background:var(--sun-color,#ffb347);opacity:.7;width:4px;height:4px;animation:6s ease-in-out infinite golden-drift;position:absolute}.golden-mote-0{animation-delay:0s;top:20%;left:15%}.golden-mote-1{animation-delay:1s;top:35%;left:70%}.golden-mote-2{animation-delay:2s;top:55%;left:30%}.golden-mote-3{animation-delay:3s;top:65%;left:85%}.pixel-world-golden-particles .golden-mote:nth-child(5){animation-delay:.5s;top:15%;left:50%}.pixel-world-golden-particles .golden-mote:nth-child(6){animation-delay:1.5s;top:45%;left:10%}.pixel-world-golden-particles .golden-mote:nth-child(7){animation-delay:2.5s;top:75%;left:55%}.pixel-world-golden-particles .golden-mote:nth-child(8){animation-delay:3.5s;top:25%;left:90%}@keyframes golden-drift{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(-14px)}}.pixel-frame{--pf-notch:var(--notch);background:var(--panel);border:3px solid var(--panel-border);box-shadow:4px 4px 0 0 var(--panel-border);clip-path:polygon(0 var(--pf-notch), var(--pf-notch) var(--pf-notch), var(--pf-notch) 0, calc(100% - var(--pf-notch)) 0, calc(100% - var(--pf-notch)) var(--pf-notch), 100% var(--pf-notch), 100% calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) 100%, var(--pf-notch) 100%, var(--pf-notch) calc(100% - var(--pf-notch)), 0 calc(100% - var(--pf-notch)));padding:18px;position:relative}.pixel-btn{--pf-notch:var(--notch-sm);font-family:var(--font-pixel);letter-spacing:.02em;color:var(--cream);background:var(--panel-raised);border:3px solid var(--panel-border);box-shadow:0 4px 0 0 var(--panel-border);clip-path:polygon(0 var(--pf-notch), var(--pf-notch) var(--pf-notch), var(--pf-notch) 0, calc(100% - var(--pf-notch)) 0, calc(100% - var(--pf-notch)) var(--pf-notch), 100% var(--pf-notch), 100% calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) 100%, var(--pf-notch) 100%, var(--pf-notch) calc(100% - var(--pf-notch)), 0 calc(100% - var(--pf-notch)));padding:12px 14px;font-size:.62rem;line-height:1.4;transition:transform 80ms,box-shadow 80ms,opacity .2s;transform:translateY(0)}.pixel-btn:hover:not(:disabled){transform:translateY(-2px)}.pixel-btn:active:not(:disabled){box-shadow:0 0 0 0 var(--panel-border);transform:translateY(4px)}.pixel-btn:disabled{opacity:.55;cursor:wait}.pixel-btn--primary{background:var(--accent);color:var(--ink)}.pixel-btn--danger{background:var(--danger);color:var(--ink)}.pixel-btn--success{background:var(--success);color:var(--ink)}.pixel-btn--muted{border-color:var(--muted);color:var(--muted);box-shadow:0 4px 0 0 var(--muted);background:0 0}.pixel-btn--wide{width:100%;margin-top:14px}.eyebrow{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.1em;margin:0 0 10px;font-size:.62rem}.hud-card{margin-bottom:18px}.hud-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hud-card .eyebrow{margin-bottom:6px}.hud-level{font-family:var(--font-pixel);color:var(--cream);font-size:1rem}.hud-xp-chip{border:2px solid var(--panel-border);color:var(--ink);background:var(--amber);font-family:var(--font-pixel);padding:8px 10px;font-size:.65rem;transition:transform .15s}.hud-xp-chip--pulse{animation:.5s xp-pulse}@keyframes xp-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.hud-bar-track{border:2px solid var(--panel-border);background:#00000059;height:18px;margin-top:16px;position:relative;overflow:hidden}.hud-bar-fill{background:linear-gradient(180deg, var(--amber) 0%, #e8a93a 100%);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.hud-bar-segments{pointer-events:none;display:flex;position:absolute;inset:0}.hud-bar-segments span{border-right:2px solid #120c1e80;flex:1}.hud-bar-segments span:last-child{border-right:0}.hud-caption{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.04em;margin:10px 0 0;font-size:.55rem;line-height:1.6}.top-controls{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.top-controls-left{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.icon-toggle-btn{--pf-notch:var(--notch-sm);font-family:var(--font-pixel);letter-spacing:.02em;color:var(--cream);background:var(--panel-raised);border:3px solid var(--panel-border);box-shadow:0 3px 0 0 var(--panel-border);clip-path:polygon(0 var(--pf-notch), var(--pf-notch) var(--pf-notch), var(--pf-notch) 0, calc(100% - var(--pf-notch)) 0, calc(100% - var(--pf-notch)) var(--pf-notch), 100% var(--pf-notch), 100% calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) calc(100% - var(--pf-notch)), calc(100% - var(--pf-notch)) 100%, var(--pf-notch) 100%, var(--pf-notch) calc(100% - var(--pf-notch)), 0 calc(100% - var(--pf-notch)));padding:9px 12px;font-size:.58rem;transition:transform 80ms,box-shadow 80ms;transform:translateY(0)}.icon-toggle-btn:hover{transform:translateY(-1px)}.icon-toggle-btn:active{box-shadow:0 0 0 0 var(--panel-border);transform:translateY(3px)}.rewards-trigger{color:var(--ink);background:var(--amber)}.sound-toggle-btn{min-width:40px;padding:9px 10px}.sound-toggle-btn.sound-toggle-btn--off{color:var(--muted);background:var(--panel)}.info-toggle-btn{text-align:center;flex-shrink:0;min-width:74px;padding:9px 13px}.sound-popover-wrapper{position:relative}.sound-popover{--pf-notch:var(--notch-sm);z-index:30;background:var(--panel-raised);flex-direction:column;gap:10px;width:200px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.sound-row{grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;display:grid}.sound-row-label{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--cream);white-space:nowrap;font-size:.46rem}.sound-volume-value{font-family:var(--font-pixel);color:var(--muted);text-align:right;min-width:26px;font-size:.42rem}.sound-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px}.sound-slider:disabled{cursor:not-allowed;opacity:.45}.sound-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--sound-fill,50%), var(--panel) var(--sound-fill,50%), var(--panel) 100%);border:2px solid var(--panel-border);height:8px}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:2px solid var(--panel-border);width:10px;height:16px;box-shadow:2px 2px 0 0 var(--panel-border);cursor:pointer;border-radius:0;margin-top:-6px}.sound-slider:disabled::-webkit-slider-thumb{background:var(--muted);cursor:not-allowed}.sound-slider::-moz-range-track{background:var(--panel);border:2px solid var(--panel-border);height:8px}.sound-slider::-moz-range-progress{background:var(--accent);border:2px solid var(--panel-border);height:8px}.sound-slider::-moz-range-thumb{background:var(--cream);border:2px solid var(--panel-border);width:10px;height:16px;box-shadow:2px 2px 0 0 var(--panel-border);cursor:pointer;border-radius:0}.sound-slider:disabled::-moz-range-thumb{background:var(--muted);cursor:not-allowed}.sound-mute-btn{font-family:var(--font-pixel);color:var(--cream);background:var(--panel);border:2px solid var(--panel-border);box-shadow:0 2px 0 0 var(--panel-border);min-width:26px;padding:4px 6px;font-size:.5rem;transition:transform 80ms,box-shadow 80ms;transform:translateY(0)}.sound-mute-btn:hover{transform:translateY(-1px)}.sound-mute-btn:active{box-shadow:0 0 0 0 var(--panel-border);transform:translateY(2px)}.sound-mute-btn--off{color:var(--muted)}.rewards-drawer-backdrop{z-index:24;background:#0a0612b8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.rewards-drawer{-webkit-overflow-scrolling:touch;width:100%;max-width:480px;max-height:82vh;padding-bottom:28px;overflow-y:auto}.rewards-drawer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rewards-drawer-title{margin:0}.rewards-drawer-close{padding:8px 12px}.rewards-equipped-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.rewards-equipped-chip{border:2px solid var(--panel-border);background:#00000040;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.rewards-equipped-label{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.06em;font-size:.5rem}.rewards-equipped-value{color:var(--cream);font-size:.82rem}.rewards-caption{color:var(--muted);margin:0 0 18px;font-size:.85rem;line-height:1.4}.rewards-section{margin-bottom:20px}.rewards-section-label{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.06em;margin:0 0 10px;font-size:.58rem}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.item-slot{border:3px solid var(--panel-border);background:var(--panel-raised);box-shadow:3px 3px 0 0 var(--panel-border);text-align:center;color:var(--cream);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex;position:relative}.item-slot--locked{color:var(--muted);opacity:.55;filter:grayscale(.4)}.item-slot-emoji{font-size:1.6rem}.item-slot-name{font-family:var(--font-pixel);font-size:.6rem;line-height:1.4}.item-slot-status{color:var(--muted);font-size:.68rem}.item-slot--active{border-color:var(--accent);background:var(--accent-soft)}.item-slot--active .item-slot-status{color:var(--accent)}.item-slot-equipped{background:var(--success);width:20px;height:20px;color:var(--ink);border:2px solid var(--panel-border);font-family:var(--font-pixel);place-items:center;font-size:.55rem;display:grid;position:absolute;top:-8px;right:-6px}.item-slot-equip-btn{border:2px solid var(--panel-border);background:var(--accent);color:var(--ink);font-family:var(--font-pixel);letter-spacing:.02em;margin-top:2px;padding:5px 10px;font-size:.55rem}.item-slot-equip-btn:hover{filter:brightness(1.08)}.item-slot-equip-btn--active{background:var(--success)}.companion-stage{justify-content:center;margin-bottom:6px;display:flex}.companion-stage--hero{margin-bottom:10px}.companion-stage--celebrate{margin-bottom:8px}.companion{cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative}.companion:focus-visible{outline:2px dashed var(--accent);outline-offset:5px}.companion--sm{width:56px;height:56px}.companion--md{width:84px;height:84px}.companion--lg{width:120px;height:120px}.companion--xl{width:148px;height:148px}.companion-shadow{clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);background:#00000059;width:55%;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.companion-warm-halo{pointer-events:none;background:radial-gradient(circle,#ffb37a73 0%,#0000 68%);border-radius:50%;animation:3.4s ease-in-out infinite halo-pulse;position:absolute;inset:0}@keyframes halo-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.companion-body{background:var(--companion-body,#a5b4fc);clip-path:polygon(20% 0%,80% 0%,80% 10%,90% 10%,90% 20%,100% 20%,100% 80%,90% 80%,90% 90%,80% 90%,80% 100%,20% 100%,20% 90%,10% 90%,10% 80%,0% 80%,0% 20%,10% 20%,10% 10%,20% 10%);width:82%;height:82%;animation:2.6s ease-in-out infinite companion-idle;position:relative}.companion--thinking .companion-body{animation:1.4s ease-in-out infinite companion-sway}.companion--celebrate .companion-body{animation:.7s ease-in-out 2 companion-jump}.companion--levelup .companion-body{animation:1.1s ease-in-out companion-spin}@keyframes companion-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes companion-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes companion-jump{0%{transform:translateY(0)scaleX(1)}30%{transform:translateY(-14px)scaleX(.94)}55%{transform:translateY(0)scaleX(1.08)}to{transform:translateY(0)scaleX(1)}}@keyframes companion-spin{0%{transform:translateY(0)rotate(0)scale(1)}40%{transform:translateY(-18px)rotate(180deg)scale(1.15)}70%{transform:translateY(-6px)rotate(340deg)scale(1.05)}to{transform:translateY(0)rotate(360deg)scale(1)}}.companion-face{position:absolute;inset:0}.companion-eye{background:var(--ink);border-radius:30%;width:13%;height:13%;animation:4.6s step-end infinite companion-blink;position:absolute;top:38%;box-shadow:inset -2px -2px #ffffff40}.companion-eye--left{left:28%}.companion-eye--right{right:28%}@keyframes companion-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.15)}}.companion-cheek{background:var(--companion-cheek,#818cf8);opacity:.7;border-radius:2px;width:12%;height:8%;position:absolute;top:56%}.companion-cheek--left{left:16%}.companion-cheek--right{right:16%}.companion-mouth{background:var(--ink);border-radius:2px;width:16%;height:6%;position:absolute;top:62%;left:50%;transform:translate(-50%)}.companion-foot{background:var(--companion-body,#a5b4fc);border:2px solid #00000026;border-radius:2px;width:16%;height:8%;position:absolute;bottom:-4%}.companion-foot--left{left:16%}.companion-foot--right{right:16%}.companion--celebrate .companion-mouth,.companion--levelup .companion-mouth{width:26%;height:10%;top:60%}.companion--petted .companion-body{animation:.6s ease-in-out companion-pet-bounce}@keyframes companion-pet-bounce{0%{transform:translateY(0)scale(1)}25%{transform:translateY(2px)scale(1.08,.9)}55%{transform:translateY(-9px)scale(.94,1.08)}80%{transform:translateY(0)scale(1.03,.98)}to{transform:translateY(0)scale(1)}}.companion--petted .companion-cheek{opacity:1;transition:opacity .12s,transform .12s;transform:scale(1.6);box-shadow:0 0 6px #f472b68c}.companion--petted .companion-mouth{border-radius:40%;width:22%;height:8%}.companion-pet-sparkle{pointer-events:none;font-size:.85em;animation:.65s ease-out forwards companion-pet-sparkle-float;position:absolute;top:-4px;right:8%}@keyframes companion-pet-sparkle-float{0%{opacity:0;transform:translateY(6px)scale(.3)}30%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(1)}}.companion-accessory{pointer-events:none;position:absolute;inset:0}.companion-accessory--sun span{background:var(--gold);width:8%;height:8%;position:absolute;top:-6%;left:46%}.companion-accessory--sun span:nth-child(2){transform:rotate(45deg)translate(30px)}.companion-accessory--sun span:nth-child(3){transform:rotate(-45deg)translate(-30px)}.companion-accessory--sun span:nth-child(4){transform:rotate(90deg)translateY(-14px)}.wing{background:var(--companion-body,#c9a7ff);opacity:.85;clip-path:polygon(0 50%,100% 0%,100% 100%);width:22%;height:32%;position:absolute;top:30%}.wing--left{left:-14%;transform:scaleX(-1)}.wing--right{right:-14%}.ear{background:var(--companion-body,#ffd27a);clip-path:polygon(50% 0%,100% 100%,0% 100%);width:16%;height:20%;position:absolute;top:-12%}.ear--left{left:14%}.ear--right{right:14%}.trail-star{color:var(--gold);font-size:.75rem;animation:2s ease-in-out infinite companion-idle;position:absolute;top:-10%;right:-18%}.trail-dot{background:var(--gold);opacity:.7;width:4px;height:4px;position:absolute;top:20%;right:-6%}.trail-dot:nth-child(3){opacity:.4;top:40%;right:-14%}.hero{text-align:center;margin-bottom:4px}.hero .eyebrow{color:var(--on-world-heading);text-shadow:var(--on-world-shadow);transition:color .4s}h1{font-family:var(--font-pixel);color:var(--on-world-heading);text-shadow:var(--on-world-shadow);margin:6px 0 0;font-size:1.5rem;line-height:1.4;transition:color .4s}.tagline{color:var(--on-world-text);text-shadow:var(--on-world-shadow);margin:0 0 6px;font-size:.9rem;font-style:italic;transition:color .4s}.subtitle{max-width:330px;color:var(--on-world-text);text-shadow:var(--on-world-shadow);margin:14px auto 20px;line-height:1.5;transition:color .4s}.welcome{text-align:center;flex-direction:column;align-items:center;padding:32px 4px 12px;display:flex;position:relative}.welcome-back-btn{z-index:2;padding:8px 11px;font-size:.65rem;position:absolute;top:4px;left:0}.welcome-avatar{margin-bottom:18px}.welcome-logo{letter-spacing:.14em;color:var(--on-world-heading);text-shadow:var(--on-world-shadow);margin:0 0 18px;font-size:.72rem;transition:color .4s}.welcome-hook{max-width:300px;font-family:var(--font-pixel);color:var(--on-world-heading);text-shadow:var(--on-world-shadow);margin:0;font-size:1.05rem;line-height:1.7;transition:color .4s}.welcome-cta{max-width:280px;margin-top:28px;padding:16px 14px;font-size:.72rem}.welcome-subline{max-width:260px;color:var(--on-world-text);text-shadow:var(--on-world-shadow);margin:16px 0 0;font-size:.8rem;transition:color .4s}.modal.info-modal{flex-direction:column;max-width:360px;max-height:min(80vh,560px);display:flex}.info-modal-body{text-align:left;margin-bottom:16px;padding-right:4px;overflow-y:auto}.info-modal-body p{color:var(--muted);margin:0 0 14px;font-size:.85rem;line-height:1.55}.info-modal-body h3{color:var(--cream);font-family:var(--font-pixel);letter-spacing:.02em;margin:0 0 6px;font-size:.62rem}.pixel-input{resize:vertical;border:3px solid var(--panel-border);width:100%;min-height:130px;color:var(--cream);background:var(--panel);box-shadow:4px 4px 0 0 var(--panel-border);font-family:var(--font-body);outline:none;padding:16px;font-size:.95rem}.pixel-input:focus{border-color:var(--accent)}.error-message{color:var(--danger);margin:14px 0 0;font-size:.9rem;line-height:1.5}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.quick-action{min-height:70px;font-size:.6rem}.ai-response{gap:16px;margin-top:26px;display:grid}.ai-bubble{border-color:var(--bubble-border,var(--accent));background:var(--bubble-bg,var(--accent-soft));position:relative}.ai-bubble-eyebrow{color:var(--on-world-text);text-shadow:var(--on-world-shadow);margin-bottom:8px;transition:color .4s}.ai-message{color:var(--on-world-heading);text-shadow:var(--on-world-shadow);margin:0;font-size:1.02rem;line-height:1.55;transition:color .4s}.ai-bubble.theme-nature:after,.ai-bubble.theme-night:after,.ai-bubble.theme-retro:after,.ai-bubble.theme-golden:after{font-size:1.2rem;position:absolute;top:-16px;right:14px}.ai-bubble.theme-nature:after{content:"🌿🌱"}.ai-bubble.theme-night:after{content:"🌙✨"}.ai-bubble.theme-retro:after{content:"🎮"}.ai-bubble.theme-golden:after{content:"🌟"}.ai-bubble.theme-retro{border-style:dashed}.ai-bubble.theme-golden{box-shadow:0 0 0 3px #facc1559, 4px 4px 0 0 var(--panel-border)}.ai-bubble.theme-night{box-shadow:0 0 14px #38bdf84d, 4px 4px 0 0 var(--panel-border)}.options-heading{color:var(--on-world-text);text-shadow:var(--on-world-shadow);font-family:var(--font-pixel);letter-spacing:.08em;margin:0 0 12px;font-size:.6rem;transition:color .4s}.options-grid{gap:14px;display:grid}.quest-card{padding:18px}.quest-label{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.06em;margin:0 0 8px;font-size:.55rem}.quest-card h3{color:var(--cream);margin:0 0 8px;font-size:1.05rem}.quest-description{color:var(--muted);margin:0 0 14px;line-height:1.5}.quest-duration{border:2px solid var(--panel-border);color:var(--accent);font-family:var(--font-pixel);letter-spacing:.04em;background:#00000040;margin-bottom:14px;padding:5px 10px;font-size:.55rem;display:inline-block}.quest-card .pixel-btn{width:100%;display:block}.quest-why-btn{border:2px dashed var(--muted);width:100%;color:var(--muted);font-family:var(--font-pixel);letter-spacing:.05em;text-align:center;background:0 0;margin:0 0 10px;padding:8px 10px;font-size:.52rem;transition:color .15s,border-color .15s;display:block}.quest-why-btn:hover{color:var(--accent);border-color:var(--accent)}.quest-why-text{border-left:3px solid var(--accent);color:var(--cream);background:#00000040;margin:-2px 0 14px;padding:10px 12px;font-size:.85rem;line-height:1.5}.another-move-section{margin-top:14px}.another-move-error{text-align:center}.action-session{text-align:center;margin-top:22px}.action-title{color:var(--cream);margin:0 0 6px;font-size:1.05rem;font-weight:700}.action-description{color:var(--muted);margin:0 0 12px;line-height:1.5}.session-hint--commitment{color:var(--accent);margin:0 0 20px}.session-timer{color:var(--cream);font-family:var(--font-mono);letter-spacing:.03em;margin:0 0 22px;font-size:3.4rem}.session-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.session-buttons .pixel-btn{width:100%}.session-hint{color:var(--muted);margin:18px 0 0;font-size:.82rem;line-height:1.5}.action-session--outcome{border-color:var(--accent)}.outcome-question{color:var(--cream);font-family:var(--font-pixel);letter-spacing:.02em;margin:0 0 16px;font-size:.85rem}.outcome-buttons{gap:10px;margin-bottom:16px;display:grid}.outcome-buttons .pixel-btn{width:100%}.pixel-btn--extend{border-color:var(--panel-border);width:100%;color:var(--muted);background:0 0;font-size:.55rem}.action-session--not-really{border-color:var(--muted);text-align:center}.not-really-message{color:var(--cream);margin:0 0 18px;line-height:1.5}.not-really-buttons{gap:10px;display:grid}.not-really-buttons .pixel-btn{width:100%}.action-session--progress,.action-session--done{border-color:var(--success)}.action-session--done.has-sparkle{position:relative;overflow:hidden}.action-session--done.has-sparkle:before,.action-session--done.has-sparkle:after{content:"✨";font-size:1.1rem;animation:2.2s ease-in-out infinite sparkle-float;position:absolute}.action-session--done.has-sparkle:before{top:12px;left:20px}.action-session--done.has-sparkle:after{animation-delay:.5s;top:18px;right:24px}@keyframes sparkle-float{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.celebrate{font-family:var(--font-pixel);margin:0 0 6px;font-size:1rem}.done-title{color:var(--muted);margin:0 0 10px}.xp-preview{color:var(--amber);font-family:var(--font-pixel);margin:0 0 20px;font-size:.95rem}.action-session--done .pixel-btn{width:100%}.moments{margin-top:30px}.empty-state{color:var(--muted);line-height:1.5}.moments-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.moments-heading .eyebrow{margin-bottom:0}.moments-count{color:var(--muted);font-size:.75rem;font-family:var(--font-pixel)}.moments-list{gap:10px;display:grid}.moment-card{align-items:flex-start;gap:10px;padding:16px;display:flex}.moment-card p{margin:0;line-height:1.5}.moment-delete-btn{border:2px solid var(--panel-border);color:var(--muted);background:0 0;flex-shrink:0;padding:6px 8px;font-size:.85rem;line-height:1;transition:color .15s,border-color .15s}.moment-delete-btn:hover{color:var(--danger);border-color:var(--danger)}.moment-content{gap:6px;min-width:0;display:grid}.moment-top-row{flex-wrap:wrap;gap:6px;display:flex}.moment-badge{border:2px solid var(--panel-border);color:var(--muted);font-size:.62rem;font-family:var(--font-pixel);letter-spacing:.02em;background:#00000040;padding:3px 8px}.moment-badge--category{color:var(--accent)}.moment-badge--xp{color:var(--amber)}.moment-badge--outcome-completed{color:var(--success)}.moment-badge--outcome-progress{color:var(--accent)}.moment-title{color:var(--cream);margin:0;font-weight:700}.moment-description{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}.moment-date{color:var(--muted);opacity:.7;margin:0;font-size:.72rem}.moments-view-all-cta{margin-top:12px}.moment-history{flex-direction:column;gap:18px;display:flex}.moment-history-back-btn{align-self:flex-start}.moment-history-header{border:3px solid var(--panel-border);background:var(--panel);box-shadow:4px 4px 0 0 var(--panel-border);text-align:center;padding:22px 18px 20px}.moment-history-header-eyebrow{margin-bottom:6px}.moment-history-tagline{color:var(--muted);margin:0 0 10px;font-size:.85rem}.modal-backdrop{z-index:20;background:#0a0612b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:center;width:100%;max-width:320px}.modal-title{color:var(--cream);font-family:var(--font-pixel);margin:0 0 10px;font-size:.85rem;line-height:1.5}.modal-body{color:var(--muted);margin:0 0 20px;font-size:.85rem}.modal-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-buttons .pixel-btn{width:100%}.levelup-overlay{z-index:30;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.levelup-card{text-align:center;background:var(--panel);padding:28px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) levelup-pop;position:relative}@keyframes levelup-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.levelup-sparkles{pointer-events:none;position:absolute;inset:-14px}.levelup-sparkles span{color:var(--gold);font-size:1.1rem;animation:1.6s ease-in-out infinite sparkle-float;position:absolute}.levelup-sparkles span:first-child{top:0;left:0}.levelup-sparkles span:nth-child(2){animation-delay:.3s;top:0;right:0}.levelup-sparkles span:nth-child(3){animation-delay:.6s;bottom:0;left:10%}.levelup-sparkles span:nth-child(4){animation-delay:.9s;bottom:0;right:10%}.levelup-title{font-family:var(--font-pixel);color:var(--amber);margin:12px 0 4px;font-size:1.1rem}.levelup-level{color:var(--muted);margin:0;font-size:.85rem}.unlock-toast-backdrop{z-index:25;background:#0a06128c;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.unlock-toast{text-align:center;width:100%;max-width:340px;margin-bottom:12px}.unlock-toast-heading{color:var(--gold);font-family:var(--font-pixel);margin:0 0 10px;font-size:.75rem}.unlock-toast-emoji{margin:0 0 8px;font-size:2rem}.unlock-toast-name{font-family:var(--font-pixel);color:var(--cream);margin:0 0 8px;font-size:.8rem}.unlock-toast-desc{color:var(--muted);margin:0 0 18px;font-size:.85rem;line-height:1.5}.unlock-toast-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.unlock-toast-buttons .pixel-btn{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=380px){h1{font-size:1.25rem}.session-timer{font-size:2.8rem}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.rewards-equipped-row{grid-template-columns:1fr}.dashboard-cards{flex-direction:column}.dashboard-card{--pixel-size:4px;aspect-ratio:auto;padding:24px 16px}}.life-stats-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.life-stats-list li{align-items:center;gap:10px;display:flex}.life-stats-icon{font-size:.95rem;line-height:1}.life-stats-label{color:var(--muted);flex:1;font-size:.82rem}.life-stats-value{text-align:right;min-width:32px;font-family:var(--font-pixel);color:var(--accent);font-size:.7rem}.life-stats-adventure,.life-stats-empty{text-align:center}.life-stats-adventure-label,.life-stats-empty-title{color:var(--cream);font-family:var(--font-pixel);letter-spacing:.05em;margin:0 0 10px;font-size:.6rem}.life-stats-adventure-value{font-family:var(--font-pixel);color:var(--cream);margin:0 0 10px;font-size:.78rem}.life-stats-observation{color:var(--muted);margin:0;font-size:.8rem;font-style:italic}.life-stats-empty-body{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.life-stats-modal{max-width:360px;padding:22px 20px}.life-stats-back-btn{margin-bottom:14px;font-size:.55rem}.life-stats-modal-body{text-align:left;flex-direction:column;gap:22px;margin-bottom:24px;display:flex}.life-stats-breakdown-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.life-stats-breakdown-list li{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.life-stats-breakdown-list li span:last-child{text-align:right;flex-shrink:0;min-width:28px}.dashboard-cards{gap:20px;margin:28px 0;display:flex}.dashboard-card{--card-accent:var(--accent);--card-tint:0%;--pixel-size:5px;aspect-ratio:1/1.08;text-align:center;background:var(--panel);background:color-mix(in srgb, var(--card-accent) var(--card-tint), var(--panel));cursor:pointer;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:16px;min-width:0;padding:22px 14px;transition:transform 80ms,box-shadow 80ms,background-color .12s;display:flex;position:relative}.dashboard-card:before{content:"";top:0;left:var(--notch);right:var(--notch);background:var(--card-accent);opacity:.85;height:3px;position:absolute}.dashboard-card--journal{--card-accent:var(--gold)}.dashboard-card--stats{--card-accent:var(--success)}.dashboard-card:hover{--card-tint:12%;box-shadow:6px 6px 0 0 var(--panel-border);transform:translateY(-3px)}.dashboard-card:active{--card-tint:22%;box-shadow:1px 1px 0 0 var(--panel-border);transform:translateY(2px)}.dashboard-card:focus-visible{outline:2px dashed var(--card-accent);outline-offset:3px}.dashboard-card-title{font-family:var(--font-pixel);letter-spacing:.03em;color:var(--cream);font-size:.66rem;transition:color .12s}.dashboard-card:hover .dashboard-card-title,.dashboard-card:active .dashboard-card-title{color:var(--card-accent)}.dashboard-card-subtitle{color:var(--muted);margin-top:-8px;font-size:.72rem;line-height:1.4}.dashboard-card-action{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--card-accent);margin-top:2px;font-size:.56rem;transition:filter .12s}.dashboard-card:hover .dashboard-card-action{filter:brightness(1.12)}.dashboard-card:active .dashboard-card-action{filter:brightness(1.22)}.pixel-icon{transition:filter .12s;display:block;position:relative}.pixel-icon-pixel{display:block;position:absolute;top:0;left:0}.dashboard-card:hover .pixel-icon{filter:brightness(1.12)}.dashboard-card:active .pixel-icon{filter:brightness(1.22)}.journal-entry-card-cta{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.02em;margin-top:8px;font-size:.6rem}.journal{flex-direction:column;gap:18px;display:flex}.journal-back-btn{align-self:flex-start}.journal-header{border:3px solid var(--panel-border);background:var(--panel);box-shadow:4px 4px 0 0 var(--panel-border);text-align:center;padding:22px 18px 20px;position:relative}.journal-header-companion{position:absolute;top:-10px;right:10px}.journal-header-eyebrow{margin:0 0 8px;font-size:.85rem}.journal-tagline{color:var(--muted);margin:0 0 14px;font-size:.88rem}.journal-header-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.journal-customize-btn,.journal-flipbook-btn{font-size:.55rem}.journal-cover--nature .journal-header{border-color:#3fae5f;box-shadow:4px 4px #3fae5f}.journal-cover--nature .journal-header-eyebrow{color:#4ade80}.journal-cover--retro .journal-header{border-color:#e0459d;box-shadow:4px 4px #e0459d}.journal-cover--retro .journal-header-eyebrow{color:#f472b6}.journal-cover--golden .journal-header{border-color:#e8a521;box-shadow:4px 4px #e8a521}.journal-cover--golden .journal-header-eyebrow{color:#facc15}.journal-theme--nature .journal-card{border-color:#3fae5f}.journal-theme--nature .journal-card-badge--xp{color:#86efac}.journal-theme--sunset .journal-card{border-color:#e8a521}.journal-theme--sunset .journal-card-badge--xp{color:#ffcf5c}.journal-theme--night .journal-card{background:#16213b}.journal-theme--retro .journal-card{border-color:#f472b6}.journal-theme--retro .journal-card-badge--xp{color:#f9a8d4}.journal-empty-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;display:flex}.journal-empty-companion{margin-bottom:8px}.journal-empty-title{color:var(--cream);font-family:var(--font-pixel);margin:0;font-size:.72rem}.journal-empty-body{color:var(--muted);margin:0 0 10px;font-size:.88rem;line-height:1.6}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.journal-card{text-align:left;background:var(--cream);color:var(--ink);border:3px solid var(--panel-border);box-shadow:4px 4px 0 0 var(--panel-border);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:transform .12s;display:flex;position:relative}.journal-card:hover{transform:translateY(-3px)rotate(0)}.journal-card:nth-child(3n+1){transform:rotate(-1.2deg)}.journal-card:nth-child(3n+2){transform:rotate(.8deg)}.journal-card:nth-child(3n){transform:rotate(-.4deg)}.journal-card:nth-child(3n+1):hover,.journal-card:nth-child(3n+2):hover,.journal-card:nth-child(3n):hover{transform:translateY(-3px)rotate(0)}.journal-card--quest{background:#fff9e8}.journal-card-sticker{filter:drop-shadow(2px 2px #00000040);font-size:1.6rem;position:absolute;top:-12px;right:-8px}.journal-card-kicker{color:#8a7a4f;font-family:var(--font-pixel);letter-spacing:.05em;margin:0;font-size:.52rem}.journal-photo{aspect-ratio:4/3;background:#ece2c8;width:100%;overflow:hidden}.journal-photo img{object-fit:cover;width:100%;height:100%;display:block}.journal-photo--pixel{border:3px solid var(--panel-border);image-rendering:pixelated}.journal-photo--polaroid{background:#fff;border:1px solid #ddd;padding:8px 8px 22px;box-shadow:2px 3px 6px #00000040}.journal-photo--tape{border:2px dashed #c9b98a;position:relative}.journal-photo--tape:before{content:"";background:#fff4c8d9;border:1px solid #00000014;width:60px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.journal-photo--sticker{border:3px solid var(--accent);border-radius:8px}.journal-card-note{margin:0;font-size:.9rem;font-style:italic;line-height:1.5}.journal-card-footer{flex-wrap:wrap;gap:6px;display:flex}.journal-card-badge{border:2px solid var(--panel-border);color:#4a3f28;font-size:.6rem;font-family:var(--font-pixel);letter-spacing:.02em;background:#0000000f;padding:3px 8px}.journal-card-badge--xp{color:#a97d1f}.journal-card-date{color:#8a7a4f;opacity:.8;margin:2px 0 0;font-size:.7rem}.journal-add-fab{align-self:center;min-width:220px}.journal-editor{text-align:left;-webkit-overflow-scrolling:touch;width:100%;max-width:400px;max-height:86vh;padding:22px 20px;overflow-y:auto}.journal-editor-form{flex-direction:column;gap:12px;display:flex}.journal-editor-quest-info{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.journal-field-label{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.05em;margin-top:6px;margin-bottom:2px;font-size:.56rem}.journal-editor-textarea{min-height:70px}.journal-editor .pixel-input{background:var(--panel-raised);color:var(--cream)}.journal-editor .pixel-input::placeholder{color:var(--muted);opacity:1}input.pixel-input{min-height:auto;padding:10px 12px}.journal-mood-chips{flex-wrap:wrap;gap:8px;margin-bottom:2px;display:flex}.journal-chip{font-family:var(--font-pixel);color:var(--cream);background:var(--panel-raised);border:2px solid var(--panel-border);box-shadow:0 3px 0 0 var(--panel-border);cursor:pointer;padding:8px 12px;font-size:.58rem;line-height:1.4;transition:transform 80ms}.journal-chip:hover{transform:translateY(-1px)}.journal-chip--active{background:var(--accent);border-color:var(--accent);color:var(--ink)}.journal-photo-upload-btn{justify-content:center;align-items:center;width:fit-content;display:inline-flex}.journal-editor-photo-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.journal-editor-photo-preview img{object-fit:cover;border:3px solid var(--panel-border);width:100%;max-height:220px}.journal-editor-photo-preview--inline img{max-height:140px}.journal-sticker-picker{flex-wrap:wrap;gap:8px;display:flex}.journal-sticker-option{border:3px solid var(--panel-border);background:var(--panel-raised);place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.journal-sticker-option--active{border-color:var(--accent);background:var(--accent-soft)}.journal-editor-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.journal-editor-delete{width:100%;margin-top:10px}.journal-flipbook-drawer{max-width:440px}.flipbook-empty{text-align:center;padding:30px 10px}.flipbook-empty-text{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.flipbook-stage{perspective:1400px;min-height:380px;margin:4px 0 18px;position:relative}.flipbook-stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000);width:14px;position:absolute;inset:0 auto 0 0}.flipbook-page{background:var(--cream);border:3px solid var(--panel-border);box-shadow:4px 4px 0 0 var(--panel-border);position:absolute;inset:0}.flipbook-page--base{-webkit-overflow-scrolling:touch;padding:16px;overflow-y:auto}.flipbook-page--flip{transform-style:preserve-3d;transform-origin:0;will-change:transform;z-index:3;transition:transform .6s ease-in-out;transform:rotateY(0)}.flipbook-page--flip-active.flipbook-page--flip-next{transform:rotateY(-180deg)}.flipbook-page--flip-active.flipbook-page--flip-prev{transform:rotateY(180deg)}.flipbook-page-face{-webkit-overflow-scrolling:touch;background:var(--cream);backface-visibility:hidden;padding:16px;position:absolute;inset:0;overflow-y:auto}.flipbook-page-face--back{transform:rotateY(180deg)}.flipbook-page-content{min-height:100%;color:var(--ink);text-align:left;flex-direction:column;gap:10px;display:flex;position:relative}.flipbook-page-date{color:#8a7a4f;font-family:var(--font-pixel);letter-spacing:.05em;margin:0;font-size:.55rem}.flipbook-page-photo{margin:0}.flipbook-page-note{margin:0;font-size:.95rem;line-height:1.6}.flipbook-page-note--empty{color:#8a7a4f;font-style:italic}.flipbook-page-footer{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.flipbook-page-sticker{filter:drop-shadow(2px 2px #00000040);font-size:1.5rem;position:absolute;top:-6px;right:-6px}.flipbook-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.flipbook-nav-btn{flex:1;padding:12px 8px;font-size:.56rem}.flipbook-position{min-width:56px;color:var(--cream);font-family:var(--font-pixel);text-align:center;margin:0;font-size:.6rem}@media (width<=480px){.flipbook-stage{min-height:340px}}.journal-customize-drawer{padding-bottom:28px}.journal-quest-prompt{border:2px dashed var(--muted);text-align:left;flex-direction:column;gap:8px;width:100%;margin:14px 0;padding:14px;display:flex}.journal-quest-prompt-question{color:var(--cream);font-family:var(--font-pixel);margin:0;font-size:.6rem}.journal-quest-prompt-toggles{flex-wrap:wrap;gap:8px;display:flex}.journal-quest-prompt-toggles .journal-chip{font-size:.55rem}.journal-quest-prompt-save{width:100%}.journal-saved-note{color:var(--success);font-family:var(--font-pixel);margin:14px 0;font-size:.6rem}@media (width<=480px){.journal-editor{max-height:92vh;padding:16px 14px}.journal-editor-form{gap:10px}.journal-sticker-option{width:38px;height:38px}}@media (width<=380px){.journal-grid,.journal-editor-buttons{grid-template-columns:1fr}}