@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700&family=Space+Mono:wght@400;700&family=Work+Sans:wght@400;500;600&display=swap";:root{--surface: #f8faf9;--surface-dim: #d8dada;--surface-bright: #ffffff;--surface-container-low: #f2f4f3;--surface-container: #eceeed;--surface-container-high: #e6e9e8;--on-surface: #191c1c;--on-surface-variant: #3f4947;--outline: #6f7977;--outline-variant: #bfc9c7;--primary: #246864;--on-primary: #ffffff;--primary-container: #7dbeb8;--secondary: #4e644f;--secondary-container: #cde6cc;--tertiary: #7d562d;--tertiary-container: #daa978;--gold: #dba84d;--palette-violet: #7862c9;--palette-lavender: #9a70da;--palette-blue: #557fc1;--palette-teal: #2ba9b4;--palette-sky: #8fc8e8;--palette-mint: #8bd4b8;--palette-green: #4db181;--shadow: 0 18px 46px rgba(125, 190, 184, .18);--inner-glow: inset 0 1px 0 rgba(255, 255, 255, .78);--meditating-monk-size: min(30.72vw, 168px);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}*{box-sizing:border-box}html{min-height:100%;background:var(--surface)}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;color:var(--on-surface);background:linear-gradient(180deg,#cde6cc61,#f8faf9db 30%),var(--surface);font-family:Work Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}#root{min-height:100vh;min-height:100svh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;min-height:100svh;width:100%;display:flex;overflow-x:hidden}.app-shell{--safe-bottom: env(safe-area-inset-bottom, 0px);--shell-inline: 20px;--shell-top: 116px;--shell-bottom: 108px;--topbar-height: 72px;--bottom-nav-height: calc(92px + var(--safe-bottom));--quest-action-height: 112px;--quest-action-gap: 16px;--mobile-frame-width: 430px;position:relative;width:100%;min-height:100vh;min-height:100svh;padding:var(--shell-top) var(--shell-inline) var(--shell-bottom);overflow-x:hidden}.app-shell-meditate{--primary: #665ebd;--primary-container: #bfeff4;--secondary: #3b8fa3;--secondary-container: #dff8fb;--tertiary: #8060bd;--shadow: 0 18px 46px rgba(112, 94, 190, .16);background:radial-gradient(ellipse at 50% 22%,rgba(255,255,255,.76),transparent 44%),linear-gradient(135deg,#f5edff,#ede9ff 38%,#e6f4ff 70%,#dffafa)}.app-shell-monk{--primary: #206fa9;--primary-container: #bfe5ff;--secondary: #416eb4;--secondary-container: #d9efff;--tertiary: #526dbb;--shadow: 0 18px 46px rgba(47, 112, 173, .16);background:radial-gradient(ellipse at 48% 20%,rgba(255,255,255,.58),transparent 44%),linear-gradient(135deg,#eaf7ff,#cae6fb 35%,#94c2e7 66%,#5aa8cf)}.app-shell-progress{--primary: #247f66;--primary-container: #b9ecd8;--secondary: #3a8059;--secondary-container: #dcf6df;--tertiary: #3e8f8d;--shadow: 0 18px 46px rgba(58, 143, 102, .16);background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.66),transparent 44%),linear-gradient(135deg,#effcf1,#d9f7df 34%,#a9dec6,#5bb9a7)}.app-shell-meditate .topbar,.app-shell-monk .topbar,.app-shell-progress .topbar{background:#f9f8f3;border-bottom-color:#6f79771f}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;width:100%;height:var(--topbar-height);display:flex;align-items:center;justify-content:center;padding:8px calc(16px + env(safe-area-inset-right,0px)) 8px calc(16px + env(safe-area-inset-left,0px));background:#f9f8f3;border-bottom:1px solid rgba(111,121,119,.12);border-radius:0;box-shadow:var(--shadow)}.topbar-logo-frame{width:clamp(150px,42vw,180px);aspect-ratio:1364 / 420;display:block;flex:0 0 auto;background:transparent}.topbar-logo{width:100%;height:100%;display:block;object-fit:contain}.topbar-over-map{background:#f9f8f3}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-full);color:var(--primary);background:transparent}.icon-button:hover{background:#7dbeb826}.screen-stack{position:relative}.screen-panel{animation:screenIn .18s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-panel,.profile-panel,.equipment-panel,.skill-panel,.milestone-panel,.gamification-panel,.meditation-controls,.quest-action-band,.stat-card,.artifact-card,.monk-options-panel{border:1px solid rgba(255,255,255,.76);background:#ffffff9e;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.primary-button,.secondary-button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-full);padding:0 26px;border:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:17px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-button{background:var(--primary);color:var(--on-primary);box-shadow:var(--inner-glow),0 12px 30px #2468643d}.primary-button strong{font-family:Space Mono,monospace;font-size:14px}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.nav-item:hover{transform:scale(1.02)}.primary-button:disabled{opacity:.55}.secondary-button{border:1px solid rgba(36,104,100,.18);background:#ffffffa3;color:var(--primary)}.eyebrow{margin:0;color:var(--tertiary);font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quiet-text{color:var(--on-surface-variant)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px calc(18px + env(safe-area-inset-right,0px)) calc(14px + var(--safe-bottom)) calc(18px + env(safe-area-inset-left,0px));border-radius:0;background:#ffffffd6;border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -10px 32px #2468641f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{position:relative;min-width:0;min-height:62px;padding:4px 2px 5px;display:grid;grid-template-rows:32px auto;align-content:center;justify-items:center;gap:3px;border:0;border-radius:16px;color:var(--on-surface-variant);background:transparent;transition:transform .16s ease,background .16s ease,color .16s ease}.nav-item:before{content:"";position:absolute;top:3px;left:50%;z-index:0;width:54px;height:34px;border-radius:var(--radius-full);background:transparent;opacity:0;transform:translate(-50%) scale(.84);transition:opacity .16s ease,transform .16s ease,background .16s ease}.nav-item:hover{transform:translateY(-1px)}.nav-item svg,.nav-item span{position:relative;z-index:1}.nav-item svg{align-self:center}.nav-item span{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(12px,2.7vw,14px);font-weight:700;line-height:1}.nav-item-active{color:var(--primary);background:transparent}.nav-item-active:before{background:#7dbeb857;box-shadow:var(--inner-glow),0 8px 18px #24686414;opacity:1;transform:translate(-50%) scale(1)}.nav-item:focus-visible{outline:3px solid rgba(36,104,100,.28);outline-offset:2px}.quest-screen{--quest-world-height: 1672px;position:relative;isolation:isolate;margin:calc(var(--shell-top) * -1) calc(var(--shell-inline) * -1) calc(var(--shell-bottom) * -1);min-height:100vh;min-height:100svh;padding:var(--topbar-height) 0 calc(var(--bottom-nav-height) + var(--quest-action-height) + 72px);overflow:visible;background:#162313}.quest-realm-backdrop{position:absolute;z-index:0;inset:0;background-image:var(--quest-mobile-background-image);background-position:center top;background-repeat:no-repeat;background-size:cover;pointer-events:none}.quest-realm-blackout{position:absolute;z-index:29;inset:0;background:#050606;opacity:0;pointer-events:none;transition:opacity .72s ease-in-out}.quest-realm-blackout-active{opacity:1}@media(min-width:768px){.quest-screen{--quest-world-height: clamp(1440px, 170svh, 1672px)}.quest-realm-backdrop{background-image:var(--quest-desktop-background-image);background-position:calc(50% - clamp(40px,2.5vw,52px)) center}}.quest-world{position:relative;z-index:2;width:min(100%,var(--mobile-frame-width));height:var(--quest-world-height);margin:0 auto 16px;border-radius:0;overflow:visible;isolation:isolate;background:transparent;box-shadow:none}.quest-world:before{content:none}.quest-world:after{content:none}.quest-path{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.quest-path path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.quest-path-shadow{stroke:#ffe68e33;stroke-width:10px;filter:blur(6px)}.quest-path-road{stroke:#fff4ba29;stroke-width:3px;filter:drop-shadow(0 0 8px rgba(255,232,156,.42))}.monk-scroll-anchor{position:absolute;z-index:8;width:1px;height:1px;transform:translate(-50%,-50%);scroll-margin-top:calc(var(--topbar-height) + 24px);scroll-margin-bottom:calc(var(--bottom-nav-height) + var(--quest-action-height) + var(--quest-action-gap) + 128px);pointer-events:none}.quest-path-dots{position:absolute;z-index:3;inset:0;pointer-events:none}.quest-path-dot{position:absolute;width:7px;height:7px;border-radius:var(--radius-full);background:#fffcdff5;filter:drop-shadow(0 0 5px rgba(255,222,126,.9));transform:translate(-50%,-50%)}.map-monk-anchor{position:absolute;z-index:10;--map-monk-height: 108px;--map-monk-lotus-gap: 25px;width:1px;height:1px;transform:translate(-50%,-50%);pointer-events:none;transition:left 1s cubic-bezier(.22,1,.36,1),top 1s cubic-bezier(.22,1,.36,1)}.map-monk{position:absolute;left:50%;bottom:var(--map-monk-lotus-gap);width:auto;height:var(--map-monk-height);transform:translate(-50%);transform-origin:center bottom;image-rendering:auto;filter:drop-shadow(0 12px 18px rgba(46,49,49,.22));pointer-events:none}.map-monk-moving{animation:mapMonkMeditate 1s ease-in-out}.level-node{position:absolute;z-index:7;--lotus-width: 84px;--lotus-number-size: 27px;--lotus-label-offset: 48px;width:100px;height:84px;transform:translate(-50%,-50%);color:#312106;font-family:Space Mono,monospace;font-weight:700;pointer-events:none}.level-node-button{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;background:transparent;pointer-events:auto}.level-node-button:disabled{cursor:default}.level-node-button:focus-visible{outline:3px solid rgba(255,244,198,.86);outline-offset:-8px;border-radius:var(--radius-full)}.level-lotus{position:relative;display:grid;place-items:center;width:var(--lotus-width);min-height:72px}.level-lotus-image{position:relative;z-index:2;width:var(--lotus-width);height:auto;display:block;filter:drop-shadow(0 10px 12px rgba(48,48,32,.22))}.level-node-status-next{--lotus-width: 88px;--lotus-number-size: 27px}.level-node-status-current{--lotus-width: 90px;--lotus-number-size: 27px;z-index:8}.level-node-status-completed,.level-node-status-locked{--lotus-width: 88px}.level-node-number{position:absolute;z-index:4;top:43%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);color:#69440d;text-shadow:0 1px 0 rgba(255,255,255,.78),0 0 8px rgba(255,238,183,.7);font-size:var(--lotus-number-size);line-height:1}.level-current-ring{position:absolute;z-index:1;left:50%;top:64%;width:14px;height:14px;transform:translate(-50%,-50%) scaleX(1.9) scale(.15);border:3px solid rgba(255,241,151,.96);border-radius:var(--radius-full);box-shadow:0 0 10px #fff7baf2,0 0 26px #ffc544b8,inset 0 0 14px #ffffdd94;animation:questCurrentRing 3.4s ease-out infinite;pointer-events:none}.level-status-label{position:absolute;top:50%;width:96px;transform:translateY(-45%);color:#ffffebed;font-family:Work Sans,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.16;display:grid;gap:1px;text-shadow:0 2px 6px rgba(30,45,22,.62),0 0 10px rgba(28,46,24,.38);pointer-events:none}.level-status-number{font-family:Space Mono,monospace;font-size:24px;line-height:.95}.level-node-label-right .level-status-label{left:calc(50% + var(--lotus-label-offset));text-align:left}.level-node-label-left .level-status-label{right:calc(50% + var(--lotus-label-offset));text-align:right}@keyframes questCurrentRing{0%{opacity:0;transform:translate(-50%,-50%) scaleX(1.9) scale(.15)}12%{opacity:.9;transform:translate(-50%,-50%) scaleX(1.9) scale(1.05)}55%{opacity:.68;transform:translate(-50%,-50%) scaleX(1.9) scale(5)}72%{opacity:0;transform:translate(-50%,-50%) scaleX(1.9) scale(5.8)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.9) scale(5.8)}}@keyframes mapMonkMeditate{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-4px) scale(1.03)}}@media(prefers-reduced-motion:reduce){.map-monk-anchor,.map-monk,.level-current-ring,.quest-realm-blackout{animation:none;transition:none}}.quest-action-band{position:fixed;z-index:28;bottom:calc(var(--bottom-nav-height) + var(--quest-action-gap));left:50%;width:min(calc(100% - 40px),var(--mobile-frame-width));min-height:var(--quest-action-height);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;transform:translate(-50%);margin:0;padding:12px 14px;border-radius:var(--radius-lg)}.quest-action-band>div{min-width:0}.quest-action-band .primary-button{min-height:46px;padding:0 18px;font-size:16px}.quest-action-band .eyebrow{line-height:1.25}.quest-action-band h2{margin:2px 0 3px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:22px;line-height:1.08;overflow-wrap:break-word}.quest-action-band p:last-child{margin:0;font-size:14px;line-height:1.35;overflow-wrap:break-word}.meditate-screen{min-height:calc(100vh - 244px);display:grid;align-content:start;gap:20px;padding-bottom:28px}.aura-stage{position:relative;width:min(82vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto;isolation:isolate}.aura-stage:before,.aura-stage:after{content:"";position:absolute;inset:7%;z-index:0;border:2px solid rgba(85,127,193,.26);border-radius:var(--radius-full);box-shadow:0 0 22px #557fc121,inset 0 0 30px #2ba9b41a;opacity:0;animation:auraRipple 4.8s ease-out infinite}.aura-stage:after{animation-delay:2.4s}.aura-ring,.aura-fill{position:absolute;z-index:1;border-radius:var(--radius-full)}.aura-ring-outer{inset:7%;border:5px solid rgba(125,190,184,.58);animation:auraRingPulse 4.8s ease-in-out infinite}.aura-ring-inner{inset:14%;border:3px solid rgba(205,230,204,.8);animation:auraInnerPulse 4.8s ease-in-out infinite}.aura-fill{inset:21%;background:#7dbeb829;box-shadow:inset 0 0 60px #7dbeb833;animation:auraFillPulse 4.8s ease-in-out infinite}.app-shell-meditate .aura-ring-outer{border-color:#ffffffeb;box-shadow:0 0 38px #557fc121}.app-shell-meditate .aura-ring-inner{border-color:#557fc147}.app-shell-meditate .aura-fill{background:linear-gradient(135deg,#9a70da1f,#2ba9b424);box-shadow:inset 0 0 64px #665ebd26}@keyframes auraRipple{0%{opacity:0;transform:scale(.9)}18%{opacity:.48}72%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}@keyframes auraRingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes auraInnerPulse{0%,to{opacity:.84;transform:scale(1)}50%{opacity:1;transform:scale(.985)}}@keyframes auraFillPulse{0%,to{transform:scale(1);opacity:.86}50%{transform:scale(1.035);opacity:1}}@media(prefers-reduced-motion:reduce){.aura-stage:before,.aura-stage:after,.aura-ring-outer,.aura-ring-inner,.aura-fill{animation:none}.aura-stage:before,.aura-stage:after{opacity:0}}.meditating-monk{position:relative;z-index:2;width:var(--meditating-monk-size);height:auto;filter:drop-shadow(0 14px 22px rgba(46,49,49,.13))}.idle-breathe{animation:monkBreathe 3.2s ease-in-out infinite}@keyframes monkBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}.meditation-controls{width:min(100%,632px);margin:0 auto;padding:24px;border-radius:32px}.app-shell-meditate .meditation-controls{border-color:#ffffffc7;background:linear-gradient(135deg,#ffffffa8,#eef8ff75),#ffffff75;box-shadow:0 18px 46px #705ebe24}.chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.time-chip{min-height:56px;border:2px solid rgba(111,121,119,.22);border-radius:var(--radius-full);background:#ffffffbd;color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(17px,5vw,24px);font-weight:700}.time-chip-active{border-color:var(--primary-container);background:#adefe8c2;color:var(--primary);box-shadow:0 0 0 3px #7dbeb847}.app-shell-meditate .time-chip-active{border-color:#2ba9b470;background:linear-gradient(135deg,#fffffff0,#daf8fad1 45%,#ebe2ffdb),var(--surface-bright);color:#595bb6;box-shadow:0 0 0 3px #665ebd2e}.custom-time{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:16px;padding:8px 18px;border-radius:var(--radius-full);background:#f2f4f3d1;color:var(--on-surface-variant);font-family:Space Mono,monospace;font-size:14px;font-weight:700}.custom-time input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:24px;font-weight:700;text-align:center}.start-journey{width:100%;min-height:68px;margin-top:16px;font-size:clamp(21px,5vw,32px)}.app-shell-meditate .start-journey{background:linear-gradient(100deg,var(--palette-violet),var(--palette-blue) 56%,var(--palette-teal));box-shadow:var(--inner-glow),0 14px 34px #557fc13d}.progress-screen{display:grid;gap:24px}.app-shell-progress .profile-panel,.app-shell-progress .stat-card,.app-shell-progress .gamification-panel{border-color:#ffffffb8;background:linear-gradient(135deg,#ffffffa8,#e5f8ea75),#ffffff80;box-shadow:var(--shadow)}.app-shell-progress .profile-panel p,.app-shell-progress .streak-reward small,.app-shell-progress .badge-card span{color:#26483bc2}.monk-screen{--monk-bg: var(--surface);--monk-surface: rgba(255, 255, 255, .66);--monk-indigo: var(--primary);--monk-cyan: var(--primary-container);--monk-options-height: 186px;width:min(100%,560px);height:calc(100svh - var(--shell-top) - var(--shell-bottom));min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:16px;margin:0 auto;padding:0;overflow:visible;border:0;border-radius:0;color:var(--on-surface);background:transparent;box-shadow:none}.app-shell-monk .monk-screen{--monk-bg: #eaf7ff;--monk-surface: rgba(255, 255, 255, .58);--monk-indigo: #206fa9;--monk-cyan: #bfe5ff;background:transparent;box-shadow:none}.monk-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(82px,18%,104px);gap:14px}.monk-preview{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:var(--radius);background:linear-gradient(180deg,#ffffffd6,#f2f4f3b3),var(--monk-surface);box-shadow:inset 0 1px #ffffffc7}.app-shell-monk .monk-preview{background:linear-gradient(145deg,#ffffffbd,#cfe9ff85 46%,#5da8cf47),var(--monk-surface);box-shadow:inset 0 1px #ffffffc7,0 18px 42px #206fa924}.monk-preview img{position:absolute;top:50%;left:50%;width:auto;max-width:80%;height:91%;max-height:100%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 22px rgba(46,49,49,.14))}.monk-category-rail{min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.monk-category-button{min-width:0;min-height:0;display:grid;place-items:center;align-content:center;gap:5px;padding:6px;border:1px solid rgba(111,121,119,.14);border-radius:var(--radius);color:var(--on-surface-variant);background:var(--monk-surface);box-shadow:var(--inner-glow),0 8px 18px #2468640f}.monk-category-button span{max-width:100%;overflow-wrap:anywhere;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1.08;text-align:center}.monk-category-active{border-color:#24686452;color:var(--primary);background:linear-gradient(135deg,#adefe8d1,#cde6ccbd),var(--surface-container-low);box-shadow:var(--inner-glow),0 10px 22px #2468641a}.app-shell-monk .monk-category-active{border-color:#2c6f9f52;color:var(--monk-indigo);background:linear-gradient(135deg,#bfe5ffdb,#e0f3ffc2),var(--surface-container-low);box-shadow:var(--inner-glow),0 10px 22px #3f7eb81f}.monk-options-panel{height:var(--monk-options-height);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border-color:#ffffffc2;border-radius:var(--radius);background:var(--monk-surface);box-shadow:var(--inner-glow),0 12px 30px #2468641a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-shell-monk .monk-options-panel{background:linear-gradient(135deg,#ffffffad,#daefff7a),var(--monk-surface);box-shadow:var(--inner-glow),0 12px 30px #3f7eb81f}.monk-options-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.monk-options-title h3,.profile-panel h2{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.15}.monk-options-title h3{font-size:20px}.monk-options-title span{color:var(--primary);font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.app-shell-monk .monk-options-title span{color:var(--monk-indigo)}.profile-panel h2{font-size:clamp(32px,8vw,42px)}.profile-panel p{margin:10px 0 0;color:var(--on-surface-variant);font-size:18px}.equipment-panel,.skill-panel,.milestone-panel,.gamification-panel,.profile-panel{padding:24px;border-radius:var(--radius-lg)}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title-row h3,.artifact-section h3,.skill-panel h3,.milestone-panel h3,.gamification-panel h3,.reward-panel h3{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:23px;line-height:1.2}.section-title-row span{color:var(--primary);font-family:Space Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.robe-swatch-row{min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.8vw,10px);align-items:center;align-self:stretch}.dye-swatch{position:relative;width:clamp(34px,8.8vw,48px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;border:5px solid rgba(255,255,255,.82);border-radius:var(--radius-full);color:#fff;box-shadow:0 8px 18px #2e31311a}.dye-swatch-active{outline:3px solid var(--primary);outline-offset:4px}.app-shell-monk .dye-swatch-active{outline-color:var(--monk-indigo)}.dye-swatch-locked{box-shadow:inset 0 0 0 999px #1c202033,0 8px 18px #2e313114;opacity:.7}.dye-lock-badge{display:grid;justify-items:center;gap:1px;color:inherit;font-family:Space Mono,monospace;font-size:8px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.32)}.dye-swatch[style*="247, 244, 234"] .dye-lock-badge,.dye-swatch[style*="#F7F4EA"] .dye-lock-badge{text-shadow:none}.monk-option-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.monk-option-button{min-width:0;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(111,121,119,.14);border-radius:var(--radius);color:var(--on-surface-variant);background:#f8faf9bd;text-align:left}.monk-option-button span{min-width:0;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:13px;font-weight:700;line-height:1.1;text-overflow:ellipsis}.monk-option-active{border-color:#2468645c;color:var(--primary);background:#adefe88f}.app-shell-monk .monk-option-active{border-color:#2c6f9f57;color:var(--monk-indigo);background:linear-gradient(135deg,#bfe5ffb8,#ffffffa8)}.monk-option-button:disabled{color:#3e464580}.monk-option-disabled{cursor:not-allowed;filter:grayscale(.9);opacity:.52}.monk-option-disabled svg{color:#3e464594}.monk-head-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.monk-head-button{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;overflow:hidden;border:1px solid rgba(111,121,119,.14);border-radius:var(--radius);color:var(--on-surface-variant);background:#f8faf9bd;text-align:left}.monk-head-name{min-width:0;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.08;text-overflow:ellipsis}.monk-item-locked{color:#3e46458f;background:#edf1efa8;filter:grayscale(.72)}.monk-head-button:disabled .monk-head-thumbnail img{opacity:.64}.monk-unlock-badge{display:inline-flex;align-items:center;justify-self:center;gap:3px;padding:3px 5px;border-radius:var(--radius-full);color:#4c5755;background:#ffffffc7;font-family:Space Mono,monospace;font-size:9px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 3px 8px #2e313114}.monk-head-thumbnail{position:relative;width:42px;height:48px;display:grid;overflow:hidden}.monk-head-thumbnail img{position:absolute;top:0;left:50%;width:56px;max-width:none;height:auto;transform:translate(-50%);filter:drop-shadow(0 5px 8px rgba(46,49,49,.14))}.monk-head-active{border-color:#2468645c;color:var(--primary);background:#adefe88f}.app-shell-monk .monk-head-active{border-color:#2c6f9f57;color:var(--monk-indigo);background:linear-gradient(135deg,#bfe5ffb8,#ffffffa8)}.artifact-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface-container);color:var(--tertiary)}.artifact-card strong{font-family:Space Mono,monospace;font-size:16px}.artifact-card span{color:var(--outline)}.artifact-check{position:absolute;top:12px;right:12px;color:var(--primary)}.save-look{min-height:52px;margin-top:0;background:var(--primary);box-shadow:var(--inner-glow),0 12px 28px #2468643d}.app-shell-monk .save-look{background:linear-gradient(100deg,#276eaf,#4b94ca 56%,#34a8c0);box-shadow:var(--inner-glow),0 12px 28px #2c6f9f3d}.app-shell-monk .save-look-saved{background:linear-gradient(100deg,#247f66,#38a179 60%,#34a8c0)}.profile-panel{display:grid;justify-items:center;text-align:center}.avatar-orbit{position:relative;width:154px;height:154px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-container);box-shadow:inset 0 0 30px #2e31310f}.app-shell-progress .avatar-orbit{background:transparent;box-shadow:none}.avatar-orbit img{width:96px;height:auto}.xp-track,.session-progress{width:100%;height:14px;overflow:hidden;border-radius:var(--radius-full);background:#2e31311f}.xp-track{margin-top:24px}.xp-track span,.session-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary-container),var(--primary))}.app-shell-progress .xp-track span{background:linear-gradient(90deg,#a9e9b8,var(--palette-mint),#249076)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stat-card{min-height:178px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:var(--radius-lg)}.stat-card svg{color:var(--primary)}.stat-card strong{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:48px;font-weight:600}.stat-card span{font-family:Space Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gamification-panel{display:grid;gap:20px}.level-journey-panel{background:linear-gradient(135deg,#ffffffbd,#cde6cc75),#ffffff94}.app-shell-progress .level-journey-panel{background:linear-gradient(135deg,#ffffffc2,#dcf6df8a 48%,#8bd4b857),#ffffff85}.level-journey-inline{width:100%;display:grid;gap:18px;margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-md);box-shadow:var(--inner-glow),0 12px 28px #2468641a;text-align:left}.level-journey-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.level-progress-block{min-width:0;display:grid;gap:8px}.level-progress-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--primary);font-size:14px;font-weight:800;line-height:1.2}.level-progress-labels span{min-width:0}.level-progress-copy{margin:0;color:var(--primary);font-family:Space Mono,monospace;font-size:14px;font-weight:700;line-height:1.2}.level-medallion{width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(219,168,77,.5);border-radius:var(--radius);background:linear-gradient(145deg,#ffe7a6f0,#dba84dd1),var(--gold);color:#6d4613;box-shadow:var(--inner-glow),0 12px 24px #dba84d38}.level-medallion strong{font-family:Space Mono,monospace;font-size:20px;line-height:1}.level-medallion svg{margin-bottom:-8px}.level-journey-track{margin-top:0}.xp-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xp-rule-grid div{min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(36,104,100,.13);border-radius:var(--radius);background:#f8faf9b8;color:var(--primary)}.app-shell-progress .xp-rule-grid div{border-color:#247f6629;background:#f8fdf9b8}.xp-rule-grid span{min-width:0;color:var(--on-surface);font-family:Space Mono,monospace;font-size:12px;font-weight:700;line-height:1.2}.streak-rewards-panel,.badge-panel{background:#ffffff9e}.streak-reward-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.streak-reward{min-width:0;display:grid;justify-items:center;gap:10px;padding:14px 10px;border:1px solid rgba(111,121,119,.14);border-radius:var(--radius);background:#f8faf9c2;color:var(--outline);text-align:center}.streak-reward>div{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-container)}.streak-reward span,.badge-card{min-width:0}.streak-reward strong,.badge-card strong{display:block;color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.15}.streak-reward small,.badge-card span{display:block;margin-top:4px;color:var(--outline);font-size:12px;line-height:1.25}.streak-reward-current{border-color:#24686447;color:var(--primary);background:#cde6cc6b}.app-shell-progress .streak-reward-current{border-color:#247f6657;background:linear-gradient(135deg,#dcf6dfb3,#ffffff94)}.streak-reward-current>div{background:var(--secondary-container);color:var(--secondary)}.streak-reward-earned{border-color:#dba84d8a;background:linear-gradient(180deg,#ffebb7db,#ffffffb8)}.streak-reward-earned>div{background:var(--gold);color:#fff;box-shadow:0 10px 20px #dba84d38}.streak-reward-earned small{color:#7d562d}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.badge-card{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;min-height:132px;padding:14px 8px;border:1px solid rgba(111,121,119,.14);border-radius:var(--radius);background:#f8faf9c2;text-align:center}.badge-card>div{width:50px;height:50px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-container);color:var(--outline)}.badge-card strong{font-size:14px}.badge-requirement{color:var(--secondary)}.badge-earned-mark{position:absolute;top:3px;right:4px;width:16px;height:16px;margin-top:0;display:grid;place-items:center;color:var(--primary);line-height:0;pointer-events:none}.badge-card-earned{border-color:#dba84d80;background:linear-gradient(180deg,#fff4d9e0,#ffffffb8),var(--surface-bright)}.app-shell-progress .badge-card-earned{border-color:#4db1817a;background:linear-gradient(180deg,#e2fae4e6,#ffffffb8),var(--surface-bright)}.app-shell-progress .badge-card-earned>div{background:linear-gradient(135deg,var(--palette-green),#2f9b87)}.badge-card-earned>div{background:var(--gold);color:#fff;box-shadow:0 10px 20px #dba84d33}.app-shell-progress .badge-card-earned .badge-earned-mark{color:var(--primary)}.completion-reward-overlay{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 22%,rgba(255,255,255,.76),transparent 36%),linear-gradient(135deg,#dcf6dff5,#bfeff4eb 48%,#ffecbee0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.completion-reward-card{--completion-card-padding: 18px;position:relative;width:min(100%,520px);max-height:calc(100vh - 24px);max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:var(--completion-card-padding);border:1px solid rgba(255,255,255,.76);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--inner-glow),0 24px 58px #2e564f33}.completion-reward-close{position:absolute;z-index:3;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(36,104,100,.14);border-radius:var(--radius-full);background:#ffffffc7;color:var(--primary);box-shadow:var(--inner-glow),0 8px 18px #2e564f1f}.completion-reward-hero{display:grid;justify-items:center;gap:6px;padding:0 42px;text-align:center}.completion-reward-copy{min-width:0;display:grid;justify-items:center;gap:6px}.completion-reward-hero h2{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:34px;line-height:1.05}.completion-reward-hero p:last-child{margin:0;color:var(--on-surface-variant);font-size:16px;line-height:1.35}.reward-avatar-orbit{width:108px;height:108px;display:grid;place-items:center;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.92) 0 42%,transparent 66%),linear-gradient(135deg,#7dbeb847,#dba84d47);box-shadow:inset 0 0 28px #2e31310f}.reward-avatar-orbit img{width:72px;height:auto}.reward-streak-panel{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid rgba(219,168,77,.48);border-radius:var(--radius);background:radial-gradient(circle at 12% 26%,rgba(255,255,255,.92),transparent 28%),linear-gradient(135deg,#ffebb2f0,#ffffffc2 54%,#dcf6dfdb);box-shadow:inset 0 1px #ffffffd1,0 12px 26px #dba84d29}.reward-streak-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--gold);color:#fff;box-shadow:0 10px 20px #dba84d3d}.reward-streak-copy{min-width:0;display:flex;align-items:center}.reward-streak-copy strong{overflow-wrap:anywhere;color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:25px;line-height:1}.reward-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reward-stat-card{min-width:0;min-height:88px;display:grid;justify-items:center;align-content:center;gap:6px;padding:10px 8px;border:1px solid rgba(36,104,100,.13);border-radius:var(--radius);background:#f8faf9c2;color:var(--primary);text-align:center}.reward-stat-card strong{color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:23px;line-height:1}.reward-stat-card span{color:var(--on-surface-variant);font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.18;text-transform:uppercase}.reward-stat-highlight{border-color:#dba84d85;background:linear-gradient(180deg,#fff1cce6,#ffffffb8);color:#9b691f}.reward-penalty-panel{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(158,82,42,.24);border-radius:var(--radius);background:linear-gradient(180deg,#fff0e5e0,#ffffffad),#f8faf9bd;color:#8c4a2b}.reward-penalty-panel>span{min-width:0;display:inline-flex;align-items:center;gap:10px}.reward-penalty-panel>span>span{min-width:0;display:grid;gap:2px}.reward-penalty-panel strong{color:#7a3f24;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;line-height:1.1}.reward-penalty-panel>strong{font-family:Space Mono,monospace;font-size:13px;white-space:nowrap}.reward-penalty-panel small{color:#7a3f24b8;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.15;text-transform:uppercase}.reward-unlocks-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(219,168,77,.38);border-radius:var(--radius);background:linear-gradient(180deg,#fff4d9e0,#ffffffad),#f8faf9bd}.reward-unlocks-panel .section-title-row h3{font-size:18px}.reward-unlock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.reward-unlock-card{min-width:0;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border:1px solid rgba(219,168,77,.24);border-radius:var(--radius);background:#ffffffa8}.reward-unlock-preview{width:42px;height:52px;display:grid;place-items:center;overflow:visible;border-radius:var(--radius);background:#ffffffb3}.reward-unlock-preview img{width:auto;max-width:42px;height:58px;filter:drop-shadow(0 4px 7px rgba(46,49,49,.13))}.reward-unlock-swatch{width:28px;aspect-ratio:1;border:4px solid rgba(255,255,255,.9);border-radius:var(--radius-full);box-shadow:0 8px 18px #2e31311f}.reward-unlock-card>span{min-width:0;display:grid;gap:3px}.reward-unlock-card strong{overflow:hidden;color:var(--on-surface);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.reward-unlock-card small{color:#7d562d;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.reward-progress-panel{display:grid;gap:8px;padding:12px;border:1px solid rgba(36,104,100,.13);border-radius:var(--radius);background:#f8faf9b3}.reward-progress-panel .section-title-row h3{font-size:18px}.reward-progress-panel .section-title-row span{text-align:right}.reward-progress-panel small{color:var(--on-surface-variant);font-family:Space Mono,monospace;font-size:11px}.reward-xp-track{margin-top:0}.reward-breakdown{display:grid;gap:6px}.reward-breakdown div{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:var(--radius);background:#ffffff94}.reward-breakdown span{color:var(--on-surface-variant)}.reward-breakdown strong{color:var(--primary);font-family:Space Mono,monospace;font-size:12px}.reward-breakdown .reward-breakdown-penalty strong{color:#8c4a2b}.reward-share-status{min-height:15px;margin:-3px 0 0;color:var(--primary);font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-align:center;text-transform:uppercase}.reward-actions{position:sticky;z-index:2;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:8px;background:linear-gradient(180deg,#fff0,#ffffffe6 38%)}.reward-actions-single{grid-template-columns:1fr}.reward-actions .primary-button,.reward-actions .secondary-button{width:100%;min-height:46px}.completion-share-overlay{position:fixed;z-index:95;inset:0;display:grid;place-items:center;justify-items:center;padding:18px;background:linear-gradient(#08201e94,#08201e94),image-set(url(/assets/quest-map-bg.webp) type("image/webp"),url(/assets/quest-map-bg.png) type("image/png")) center / cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.completion-share-card{position:relative;width:min(100%,760px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);display:grid;overflow-y:auto;padding:16px;border:2px solid rgba(216,182,117,.78);border-radius:34px;background:radial-gradient(circle at 50% 4%,rgba(255,255,255,.84),transparent 22%),#fff6e6;box-shadow:0 24px 70px #00000047}.completion-share-close{position:absolute;z-index:3;top:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(31,84,71,.16);border-radius:var(--radius-full);background:#ffffffb8;color:var(--primary)}.completion-share-art{position:relative;display:grid;gap:12px;padding:20px 18px 8px}.completion-share-art h3{margin:0;color:#1f5447;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,66px);font-weight:700;line-height:1;text-align:center}.completion-share-art-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;padding:8px 22px}.completion-share-streak{min-width:0;display:grid;justify-items:center;gap:10px;color:#1f5447;text-align:center}.completion-share-streak p{margin:0;color:#786b3b;font-family:Space Mono,monospace;font-size:18px;font-weight:700;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.completion-share-lotus{position:relative;width:min(100%,245px);aspect-ratio:265 / 207;display:grid;place-items:center;filter:drop-shadow(0 12px 20px rgba(191,129,28,.2))}.completion-share-lotus picture,.completion-share-lotus img{position:absolute;inset:0;width:100%;height:100%}.completion-share-lotus img{object-fit:contain}.completion-share-lotus strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);z-index:1;color:#1f5447;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,8vw,86px);line-height:1}.completion-share-streak h4{margin:0;display:grid;gap:2px;color:#1f5447;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6vw,58px);line-height:.95}.completion-share-streak small{color:#6d6030;font-size:18px;font-weight:700;line-height:1.2}.completion-share-monk-scene{min-width:0;min-height:390px;display:grid;place-items:center;overflow:hidden;border:3px solid rgba(216,182,117,.7);border-radius:28px;background:linear-gradient(#fff6e605,#fff6e605),image-set(url(/assets/quest-map-bg.webp) type("image/webp"),url(/assets/quest-map-bg.png) type("image/png")) center / cover}.completion-share-monk-scene picture{width:100%;height:100%;display:grid;place-items:center}.completion-share-monk-scene img{width:min(76%,300px);height:auto;filter:drop-shadow(0 14px 18px rgba(22,41,34,.28))}.completion-share-controls{display:grid;gap:12px;margin-top:8px;padding:14px;border:1px solid rgba(216,182,117,.42);border-radius:22px;background:#fffaefa8}.completion-share-controls h4{margin:0;color:#1f5447;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:20px;line-height:1.1;text-align:center}.completion-share-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.completion-share-options button{min-width:0;display:grid;justify-items:center;gap:8px;padding:12px 8px;border:1px solid rgba(216,182,117,.28);border-radius:16px;background:#ffffff7a;color:#1f5447}.completion-share-options button>span{width:54px;height:54px;display:grid;place-items:center;border-radius:var(--radius-full);background:#ffffffc7;color:#246864}.completion-share-options button:first-child>span{color:#c13584}.completion-share-options button:nth-child(2)>span{color:#0a66c2}.completion-share-options button:nth-child(3)>span{color:#25d366}.completion-share-options strong{overflow:hidden;max-width:100%;color:#1f5447;font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.completion-share-status{min-height:15px;margin:-4px 0 0;color:#1f5447;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-align:center;text-transform:uppercase}.session-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;color:#fff;background:radial-gradient(ellipse at 48% 42%,rgba(255,255,255,.14),transparent 36%),linear-gradient(115deg,#7862c9,#9068d4 28%,#557fc1 66%,#2ba9b4);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.session-card{width:min(100%,760px);min-height:min(100%,720px);display:grid;justify-items:center;align-content:center;gap:20px;padding:28px;text-align:center}.session-card h2{margin:0;color:#ffffffdb;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(18px,4vw,24px);font-weight:600;text-align:center}.breathing-visual{--breath-phase-duration: 4s;--breath-cycle-duration: 16s;width:100%;display:grid;justify-items:center;gap:18px}.breathing-box{position:relative;width:min(64vw,350px);aspect-ratio:1;display:grid;place-items:center;border-radius:clamp(24px,7vw,34px);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 54%),#ffffff0a;box-shadow:inset 0 0 44px #ffffff29,0 22px 48px #3d489c1f}.breathing-box img{position:relative;z-index:2;width:var(--meditating-monk-size)}.breathing-frame{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.breathing-frame path{fill:none;vector-effect:non-scaling-stroke}.breathing-frame-track{stroke-linecap:round;stroke-linejoin:round;stroke:#dedbf4a8;stroke-width:8.5;filter:drop-shadow(0 0 8px rgba(255,255,255,.28)) drop-shadow(0 0 20px rgba(192,205,255,.2))}.breathing-frame-light{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translate3d(3.5%,86.5%,0);animation:breathingOrbPath var(--breath-cycle-duration) linear infinite;backface-visibility:hidden;will-change:transform}.breathing-frame-light-glow{position:absolute;left:0;top:0;width:clamp(22px,7vw,32px);height:clamp(22px,7vw,32px);border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.96) 0 28%,rgba(255,255,255,.7) 43%,rgba(213,235,255,.28) 64%,transparent 76%);filter:drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 18px rgba(222,235,255,.72)) drop-shadow(0 0 30px rgba(170,219,255,.42));transform:translate3d(-50%,-50%,0)}.breathing-frame-light-core{position:absolute;left:0;top:0;width:clamp(10px,3.5vw,15px);height:clamp(10px,3.5vw,15px);border-radius:var(--radius-full);background:#fffffffa;box-shadow:0 0 10px #fffffff0,0 0 18px #e5f0ffb8;transform:translate3d(-50%,-50%,0)}.session-breathe{transform-origin:center bottom;animation:sessionBreathScale var(--breath-cycle-duration) linear infinite;will-change:transform}.breathing-label{margin:0;color:#fffffff5;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(32px,9vw,46px);font-weight:500;line-height:1;text-align:center;text-shadow:0 2px 12px rgba(92,79,150,.26);transform-origin:center;will-change:transform}.breathing-label-phase-0{animation:breathingLabelIn var(--breath-phase-duration) linear forwards}.breathing-label-phase-1,.breathing-label-phase-3{transform:scale(1)}.breathing-label-phase-2{animation:breathingLabelOut var(--breath-phase-duration) linear forwards}.session-timer{color:#ffffffeb;font-family:Space Mono,monospace;font-size:clamp(24px,7vw,34px);line-height:1}.session-progress{width:min(68%,360px);height:12px;background:#ffffff3d}.session-progress span{background:linear-gradient(90deg,#ffffffeb,#bfeff4db)}.session-card .secondary-button{border-color:#ffffff5c;background:#ffffff24;color:#fff;box-shadow:inset 0 1px #ffffff42}@keyframes breathingOrbPath{0%{transform:translate3d(3.5%,86.5%,0)}18.75%{transform:translate3d(3.5%,13.5%,0)}20.3125%{transform:translate3d(3.88%,10.67%,0)}21.875%{transform:translate3d(5%,8.5%,0)}23.4375%{transform:translate3d(8.13%,5.6%,0)}25%{transform:translate3d(13.5%,3.5%,0)}43.75%{transform:translate3d(86.5%,3.5%,0)}45.3125%{transform:translate3d(91.88%,5.6%,0)}46.875%{transform:translate3d(95%,8.5%,0)}48.4375%{transform:translate3d(96.13%,10.67%,0)}50%{transform:translate3d(96.5%,13.5%,0)}68.75%{transform:translate3d(96.5%,86.5%,0)}70.3125%{transform:translate3d(96.13%,89.33%,0)}71.875%{transform:translate3d(95%,91.5%,0)}73.4375%{transform:translate3d(91.88%,94.4%,0)}75%{transform:translate3d(86.5%,96.5%,0)}93.75%{transform:translate3d(13.5%,96.5%,0)}95.3125%{transform:translate3d(8.13%,94.4%,0)}96.875%{transform:translate3d(5%,91.5%,0)}98.4375%{transform:translate3d(3.88%,89.33%,0)}to{transform:translate3d(3.5%,86.5%,0)}}@keyframes sessionBreathScale{0%{transform:scale(1)}25%,50%{transform:scale(1.08)}75%,to{transform:scale(1)}}@keyframes breathingLabelIn{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes breathingLabelOut{0%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:540px){.app-shell{--quest-action-height: 112px;padding-inline:var(--shell-inline)}.quest-screen{--quest-world-height: 1672px}.topbar{height:72px;padding:8px 16px}.topbar-logo-frame{width:clamp(144px,42vw,174px)}.quest-action-band{grid-template-columns:1fr auto;bottom:calc(var(--bottom-nav-height) + var(--quest-action-gap))}.quest-action-band .primary-button{width:auto}.chip-row,.stat-grid{gap:12px}.meditation-controls{padding:22px}.profile-panel{padding-inline:18px}.level-journey-main{gap:14px}.level-progress-labels,.level-progress-copy{font-size:12px}.xp-rule-grid div{gap:6px;min-height:52px;padding:8px}.xp-rule-grid span{font-size:11px}.monk-screen{width:100%;border-radius:0}.monk-stage{grid-template-columns:minmax(0,1fr) 82px}.monk-category-button span{font-size:10px}.dye-swatch{width:clamp(30px,8.5vw,44px);border-width:4px}.dye-lock-badge{font-size:7px}.monk-option-button span,.monk-head-name{font-size:12px}.monk-head-button{grid-template-columns:40px minmax(0,1fr)}.monk-head-thumbnail{width:38px;height:44px}.monk-head-thumbnail img{width:52px}.monk-unlock-badge{padding:3px 4px;font-size:8px}.bottom-nav{padding-inline:10px}.nav-item{min-height:60px}.completion-reward-overlay{padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}.completion-reward-card{--completion-card-padding: 12px;max-height:calc(100vh - 16px);max-height:calc(100svh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:9px}.completion-reward-close{top:8px;right:8px;width:32px;height:32px}.completion-reward-hero{gap:5px}.completion-reward-copy{gap:3px}.completion-reward-hero h2{font-size:24px}.completion-reward-hero p:last-child{font-size:14px;line-height:1.25}.reward-avatar-orbit{width:72px;height:72px}.reward-avatar-orbit img{width:50px}.reward-streak-panel{gap:10px;padding:9px}.reward-streak-icon{width:38px;height:38px}.reward-streak-copy strong{font-size:20px}.reward-stat-card{min-height:72px;gap:4px;padding:7px 4px}.reward-stat-card svg{width:18px;height:18px}.reward-stat-card strong{font-size:19px}.reward-stat-card span{font-size:9px;letter-spacing:.04em}.reward-penalty-panel{gap:8px;padding:8px 9px}.reward-penalty-panel svg{width:18px;height:18px}.reward-penalty-panel strong{font-size:14px}.reward-penalty-panel small{font-size:9px;letter-spacing:.03em}.reward-unlocks-panel{gap:8px;padding:10px}.reward-unlock-grid{grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:8px}.reward-unlock-card{min-height:56px;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:7px}.reward-unlock-preview{width:38px;height:48px}.reward-unlock-preview img{max-width:38px;height:54px}.reward-progress-panel{gap:6px;padding:10px}.reward-breakdown div{min-height:34px;padding:6px 9px}.reward-actions{grid-template-columns:1fr}.reward-actions .primary-button,.reward-actions .secondary-button{min-height:44px}.completion-share-overlay{padding:8px}.completion-share-card{width:min(100%,390px);max-height:calc(100vh - 16px);max-height:calc(100svh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:6px;padding:8px;border-radius:22px}.completion-share-close{top:8px;right:8px;width:32px;height:32px}.completion-share-art{gap:7px;padding:8px 5px 3px}.completion-share-art h3{padding-inline:34px;font-size:clamp(32px,10vw,40px);line-height:.95}.completion-share-art-main{grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:8px;padding:0}.completion-share-streak{gap:4px}.completion-share-streak p{font-size:10px;letter-spacing:.07em}.completion-share-lotus{width:min(35vw,130px)}.completion-share-lotus strong{font-size:clamp(36px,10vw,46px)}.completion-share-streak h4{gap:1px;font-size:clamp(25px,7.4vw,32px);line-height:.92}.completion-share-streak small{font-size:11px;line-height:1.12}.completion-share-monk-scene{min-height:0;aspect-ratio:.86;border-width:2px;border-radius:18px}.completion-share-monk-scene img{width:min(76%,150px)}.completion-share-controls{gap:7px;margin-top:4px;padding:8px;border-radius:18px}.completion-share-controls h4{font-size:16px}.completion-share-options{gap:6px}.completion-share-options button{gap:5px;padding:7px 4px;border-radius:12px}.completion-share-options button>span{width:34px;height:34px}.completion-share-options svg{width:20px;height:20px}.completion-share-options strong{font-size:10px}.completion-share-status{min-height:13px;font-size:10px}}@media(max-height:760px){.app-shell{--shell-top: 92px;--shell-bottom: 92px;--topbar-height: 64px;--bottom-nav-height: calc(76px + var(--safe-bottom));--quest-action-height: 112px;--quest-action-gap: 12px}.topbar{height:var(--topbar-height)}.topbar-logo-frame{width:clamp(136px,39vw,160px)}.aura-stage{width:min(58vw,300px)}.meditate-screen{gap:14px}.meditation-controls{padding:16px;border-radius:24px}.time-chip{min-height:44px;font-size:16px}.custom-time{min-height:46px;margin-top:12px}.custom-time input{font-size:20px}.start-journey{min-height:54px;margin-top:12px;font-size:20px}.bottom-nav{padding-top:8px;padding-bottom:calc(10px + var(--safe-bottom))}.nav-item{min-height:54px}.nav-item:before{width:48px;height:30px}.level-node{--lotus-width: 76px;--lotus-number-size: 24px;--lotus-label-offset: 44px;width:90px;height:76px}.level-node-status-next{--lotus-width: 80px}.level-node-status-current{--lotus-width: 82px}.level-node-status-completed,.level-node-status-locked{--lotus-width: 80px}.level-status-label{width:80px;font-size:11px}.level-status-number{font-size:20px}.map-monk-anchor{--map-monk-height: 94px;--map-monk-lotus-gap: 22px}.quest-action-band{bottom:calc(var(--bottom-nav-height) + var(--quest-action-gap))}.progress-screen{gap:16px}.monk-screen{--monk-options-height: 158px;gap:12px;padding:0}.monk-stage{grid-template-columns:minmax(0,1fr) 78px;gap:10px}.monk-category-rail{gap:6px}.monk-category-button{padding:4px}.monk-options-panel{gap:8px;padding:12px}.monk-options-title h3{font-size:18px}.profile-panel h2{font-size:30px}.profile-panel p{margin-top:4px;font-size:15px}.equipment-panel,.skill-panel,.milestone-panel,.gamification-panel,.profile-panel{padding:18px}.avatar-orbit{width:118px;height:118px}.avatar-orbit img{width:76px}.level-journey-inline{gap:12px;margin-top:18px;padding:14px}.level-medallion{width:58px;height:58px}.level-medallion svg{width:24px;height:24px;margin-bottom:-6px}.level-medallion strong{font-size:18px}.stat-card{min-height:140px}.stat-card strong{font-size:38px}.monk-option-grid,.monk-head-grid{gap:8px}.monk-option-button{padding:6px 8px}.monk-head-button{grid-template-columns:38px minmax(0,1fr);gap:6px;padding:6px 7px}.monk-head-thumbnail{width:36px;height:40px}.monk-head-thumbnail img{width:50px}.monk-unlock-badge{font-size:8px}.dye-swatch{width:clamp(30px,8.5vw,42px);height:auto;border-width:4px}.dye-lock-badge{font-size:7px}.save-look{min-height:48px}.completion-reward-card{--completion-card-padding: 14px;gap:9px}.completion-reward-hero{gap:4px}.completion-reward-hero h2{font-size:28px}.completion-reward-hero p:last-child{font-size:14px}.reward-avatar-orbit{width:82px;height:82px}.reward-avatar-orbit img{width:56px}.reward-stat-card{min-height:72px}.reward-stat-card strong{font-size:19px}.reward-progress-panel{gap:6px;padding:10px}}@media(max-width:380px){.level-node{--lotus-label-offset: 42px}.level-status-label{width:76px;font-size:10px}.level-journey-main{grid-template-columns:52px minmax(0,1fr);gap:12px}.xp-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.xp-rule-grid div{grid-template-columns:minmax(0,1fr);justify-items:center;min-height:50px;padding:7px 4px;text-align:center}.xp-rule-grid svg{width:17px;height:17px}.xp-rule-grid span{font-size:9px;line-height:1.15}.reward-stat-grid{gap:6px}.reward-stat-card span{font-size:9px}.reward-progress-panel .section-title-row{align-items:flex-start;flex-direction:column;gap:4px}.reward-progress-panel .section-title-row span{text-align:left}}@media(max-width:540px)and (max-height:760px){.app-shell{--quest-action-height: 112px}.completion-reward-card{--completion-card-padding: 12px}.completion-reward-hero h2{font-size:23px}.reward-avatar-orbit{width:68px;height:68px}.reward-avatar-orbit img{width:48px}}@media(max-height:620px){.monk-screen{--monk-options-height: 124px;gap:6px;padding:0}.monk-stage{grid-template-columns:minmax(0,1fr) 54px;gap:8px}.monk-category-button span{display:none}.monk-options-panel{padding:8px}.monk-options-title h3{font-size:16px}.monk-options-title span{font-size:10px}.monk-option-grid,.monk-head-grid{gap:6px}.monk-option-button{padding:5px 6px}.monk-head-button{grid-template-columns:34px minmax(0,1fr);gap:5px;padding:4px 5px}.monk-head-thumbnail{width:32px;height:32px}.monk-head-thumbnail img{width:42px}.monk-option-button svg{width:16px;height:16px}.monk-option-button span,.monk-head-name{font-size:11px}.monk-unlock-badge{gap:2px;padding:2px 3px;font-size:7px}.monk-unlock-badge svg{width:10px;height:10px}.dye-swatch{width:clamp(28px,8vw,36px);border-width:3px}.dye-lock-badge{font-size:6px}.save-look{min-height:40px}}