@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:.3px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input{font-family:var(--font-body)}*{scrollbar-width:thin;scrollbar-color:rgba(43,255,209,.7) rgba(9,12,22,.9)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#070912f2,#131628e6);box-shadow:inset 0 0 10px #0009}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2bffd1f2,#ff4fd8e6);border-radius:999px;border:2px solid rgba(9,12,22,.8);box-shadow:0 0 10px #2bffd159}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2bffd1,#ffb84df2);box-shadow:0 0 14px #2bffd18c}*::-webkit-scrollbar-corner{background:#090c16f2}:root{--topbar-height: 104px;--bottomnav-height: 68px}:root{--bg: #0b0b13;--panel: #131628;--panel-2: #1b2036;--accent: #2bffd1;--accent-2: #ff4fd8;--text: #e9f0ff;--muted: #8a93b2;--glow: 0 0 12px rgba(43, 255, 209, .45);--radius: 12px;--font-body: "Space Grotesk", "Trebuchet MS", sans-serif;--font-display: "Oxanium", "Trebuchet MS", sans-serif}.vhs-frame{position:relative;overflow:hidden;min-height:100vh;min-height:100dvh}.vhs-frame:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px);opacity:.35;pointer-events:none;mix-blend-mode:screen;z-index:9999}.vhs-frame:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,79,216,.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(43,255,209,.1),transparent 55%);opacity:.45;pointer-events:none;mix-blend-mode:screen;animation:vhs-noise 1.4s steps(2) infinite;z-index:9998}.vhs-frame>*{position:relative;z-index:1}@keyframes vhs-noise{0%{transform:translateZ(0)}50%{transform:translate3d(-2%,1%,0)}to{transform:translate3d(1%,-1%,0)}}.app-shell{min-height:100vh;position:relative;display:flex;flex-direction:column}.app-main{padding:calc(var(--topbar-height) + 18px + env(safe-area-inset-top)) 18px calc(var(--bottomnav-height) + 18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;flex:1}.auth-main{padding:0;min-height:100vh;height:100vh;overflow:hidden;height:100dvh}.page{display:flex;flex-direction:column;gap:16px}.page-header h1{margin:0 0 8px;font-family:var(--font-display);font-size:18px}.page-header p{margin:0;color:var(--muted)}.page-grid{display:grid;gap:16px}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;background:var(--panel);border-bottom:1px solid rgba(43,255,209,.2)}.top-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1;overflow:visible}.top-center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;pointer-events:none}.top-center .music-player{pointer-events:auto}.config-button{padding:6px 10px;font-size:10px}.top-left .profile-button{flex-shrink:0}.profile{display:flex;align-items:center;gap:10px}.profile-button{display:inline-flex;align-items:center;gap:10px;padding:0}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid rgba(43,255,209,.5);background:radial-gradient(circle at 30% 30%,#2bffd1,transparent 55%),linear-gradient(135deg,rgba(255,79,216,.4),transparent 60%);box-shadow:var(--glow);overflow:hidden;display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:96px;height:96px}.avatar-fallback{font-family:var(--font-display);font-size:10px;color:#0b0b13}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{font-family:var(--font-display);font-size:11px;text-transform:uppercase}.profile-status{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;row-gap:6px;flex-shrink:0}.topbar-divider{width:1px;height:26px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.35),transparent);margin:0 4px;opacity:.7}.solaris-stack{display:flex;align-items:center;gap:6px}.solaris-item{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000059}.solaris-item--morning{background:linear-gradient(135deg,#ff9f3f,#ff7cb2);border-color:#ffa55a80}.solaris-item--afternoon{background:linear-gradient(135deg,#5d3bff,#ff5db1 55%,#ffd86b);border-color:#ffb84d73}.solaris-item--night{background:linear-gradient(135deg,#3a7cff,#0b173b);border-color:#5a7cff66}.solaris-icon{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 10px #2bffd14d}.solaris-amount{font-family:var(--font-display);font-size:10px;color:#fef7ff;text-shadow:0 0 8px rgba(0,0,0,.45)}.dice-stack{display:flex;align-items:center;gap:6px}.dice-item{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000059}.dice-item--aurora{background:linear-gradient(135deg,#0c2f2ae6,#2bffd159);border-color:#2bffd159}.dice-item--vesper{background:linear-gradient(135deg,#241d3df2,#ff4fd859);border-color:#ff4fd859}.dice-item--noctis{background:linear-gradient(135deg,#1b1c2af2,#5a7cff59);border-color:#5a7cff59}.dice-icon{width:22px;height:22px}.dice-icon text{font-size:18px;font-family:var(--font-display)}.dice-amount{font-family:var(--font-display);font-size:10px;color:var(--text)}.icon-button{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);font-size:11px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 12px;background:var(--panel);border-top:1px solid rgba(43,255,209,.2);height:var(--bottomnav-height);align-items:center}.nav-link{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 6px;border-radius:10px;font-size:9px;line-height:1.1;white-space:normal;color:var(--muted);border:1px solid transparent;transition:all .2s ease}.nav-link.is-active{color:var(--text);border-color:#2bffd180;box-shadow:var(--glow);background:#2bffd114}.button{padding:8px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);font-size:12px;transition:.2s ease}.button.primary{background:#2bffd12e;border-color:#2bffd199;box-shadow:var(--glow)}.button.ghost{border-color:#fff3;color:var(--muted)}.button.danger{border-color:#ff787899;color:#ffb3b3;background:#ff787824}.button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--panel-2);border-radius:var(--radius);padding:16px;box-shadow:0 10px 24px #050a1466;border:1px solid rgba(255,255,255,.04)}.card-title{font-family:var(--font-display);font-size:12px;margin-bottom:12px;color:var(--accent)}.danger-card{border-color:#ff787833}.stat-card{display:flex;flex-direction:column;gap:6px}.stat-value{font-family:var(--font-display);font-size:20px;color:var(--accent)}.stat-label{font-size:11px;color:var(--muted)}.music-player{display:grid;gap:10px;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#050810b3;min-width:0;width:280px}.music-player--floating{position:fixed;left:18px;bottom:env(safe-area-inset-bottom);z-index:30;box-shadow:0 18px 30px #050a148c}.music-player--navbar{background:var(--panel);border:1px solid rgba(43,255,209,.2);border-bottom:none;border-radius:16px 16px 0 0;min-height:var(--bottomnav-height);padding:6px 10px;gap:6px;align-content:center}.music-track{font-size:10px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.music-row{display:flex;align-items:center;gap:8px}.music-controls{display:flex;align-items:center;gap:6px}.music-controls .music-button.is-primary{min-width:64px;text-align:center}.music-button{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);font-size:10px;min-width:38px}.music-button.is-primary{border-color:#2bffd199;color:var(--accent);box-shadow:var(--glow)}.music-button.is-spotify{border-color:#1db95499;color:#1db954;box-shadow:0 0 12px #1db95459}.music-button.is-ghost{border-color:#fff3;color:var(--muted)}.music-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.music-popover{position:relative}.music-icon-button{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0a0c16b3;color:var(--muted);transition:.2s ease}.music-icon-button svg{width:14px;height:14px}.music-popover.is-open .music-icon-button{border-color:#2bffd199;color:var(--accent);box-shadow:var(--glow)}.music-popover-panel{position:absolute;bottom:calc(100% + 6px);right:0;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#080a12f2;box-shadow:0 12px 24px #06061273;opacity:0;pointer-events:none;transform:translateY(6px);transition:.18s ease;min-width:180px;z-index:50}.music-popover.is-open .music-popover-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.music-select{width:100%;font-size:10px;padding:4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#080a12cc;color:var(--text)}.music-spotify-note{font-size:10px;color:var(--muted);display:block;padding:2px 0}.music-volume-slider{display:grid;gap:8px;position:relative;padding:2px 0}.music-volume-slider:before,.music-volume-slider:after{content:"";position:absolute;left:0;right:0;top:8px;height:10px;border-radius:999px;pointer-events:none;opacity:.35;mix-blend-mode:screen}.music-volume-slider:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 3px,transparent 3px 7px)}.music-volume-slider:after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px);animation:vhs-flicker 3.6s ease-in-out infinite}.music-volume-slider input[type=range]{width:160px;height:12px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0;position:relative;z-index:1}.music-volume-slider input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#2bffd1e6,#ff4fd8e6),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);background-blend-mode:screen;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 10px #000000b3,0 0 12px #ff4fd873}.music-volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fff6),linear-gradient(135deg,#2bffd1e6,#ff4fd8e6);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 10px #2bffd199,0 0 18px #ff4fd859;margin-top:-5px}.music-volume-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 12px #2bffd1cc,0 0 20px #ff4fd880}.music-volume-slider input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#2bffd1e6,#ff4fd8e6),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);background-blend-mode:screen;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 10px #000000b3,0 0 12px #ff4fd873}.music-volume-slider input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:linear-gradient(90deg,#2bffd1f2,#ff4fd8e6)}.music-volume-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fff6),linear-gradient(135deg,#2bffd1e6,#ff4fd8e6);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 10px #2bffd199,0 0 18px #ff4fd859}.music-volume-value{font-size:10px;color:var(--muted);text-align:right;font-family:var(--font-display);text-shadow:0 0 8px rgba(255,79,216,.35)}@keyframes vhs-flicker{0%,to{opacity:.28}40%{opacity:.5}60%{opacity:.22}}@media (max-width: 720px){.music-track{display:none}.music-popover-panel{min-width:140px}.music-player{width:200px}.music-player--floating{left:12px;bottom:env(safe-area-inset-bottom)}.music-volume-slider input[type=range]{width:120px}}.profile-card-top{display:flex;flex-direction:column;gap:16px}.profile-avatar{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.avatar-button{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;border:none;background:transparent;padding:0;cursor:pointer}.avatar-remove{padding:6px 10px;font-size:10px;align-self:flex-start}.file-input{display:none}.profile-card-info{display:flex;flex-direction:column;gap:12px}.profile-row{display:grid;gap:6px;position:relative}.profile-field{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.profile-value{font-size:15px;color:var(--text)}.profile-static{display:flex;align-items:center;gap:8px}.profile-input{display:flex;align-items:center;gap:6px;position:relative}.profile-input input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#080a12cc;color:var(--text);font-size:13px}.profile-prefix{font-size:12px;color:var(--muted)}.profile-help{font-size:10px;color:var(--muted)}.profile-message{margin-top:10px;font-size:11px;color:var(--accent)}.locked-badge{font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:var(--muted);background:#0003;width:fit-content}.profile-card .avatar{position:relative}.profile-empty{margin-bottom:12px;color:var(--muted)}.stats-grid{display:grid;gap:12px}.profile-metrics{margin-top:4px}.profile-progress{display:grid;gap:8px}.profile-progress-title{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.profile-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.profile-progress-grid span{font-size:10px;color:var(--muted)}.profile-progress-grid strong{display:block;font-family:var(--font-display);font-size:16px;color:var(--text)}.profile-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.detail-value{color:var(--text);text-align:right;word-break:break-word}.reset-row{flex-wrap:wrap;align-items:center;gap:10px}.danger-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.danger-input{padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#080a12cc;color:var(--text);font-size:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.field input,.field select{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#080a12cc;color:var(--text)}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:88px}.password-toggle{position:absolute;right:8px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0003;color:var(--muted);font-size:10px}.form-error{color:#ff9ac8;font-size:12px}.turn-selector{display:flex;gap:8px}.turn-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0003;color:var(--muted);font-size:12px}.turn-button.is-active{color:var(--text);border-color:#ff4fd880;box-shadow:0 0 10px #ff4fd866;background:#ff4fd81a}.turn-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.habit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.habit-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#0c0e1899;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.habit-label{display:flex;align-items:center;gap:10px;font-size:14px}.habit-text{flex:1}.habit-label input{accent-color:var(--accent)}.habit-meta{display:flex;align-items:center;gap:8px}.habit-points{font-size:12px;color:var(--accent)}.habit-tag{padding:3px 8px;border-radius:999px;font-size:10px;background:#ffffff14;color:var(--text)}.habit-tag.is-morning{background:#ffcc7833;color:#ffd59c}.habit-tag.is-afternoon{background:#f963;color:#ffad7d}.habit-tag.is-night{background:#78a0ff33;color:#b2c6ff}.habit-sections{display:flex;flex-direction:column;gap:16px}.habit-section-title{font-family:var(--font-display);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.habit-subsection{margin-top:10px}.habit-subtitle{font-size:12px;color:var(--muted);margin:8px 0}.habit-hint{margin-top:12px;font-size:11px;color:var(--muted)}.solaris-card{display:flex;flex-direction:column;gap:8px}.solaris-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.solaris-count{font-family:var(--font-display);font-size:28px;color:var(--accent)}.solaris-label{font-size:11px;color:var(--muted)}.solaris-total{font-size:12px;color:var(--muted)}.workshop-list{display:grid;gap:12px}.section-card{background:var(--panel-2);border-radius:var(--radius);padding:14px;border:1px solid rgba(255,255,255,.04)}.section-header{display:flex;flex-direction:column;gap:8px}.section-title{display:flex;flex-direction:column;gap:8px;align-items:center}.section-title-text{font-family:var(--font-display);font-size:14px;color:var(--accent)}.vhs-title{position:relative;display:inline-block;max-width:100%;margin:0 auto}.vhs-title-base,.vhs-title-glow{display:block;width:auto;max-width:100%;height:auto}.vhs-title-glow{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:.9;pointer-events:none}.section-meta{display:flex;flex-direction:column;gap:4px}.section-name{font-family:var(--font-display);font-size:11px}.section-latin{font-size:10px;color:var(--muted)}.section-body{margin-top:8px;display:flex;flex-direction:column;gap:8px}.section-habits{list-style:none;padding:0;margin:0;display:grid;gap:6px}.section-habit-item{margin:0}.section-habit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;background:#080a1299;border-radius:8px;border:1px solid rgba(255,255,255,.04);font-size:12px;text-align:left;color:inherit;cursor:pointer}.section-habit:hover{border-color:#2bffd159}.section-habit.is-complete{border-color:#2bffd199;box-shadow:var(--glow)}.section-habit-label{flex:1}.section-habit-meta{display:inline-flex;align-items:center;gap:8px}.section-points{font-size:10px;color:var(--accent)}.section-habit-check{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#04060cbf;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.section-habit-solaris{width:100%;height:100%;object-fit:cover}.section-subgroup{display:flex;flex-direction:column;gap:6px}.section-subtitle{display:flex;align-items:baseline;gap:8px;font-size:11px}.section-subtitle-latin{font-size:10px;color:var(--muted)}@media (min-width: 680px){.workshop-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.workshop-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}.game-view{height:70vh;min-height:420px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(43,255,209,.2);background:#08090f;touch-action:none}.game-sidebar{display:flex;flex-direction:column;gap:16px}.game-panel{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0a0c14b3;display:flex;flex-direction:column;gap:12px}.game-panel-title{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.dice-panel{display:grid;gap:8px}.dice-button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#080a12cc;color:var(--text);text-align:left;transition:.2s ease}.dice-button:disabled{opacity:.5}.dice-button:hover:not(:disabled){border-color:#2bffd180;box-shadow:var(--glow)}.dice-button-icon{width:40px;height:40px}.dice-button-icon text{font-size:18px}.dice-button-info{display:flex;flex-direction:column;gap:2px}.dice-button-name{font-size:12px}.dice-button-count{font-size:10px;color:var(--muted)}.dice-roll{font-size:11px;color:var(--accent)}.choice-panel{display:grid;gap:8px}.choice-button{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#080a12cc;color:var(--text);font-size:11px;text-align:left}.choice-button:hover{border-color:#ffb84d99;box-shadow:0 0 10px #ffb84d4d}@media (max-width: 960px){.game-shell{grid-template-columns:1fr}.game-view{height:60vh}}@media (max-width: 600px){.game-view{height:52vh;min-height:320px}.dice-button{padding:8px}.dice-button-icon{width:34px;height:34px}}.auth-page{flex:1;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:32px 18px}.auth-stack{width:min(420px,100%);display:grid;gap:12px}.auth-tabs{display:flex;align-items:flex-end;justify-content:flex-start;gap:6px;margin-bottom:-1px}.auth-tab{padding:8px 14px;border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.16);border-bottom:none;background:#050810b3;color:var(--muted);font-size:12px;cursor:pointer}.auth-tab.is-active{background:var(--panel-2);color:var(--text);border-color:#2bffd166;box-shadow:var(--glow)}.auth-card{max-width:100%;border-top-left-radius:0;border-top-right-radius:0}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.album-page,.album-shell{display:flex;flex-direction:column;gap:12px}.album-toolbar{display:flex;flex-direction:column;gap:10px}.album-toolbar-title{font-family:var(--font-display);font-size:14px;letter-spacing:.6px;color:var(--accent)}.album-toolbar-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.album-toolbar-page{font-size:11px;color:var(--muted)}.album-book{--page-gap: 14px;--page-pad: 14px;--page-width: calc( (100% - (var(--page-pad) * 2) - var(--page-gap)) / 2 );position:relative;padding:var(--page-pad);border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#0a0e18f2,#04060cf2);box-shadow:0 24px 40px #00000073;perspective:1400px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.album-book.is-dragging{cursor:grabbing}.album-book:before{content:"";position:absolute;top:var(--page-pad);bottom:var(--page-pad);left:50%;width:2px;transform:translate(-1px);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.08) 80%,transparent 100%);pointer-events:none}.album-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--page-gap);min-height:480px;position:relative;z-index:1}.album-page-card{position:relative;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 20%,#3f7cff14,#080a12f2);min-height:450px;overflow:hidden;box-shadow:inset 0 0 18px #00000080}.album-page-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px);opacity:.3;pointer-events:none}.album-page-card.is-empty{background:#080a1299}.album-page-header{display:flex;flex-direction:column;gap:4px}.album-page-title{font-family:var(--font-display);font-size:16px}.album-page-subtitle{font-size:11px;color:var(--muted)}.album-page-number{position:absolute;bottom:12px;right:14px;font-size:10px;color:var(--muted)}.album-cover{display:grid;place-items:center;text-align:center;gap:6px;background:radial-gradient(circle at 30% 20%,#ff5bc22e,#060810f5)}.album-cover-title{font-family:var(--font-display);font-size:28px;letter-spacing:1px;color:var(--accent)}.album-cover-sub{font-size:18px;color:var(--text);letter-spacing:1px}.album-cover-mark{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.album-index-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.album-index-list li{display:flex;gap:10px;align-items:center}.album-index-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px #fff3}.album-index-title{font-size:12px}.album-index-sub{font-size:10px;color:var(--muted)}.album-slot-grid{--slot-accent: rgba(255, 255, 255, .16);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.album-slot{position:relative;border-radius:12px;aspect-ratio:1 / 1;background:#06080eb3;border:1px dashed var(--slot-accent);display:grid;place-items:center;font-size:11px;color:var(--muted)}.album-slot:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.album-flip{position:absolute;top:var(--page-pad);bottom:var(--page-pad);width:var(--page-width);transform-style:preserve-3d;z-index:4;pointer-events:none}.album-flip.is-next{left:calc(var(--page-pad) + var(--page-width) + var(--page-gap));transform-origin:left center;animation:albumFlipNext .72s ease forwards}.album-flip.is-prev{left:var(--page-pad);transform-origin:right center;animation:albumFlipPrev .72s ease forwards}.album-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;transform-style:preserve-3d}.album-flip-back{transform:rotateY(180deg)}.album-flip .album-page-card{height:100%}@keyframes albumFlipNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes albumFlipPrev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media (max-width: 920px){.album-spread{grid-template-columns:1fr}.album-book:before{display:none}.album-flip{display:none}}@media (min-width: 860px){.album-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.home-week{position:relative;overflow:hidden}.week-strip{display:flex;gap:8px;align-items:flex-start;padding:4px 0 12px;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 65%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 65%,transparent 100%)}.week-day{border:none;background:transparent;padding:0;display:block;text-align:left;color:inherit}.week-card{width:54px;height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#080a12b3;display:flex;flex-direction:column;justify-content:space-between;padding:6px 6px 8px;position:relative;box-shadow:inset 0 0 12px #0009}.week-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.week-number{font-family:var(--font-display);font-size:20px;color:var(--text);align-self:flex-end}.week-day.is-active .week-card{border-color:#2bffd199;box-shadow:var(--glow)}.week-day.is-active .week-number{color:var(--accent)}.home-habits{display:flex;flex-direction:column;gap:16px}.home-group{display:flex;flex-direction:column;gap:8px}.home-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.habit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.habit-tile{border:1px solid rgba(255,255,255,.12);background:#080a12b3;border-radius:10px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;aspect-ratio:1 / 1;text-align:left;color:var(--text);box-shadow:inset 0 0 10px #0009;transition:.2s ease;position:relative;overflow:hidden}.habit-tile:hover{border-color:#2bffd159}.habit-tile.is-complete{border-color:#2bffd1b3;box-shadow:var(--glow)}.habit-tile.is-complete .habit-tile-content{opacity:.2}.habit-tile-content{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:100%}.habit-tile-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text)}.habit-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.habit-solaris{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 18px #2bffd199;flex-shrink:0;opacity:.9}.habit-tile-points{font-size:11px;color:var(--accent);font-family:var(--font-display);align-self:flex-end}.home-goals,.goal-panel{display:flex;flex-direction:column;gap:16px}.goal-panel-header{display:flex;flex-direction:column;gap:10px}.goal-panel-sub{font-size:11px;color:var(--muted)}.goal-panel-meta{margin-top:6px;font-size:10px;color:var(--muted)}.goal-list{display:grid;gap:12px}.goal-empty{font-size:12px;color:var(--muted)}.goal-item{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;background:#080a1299;border:1px solid rgba(255,255,255,.06)}.goal-item.is-complete{opacity:.85;border-color:#2bffd133}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.goal-title{font-family:var(--font-display);font-size:14px;color:var(--text)}.goal-meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.goal-total{font-size:11px;color:var(--muted)}.goal-progress{text-align:right}.goal-count{font-family:var(--font-display);font-size:18px;color:var(--accent)}.goal-remaining{font-size:11px;color:var(--muted)}.goal-footer{display:flex;flex-direction:column;gap:10px}.goal-streak{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.goal-streak.is-active{color:var(--text)}.goal-crystal{width:16px;height:20px;opacity:.4;filter:drop-shadow(0 0 6px rgba(105,220,255,.45))}.goal-streak.is-active .goal-crystal{opacity:1;filter:drop-shadow(0 0 10px rgba(105,220,255,.85))}.goal-actions{display:flex;gap:8px;flex-wrap:wrap}.goal-history-wrap{position:relative}.goal-history-popover{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;max-width:240px;background:var(--panel-2);border-radius:10px;border:1px solid rgba(255,255,255,.08);padding:10px;z-index:5;box-shadow:0 12px 24px #0006}.goal-history-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:8px}.goal-calendar-day{font-size:9px;padding:4px 0;border-radius:6px;text-align:center;background:#080a1299;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.goal-calendar-day.is-done{border-color:#2bffd1b3;color:var(--accent);box-shadow:var(--glow)}.goal-calendar-day.is-today{border-color:#fff9;color:var(--text)}.goal-history-title{font-size:11px;font-family:var(--font-display);color:var(--accent);margin-bottom:6px}.goal-history-empty{font-size:11px;color:var(--muted)}.goal-history-list{list-style:none;padding:0;margin:0;display:grid;gap:4px;max-height:140px;overflow-y:auto;font-size:11px}.goal-history-total{margin-top:6px;font-size:10px;color:var(--muted)}.goal-reward{font-size:11px;color:var(--muted)}.goal-reward.is-complete{color:var(--accent)}.goal-completed{margin-top:12px;display:flex;flex-direction:column;gap:10px}.goal-completed-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.goal-completed-title{font-family:var(--font-display);font-size:12px;color:var(--accent)}@media (min-width: 680px){.goal-footer,.goal-panel-header{flex-direction:row;justify-content:space-between;align-items:center}}.goal-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;display:grid;place-items:center;z-index:60}.goal-modal{width:min(92vw,480px);display:flex;flex-direction:column;gap:12px}.goal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.goal-form-grid{display:grid;gap:12px}.goal-modal-actions{display:flex;justify-content:flex-end;gap:8px}.shop-page{display:flex;flex-direction:column;gap:16px}.shop-feedback{padding:10px 12px;border-radius:12px;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#080a12b3}.shop-feedback.success{color:var(--accent);border-color:#2bffd173;box-shadow:0 0 12px #2bffd133}.shop-feedback.error{color:#ff9ac8;border-color:#ff787873;box-shadow:0 0 12px #ff787833}.shop-metrics{background:linear-gradient(135deg,#121526eb,#080a16f5);border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:16px;display:grid;gap:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0009}.shop-metrics:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgba(255,79,216,.1),transparent 45%);opacity:.55;pointer-events:none}.shop-metrics-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:1}.shop-metrics-title{font-family:var(--font-display);font-size:15px}.shop-metrics-subtitle{font-size:11px;color:var(--muted);max-width:280px}.shop-metrics-chip{font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:4px 8px;border-radius:999px;background:#2bffd126;border:1px solid rgba(43,255,209,.4);color:var(--accent);white-space:nowrap}.shop-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;position:relative;z-index:1}.shop-metric{background:#060810bf;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.shop-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.shop-metric-value{font-family:var(--font-display);font-size:20px;color:var(--text)}.shop-metric-helper{font-size:10px;color:var(--muted)}.shop-estimate{display:grid;gap:6px;position:relative;z-index:1}.shop-estimate-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.shop-estimate-row strong{color:var(--text);font-family:var(--font-display);font-size:12px}.shop-estimate-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.shop-estimate-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #2bffd180}.shop-frequency{display:grid;gap:8px;position:relative;z-index:1}.shop-frequency-title{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.shop-frequency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.shop-frequency-card{background:#090b14b3;border-radius:10px;border:1px solid rgba(255,255,255,.05);padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.shop-frequency-card strong{font-family:var(--font-display);font-size:16px;color:var(--text)}.shop-shelves{display:grid;gap:18px}.shop-shelf{position:relative;padding:14px 14px 32px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#121424f2,#080a14e6);box-shadow:inset 0 0 18px #000000b3}.shop-shelf:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 45%);opacity:.45;pointer-events:none}.shop-shelf:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--shelf-accent, var(--accent)),transparent);opacity:.45;box-shadow:0 0 14px var(--shelf-accent, var(--accent))}.shop-shelf-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative;z-index:1}.shop-shelf-title{font-family:var(--font-display);font-size:14px}.shop-shelf-subtitle{font-size:11px;color:var(--muted);max-width:260px}.shop-shelf-tag{font-size:9px;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px;border-radius:999px;border:1px solid var(--shelf-accent, rgba(255, 255, 255, .2));color:var(--text);background:#ffffff0a}.shop-shelf-items{display:grid;gap:12px;position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-dice-card{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.4fr);gap:12px;align-items:stretch;padding:12px;border-radius:16px;background:#080a12bf;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.shop-dice-card.is-purchased{box-shadow:0 0 18px var(--dice-glow, rgba(43, 255, 209, .4));border-color:#fff3;animation:shop-pulse 1.2s ease}.shop-dice-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,var(--dice-accent, var(--accent)),transparent);opacity:.08;pointer-events:none}.shop-dice-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);mix-blend-mode:screen;pointer-events:none}@keyframes shop-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.shop-dice-heading{display:flex;flex-direction:column;gap:4px}.shop-dice-name{font-size:14px}.shop-dice-tagline{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.shop-dice-meta{display:flex;gap:12px;flex-wrap:wrap}.shop-dice-faces,.shop-dice-bonus{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.shop-dice-faces strong{font-size:18px;font-family:var(--font-display);color:var(--text)}.shop-dice-bonus ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.shop-dice-bonus li{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text)}.shop-bonus-empty{font-size:10px;color:var(--muted)}.shop-dice-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:auto}.shop-dice-left{display:flex;flex-direction:column;gap:10px}.shop-dice-right{display:flex;flex-direction:column;gap:14px;height:100%}.shop-dice-visual{width:108px;height:108px;display:grid;place-items:center;position:relative}.shop-dice-visual:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:24px;background:radial-gradient(circle,var(--dice-glow, rgba(43, 255, 209, .4)),transparent 60%);opacity:.65;filter:blur(8px)}.shop-dice-svg{width:92px;height:92px;filter:drop-shadow(0 0 12px var(--dice-glow, rgba(43, 255, 209, .4)))}.shop-dice-svg text{font-family:var(--font-display);font-size:26px;letter-spacing:1px}.shop-card-cost{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);color:var(--dice-accent, var(--accent))}.shop-solaris{width:20px;height:20px;border-radius:50%;box-shadow:0 0 10px var(--dice-glow, rgba(43, 255, 209, .4))}@media (max-width: 640px){.shop-dice-card{grid-template-columns:1fr}.shop-dice-visual{width:100%}}@media (max-width: 960px){.shop-shelf-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.shop-shelf-items{grid-template-columns:1fr}}.retro-page{min-height:100%;display:grid;place-items:center;padding:24px 16px 32px}.retro-stage{position:relative;width:min(960px,100%);padding:clamp(32px,6vw,70px) clamp(20px,6vw,60px) clamp(44px,8vw,90px);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(50,80,150,.22),transparent 55%),linear-gradient(160deg,#14122cf2,#0a0a18f2 55%,#060912fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px #00000080,inset 0 0 50px #ffffff0a;overflow:hidden;text-align:center;animation:stage-in .9s ease-out both}.retro-stage:before{content:"";position:absolute;top:-160px;left:50%;width:340px;height:340px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 30%,rgba(255,246,188,.95),rgba(255,118,198,.6) 52%,rgba(255,118,198,.12) 70%,transparent 72%);opacity:.85;mix-blend-mode:screen;pointer-events:none;z-index:0}.retro-stage:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-42%;height:72%;background-image:linear-gradient(90deg,rgba(43,255,209,.18) 1px,transparent 1px),linear-gradient(0deg,rgba(43,255,209,.18) 1px,transparent 1px);background-size:46px 28px;transform:perspective(600px) rotateX(65deg);transform-origin:bottom;opacity:.25;pointer-events:none;z-index:0;animation:grid-drift 8s linear infinite}.retro-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}.retro-kicker{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--accent)}.retro-title{margin:0;font-family:var(--font-display);font-size:clamp(28px,6vw,72px);line-height:1.05;letter-spacing:2px;text-transform:uppercase;color:transparent;background-image:linear-gradient(180deg,#fff,#dfe6ff 12%,#8aa3ff,#fff 40%,#4a6cff 56%,#dfe6ff 70%,#6f7bff 82%,#fff);background-size:100% 180%;background-clip:text;-webkit-background-clip:text;text-shadow:0 2px 0 rgba(0,0,0,.5),0 18px 35px rgba(7,6,16,.65);position:relative;display:inline-block;z-index:1;animation:chrome-shift 6s ease-in-out infinite}.retro-title:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.9) 45%,transparent 62%);background-size:200% 100%;background-position:120% 50%;background-clip:text;-webkit-background-clip:text;mix-blend-mode:screen;opacity:.8;animation:chrome-sheen 3.8s ease-in-out infinite;z-index:2;pointer-events:none}.retro-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;text-shadow:0 0 12px rgba(43,255,209,.65),0 0 32px rgba(255,79,216,.55),0 0 48px rgba(255,79,216,.35);z-index:-1;pointer-events:none}.retro-subtitle{margin:0;max-width:520px;color:var(--muted);font-size:14px;letter-spacing:.4px}.retro-tags{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.retro-tags span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}@keyframes chrome-shift{0%,to{background-position:0% 10%}50%{background-position:0% 90%}}@keyframes chrome-sheen{0%{background-position:140% 50%;opacity:0}30%{opacity:.9}60%{background-position:-30% 50%;opacity:.8}to{background-position:-140% 50%;opacity:0}}@keyframes grid-drift{0%{transform:perspective(600px) rotateX(65deg) translateY(0)}to{transform:perspective(600px) rotateX(65deg) translateY(18px)}}@keyframes stage-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.retro-title{letter-spacing:1px}.retro-stage:after{background-size:36px 22px}}@media (prefers-reduced-motion: reduce){.retro-stage,.retro-title,.retro-title:before,.retro-stage:after{animation:none}}@media (min-width: 768px){.app-main{padding:calc(var(--topbar-height) + 24px + env(safe-area-inset-top)) 40px calc(var(--bottomnav-height) + 24px + env(safe-area-inset-bottom))}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card-top{flex-direction:row;align-items:center}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav{width:min(520px,calc(100% - 32px));left:50%;right:auto;transform:translate(-50%);border-radius:16px 16px 0 0}}@media (max-width: 720px){:root{--topbar-height: 152px;--bottomnav-height: 64px}.app-main{padding:calc(var(--topbar-height) + 12px + env(safe-area-inset-top)) 14px calc(var(--bottomnav-height) + 12px + env(safe-area-inset-bottom))}.top-bar{flex-direction:column;align-items:stretch;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px}.top-left{flex:none;width:100%;flex-wrap:wrap;justify-content:space-between;row-gap:8px}.top-center{position:static;transform:none;width:100%;justify-content:center}.profile-name{font-size:10px}.profile-status{font-size:9px}.top-actions{width:100%;flex-direction:column;align-items:stretch;gap:8px}.topbar-divider{width:100%;height:1px;margin:0}.solaris-stack,.dice-stack{flex-wrap:wrap;justify-content:space-between}.solaris-item,.dice-item{padding:4px 5px}.bottom-nav{padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.nav-link{padding:6px 4px;font-size:8px}}