:root{--face:var(--font-game), "Lilita One";--face-title:var(--font-cinzel), "Cinzel";--title-scale:.88;--gt-ink:#2b1a0c;--sky-color:#f1e9d9;--sky:radial-gradient(ellipse 85% 35% at 50% 0%, #ffffffe6, #fff0 70%), linear-gradient(#f6f0e4 0%, #efe6d4 100%);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='1400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.012' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.40 0 0 0 0 0.33 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");--panel-1:#fffcf6;--panel-2:#f4ead8;--line:#c9ac78;--panel-base:#be965a1f;--panel-rim:#ffffffbf;--rb-1:#c86a42;--rb-2:#a14e2b;--rb-line:#6e2e14;--rb-tail:#7f3a1c;--rb-ink:#fff8ee;--chip-1:#fffaf0;--chip-2:#ecdfc6;--chip-line:#b8975c;--chip-ink:#2b1a0c;--hud-1:#f6f0e4f2;--hud-2:#f6f0e4d1;--nav-1:#fffaf0;--nav-2:#efe5d2;--nav-line:#d9c7a3;--nav-ink:#5a5347;--nav-on:#a14e2b;--stage:radial-gradient(ellipse 60% 55% at 50% 58%, #ffe1a0cc, #ffe1a000 70%), linear-gradient(#fbf3e2, #efdcb8);--stage-floor:#966e3c2e;--tile-1:#fffaf0;--tile-2:#f1e3c6;--bar-track:#3a2f22}:root[data-theme=night]{--gt-ink:#f3e9d6;--sky-color:#15130f;--sky:radial-gradient(ellipse 85% 35% at 50% 0%, #d9a4411f, #d9a44100 70%), linear-gradient(#1a1712 0%, #12100c 100%);--grain:none;--panel-1:#2a251e;--panel-2:#221e18;--line:#4b4334;--panel-base:#0000002e;--panel-rim:#ffffff0d;--chip-1:#3a342b;--chip-2:#2a251e;--chip-line:#5a5040;--chip-ink:#f3e9d6;--hud-1:#15130ff2;--hud-2:#15130fd1;--nav-1:#221e18;--nav-2:#18150f;--nav-line:#3b3328;--nav-ink:#b8ad98;--nav-on:#e8956a;--stage:radial-gradient(ellipse 60% 55% at 50% 58%, #d9a44159, #d9a44100 70%), linear-gradient(#2e281f, #1f1b15);--stage-floor:#00000040;--tile-1:#3a342b;--tile-2:#2a251e}@media (prefers-color-scheme:dark){:root:not([data-theme=day]){--gt-ink:#f3e9d6;--sky-color:#15130f;--sky:radial-gradient(ellipse 85% 35% at 50% 0%, #d9a4411f, #d9a44100 70%), linear-gradient(#1a1712 0%, #12100c 100%);--grain:none;--panel-1:#2a251e;--panel-2:#221e18;--line:#4b4334;--panel-base:#0000002e;--panel-rim:#ffffff0d;--chip-1:#3a342b;--chip-2:#2a251e;--chip-line:#5a5040;--chip-ink:#f3e9d6;--hud-1:#15130ff2;--hud-2:#15130fd1;--nav-1:#221e18;--nav-2:#18150f;--nav-line:#3b3328;--nav-ink:#b8ad98;--nav-on:#e8956a;--stage:radial-gradient(ellipse 60% 55% at 50% 58%, #d9a44159, #d9a44100 70%), linear-gradient(#2e281f, #1f1b15);--stage-floor:#00000040;--tile-1:#3a342b;--tile-2:#2a251e}}.gt,.gf,.ttl,.ribbon,.chip,.btn-3d,.nav-label{font-synthesis:none;font-variant-numeric:lining-nums}body:has(.game-screen){background-color:var(--sky-color);background-image:var(--grain), var(--sky);background-size:1400px 1400px,100% 100%;background-attachment:fixed}.gt,.gf{font-family:var(--face), system-ui, sans-serif;letter-spacing:.015em;font-weight:400}.gt{color:var(--gt-ink)}.ttl{font-family:var(--face-title), serif;text-transform:uppercase;letter-spacing:.02em;font-weight:900}.ttl.text-\[2rem\]{font-size:calc(2rem * var(--title-scale))}.ttl.text-\[1\.15rem\]{font-size:calc(1.15rem * var(--title-scale))}.ttl.text-\[1\.6rem\]{font-size:calc(1.6rem * var(--title-scale))}.ttl.text-\[1\.75rem\]{font-size:calc(1.75rem * var(--title-scale))}.ttl.text-2xl{font-size:calc(1.5rem * var(--title-scale))}.ttl.text-xl{font-size:calc(1.25rem * var(--title-scale))}.ttl.text-sm{font-size:calc(.875rem * var(--title-scale))}.mission-card .gt,.challenge-door .gt{color:#fff8ee;text-shadow:0 2px 6px #00000080}.ribbon{font-family:var(--face-title), serif;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;font-weight:900;font-size:calc(1.08rem * var(--title-scale));color:var(--rb-ink);background:linear-gradient(var(--rb-1), var(--rb-2));border:1.5px solid var(--rb-line);box-shadow:0 3px 0 var(--rb-line), inset 0 1.5px 0 #ffffff4d;text-shadow:0 1.5px 0 var(--rb-line);border-radius:.5rem;align-items:center;gap:.45rem;margin:0 .85rem;padding:.3rem 1rem .36rem;line-height:1.15;display:inline-flex}.ribbon:not(.absolute){position:relative}.ribbon:before,.ribbon:after{content:"";z-index:-1;background:var(--rb-tail);border:1.5px solid var(--rb-line);width:1.15rem;position:absolute;top:.45rem;bottom:-.45rem}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%);border-right:0;left:-.95rem}.ribbon:after{clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%);border-left:0;right:-.95rem}.ribbon-blue{--rb-1:#8a6a46;--rb-2:#5a3a20;--rb-line:#2e1c0e;--rb-tail:#3a2412}.ribbon-green{--rb-1:#7d9442;--rb-2:#5b6b3a;--rb-line:#2f3a14;--rb-tail:#45522c}.ribbon-gold{--rb-1:#f2c35a;--rb-2:#d9a441;--rb-line:#7a5410;--rb-tail:#b8862e;--rb-ink:#3a2a0c;text-shadow:0 1px #ffffff73}.chip{border:1.5px solid var(--chip-line);background:linear-gradient(var(--chip-1), var(--chip-2));box-shadow:0 2px 0 var(--chip-line), inset 0 1px 0 #ffffff40;font-family:var(--face), system-ui, sans-serif;color:var(--chip-ink);border-radius:9999px;align-items:center;gap:.3rem;padding:.15rem .6rem .2rem;font-size:.95rem;font-weight:400;line-height:1.2;display:inline-flex}.chip-gold{--chip-1:#ffdf6e;--chip-2:#f0a321;--chip-line:#8a5a0c;--chip-ink:#fff;text-shadow:-1px -1px #7a4a08,1px -1px #7a4a08,-1px 1px #7a4a08,1px 1px #7a4a08,0 1.5px #7a4a08}.chip-green{--chip-1:#8fd94a;--chip-2:#4c9e1a;--chip-line:#2a5a0c;--chip-ink:#fff;text-shadow:-1px -1px #1d4307,1px -1px #1d4307,-1px 1px #1d4307,1px 1px #1d4307,0 1.5px #1d4307}.hud{background:linear-gradient(var(--hud-1), var(--hud-2));border-bottom:1.5px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-pill{border:1.5px solid var(--chip-line);background:linear-gradient(var(--chip-1), var(--chip-2));height:2.1rem;box-shadow:inset 0 1px 0 #fff6, 0 2px 0 var(--chip-line);border-radius:9999px;align-items:center;gap:.35rem;padding:0 .7rem 0 .25rem;display:flex}.hud-level{filter:drop-shadow(0 2px 1.5px #3c1e0059);flex-shrink:0;place-items:center;width:2.9rem;height:2.9rem;margin:-.45rem -.05rem -.45rem -.55rem;display:grid;position:relative}.hud-level>img{object-fit:contain;width:100%;height:100%}.hud-level .hud-level-n{--o:#5a1a08;color:#fff;text-shadow:-1.5px -1.5px 0 var(--o), 1.5px -1.5px 0 var(--o), -1.5px 1.5px 0 var(--o), 1.5px 1.5px 0 var(--o), 0 2px 0 var(--o);place-items:center;padding-bottom:9%;font-size:1.15rem;line-height:1;display:grid;position:absolute;inset:0}.hud-bar{background:var(--bar-track);border:1.5px solid #1d1a15;border-radius:9999px;height:.8rem;position:relative;overflow:hidden}.hud-bar>i{background:linear-gradient(#b6f36a,#5fb01f);border-radius:9999px;transition:width .5s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 2px #ffffff73}.game-screen .habit-card,.panel{border:1.5px solid var(--line);background:linear-gradient(var(--panel-1), var(--panel-2));box-shadow:0 3px 0 var(--line), 0 10px 18px -10px #28190559, inset 0 0 0 2px var(--panel-rim), inset 0 -5px 0 var(--panel-base);border-radius:1.1rem}.game-screen .habit-card:active:not(:disabled){box-shadow:0 1px 0 var(--line), inset 0 0 0 2px var(--panel-rim);transform:translateY(2px)}.game-screen .habit-card.is-done{background:linear-gradient(#eef6dc,#d3e6a9);border-color:#7e9d42;box-shadow:0 3px #7e9d42,0 10px 18px -10px #28190559,inset 0 0 0 2px #fff9}:root[data-theme=night] .game-screen .habit-card.is-done{background:linear-gradient(#2f3a1c,#253015);border-color:#5f7a2c;box-shadow:0 3px #141c08}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .game-screen .habit-card.is-done{background:linear-gradient(#2f3a1c,#253015);border-color:#5f7a2c;box-shadow:0 3px #141c08}}.hero-stage{background:var(--stage);border:1.5px solid var(--line);box-shadow:inset 0 -10px 0 var(--stage-floor), inset 0 2px 0 #fff6;border-radius:.9rem}.xp-bar{background:var(--bar-track);border:2px solid #1d1a15;border-radius:9999px;height:1.45rem;position:relative;overflow:hidden;box-shadow:inset 0 3px 4px #0009}.xp-bar>.bar-fill{background:linear-gradient(#ffe27a,#f09a12);border-radius:9999px;height:100%;transition:width .5s;box-shadow:inset 0 4px #ffffff73}.xp-bar-label{--o:#3b2208;color:#fff;text-shadow:-1px -1px 0 var(--o), 1px -1px 0 var(--o), -1px 1px 0 var(--o), 1px 1px 0 var(--o), 0 1.5px 0 var(--o);place-items:center;font-size:.82rem;display:grid;position:absolute;inset:0}.icon-tile{border:1.5px solid var(--line);background:linear-gradient(var(--tile-1), var(--tile-2));box-shadow:0 2px 0 var(--line), inset 0 2px 0 #ffffff80;border-radius:.85rem;place-items:center;display:grid}.game-nav{background:linear-gradient(var(--nav-1), var(--nav-2));border-top:1.5px solid var(--nav-line);box-shadow:0 -6px 16px -10px #2819054d}.game-nav .nav-tab .nav-label{font-family:var(--face), system-ui, sans-serif;letter-spacing:.02em;color:var(--nav-ink);font-size:.74rem;font-weight:400}.game-nav .nav-tab.is-on .nav-label{color:var(--nav-on)}.game-nav .nav-tab:not(.is-on) .nav-icon img{opacity:.9;filter:none}.game-nav .nav-tab.is-on .nav-icon{background:linear-gradient(#ffe066,#f0a321);border:1.5px solid #8a5a0c;transform:translateY(-8px)scale(1.1);box-shadow:0 3px #8a5a0c,0 8px 14px -6px #28190573,inset 0 2px #fff9}.game-screen .mission-card{border:1.5px solid #120c05;box-shadow:0 3px #120c05,0 12px 20px -10px #140a0073}.game-screen .mission-card.is-done{border-color:#5f7a2c;box-shadow:0 3px #2f3d14,0 12px 20px -10px #140a0073}.game-screen .challenge-door{border:1.5px solid #120c05;box-shadow:0 3px #120c05,0 12px 20px -10px #140a0073}@media (prefers-reduced-motion:reduce){.game-nav .nav-tab.is-on .nav-icon{transform:none}}