/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{display:grid}.hidden{display:none}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--background:231 42% 8%;--foreground:210 40% 98%;--card:229 34% 13%;--card-foreground:210 40% 98%;--popover:229 34% 13%;--popover-foreground:210 40% 98%;--primary:186 100% 52%;--primary-foreground:230 45% 8%;--secondary:244 44% 21%;--secondary-foreground:210 40% 98%;--muted:229 28% 19%;--muted-foreground:218 20% 68%;--accent:275 90% 66%;--accent-foreground:210 40% 98%;--destructive:0 72% 56%;--destructive-foreground:0 0% 100%;--success:145 78% 47%;--success-foreground:230 45% 8%;--warning:42 96% 56%;--warning-foreground:230 45% 8%;--info:200 94% 58%;--info-foreground:230 45% 8%;--border:229 24% 26%;--input:229 28% 19%;--ring:186 100% 52%;--radius:.625rem;--shadow-sm:0 1px 2px hsl(var(--foreground) / .08), 0 0 20px hsl(var(--primary) / .05);--shadow-md:0 4px 18px hsl(var(--foreground) / .12), 0 0 28px hsl(var(--primary) / .12);--shadow-lg:0 12px 38px hsl(var(--foreground) / .18), 0 0 42px hsl(var(--primary) / .18);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}html[data-theme=sunset]{--primary:30 100% 59%;--accent:330 90% 64%;--ring:30 100% 59%}html[data-theme=forest]{--primary:145 78% 47%;--accent:190 90% 54%;--ring:145 78% 47%}.dark{--background:231 42% 8%;--foreground:210 40% 98%;--card:229 34% 13%;--card-foreground:210 40% 98%;--popover:229 34% 13%;--popover-foreground:210 40% 98%;--primary:186 100% 52%;--primary-foreground:230 45% 8%;--secondary:244 44% 21%;--secondary-foreground:210 40% 98%;--muted:229 28% 19%;--muted-foreground:218 20% 68%;--accent:275 90% 66%;--accent-foreground:210 40% 98%;--destructive:0 72% 56%;--destructive-foreground:0 0% 100%;--success:145 78% 47%;--success-foreground:230 45% 8%;--warning:42 96% 56%;--warning-foreground:230 45% 8%;--info:200 94% 58%;--info-foreground:230 45% 8%;--border:229 24% 26%;--input:229 28% 19%;--ring:186 100% 52%}*{box-sizing:border-box}html{background:hsl(var(--background));min-height:100%}body{background:radial-gradient(circle at 90% 0%, hsl(var(--accent) / .16), transparent 28rem), hsl(var(--background));min-width:320px;min-height:100vh;color:hsl(var(--foreground));margin:0;font-family:Space Grotesk,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark{letter-spacing:-.04em;font-family:Orbitron,sans-serif}h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3.75rem);line-height:1.08}h2{margin-bottom:8px;font-size:1.35rem;line-height:1.25}h3{margin-bottom:8px;font-size:1rem;line-height:1.35}p{color:hsl(var(--muted-foreground));line-height:1.55}button:focus-visible,a:focus-visible,input:focus-visible{box-shadow:0 0 0 2px hsl(var(--ring)), 0 0 0 5px hsl(var(--background));outline:none}.loading-screen,.landing{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-mark,.wordmark{color:hsl(var(--foreground));letter-spacing:-.08em;font-weight:800}.loading-mark{font-family:Orbitron,sans-serif;font-size:1.5rem}.loading-line{background:hsl(var(--muted));border-radius:999px;width:180px;height:6px;overflow:hidden}.loading-line:after{content:"";background:hsl(var(--primary));width:45%;height:100%;animation:1s infinite alternate loading;display:block}@keyframes loading{to{transform:translate(120px)}}.landing-card{text-align:center;background:hsl(var(--card) / .88);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 10px);width:min(100%,560px);box-shadow:var(--shadow-lg);padding:48px 24px;position:relative;overflow:hidden}.landing-card>:not(.landing-orb){z-index:1;position:relative}.landing-orb{filter:blur(4px);opacity:.42;border-radius:999px;position:absolute}.orb-one{background:hsl(var(--primary));width:220px;height:220px;top:-90px;left:-70px}.orb-two{background:hsl(var(--accent));width:180px;height:180px;bottom:-80px;right:-70px}.eyebrow{color:hsl(var(--primary));letter-spacing:.12em;margin-bottom:8px;font-size:.75rem;font-weight:700}.landing h1{margin-bottom:12px;font-size:clamp(3rem,12vw,5rem)}.landing h1 span,.hero-panel h1 span{color:hsl(var(--primary));text-shadow:0 0 24px hsl(var(--primary) / .55)}.landing-tagline{color:hsl(var(--foreground));font-size:1.2rem}.hero-avatar{place-items:center;margin:32px 0;display:grid}.login-form{text-align:left;gap:12px;max-width:400px;margin:auto;display:grid}.login-form label{font-size:.875rem;font-weight:700}input{border:1px solid hsl(var(--input));border-radius:var(--radius);background:hsl(var(--background));width:100%;min-height:48px;color:hsl(var(--foreground));transition:border var(--transition-fast), box-shadow var(--transition-fast);padding:12px 16px}input::placeholder{color:hsl(var(--muted-foreground))}input:disabled{opacity:.5;cursor:not-allowed;background:hsl(var(--muted))}input[aria-invalid=true]{border-color:hsl(var(--destructive))}.field-error{color:hsl(var(--destructive));margin:0;font-size:.875rem}.landing-note{margin:20px 0 0;font-size:.8rem}.button{border-radius:calc(var(--radius) - 2px);cursor:pointer;min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm)}.button-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.button-ghost{color:hsl(var(--foreground));background:0 0}.button-danger{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.full{width:100%}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{z-index:10;background:hsl(var(--background) / .86);border-bottom:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:68px;padding:12px 16px;display:flex;position:sticky;top:0}.wordmark{font-size:1.2rem}.wordmark span{color:hsl(var(--primary))}.topbar-actions{align-items:center;gap:12px;display:flex}.theme-button,.icon-button{border-radius:var(--radius);background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.theme-button{gap:6px;min-height:38px;padding:8px 12px;font-size:.8rem;font-weight:700}.icon-button{width:36px;height:36px}.avatar-link{display:inline-flex}.shell-body{max-width:1440px;margin:auto}.side-nav{display:none}.content{width:min(100%,1180px);margin:auto;padding:24px 16px 40px}.bottom-nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:hsl(var(--popover) / .96);border-top:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-link{min-height:52px;color:hsl(var(--muted-foreground));border-radius:var(--radius);place-items:center;gap:3px;font-size:1.15rem;display:grid}.bottom-link small{font-size:.62rem;font-weight:700}.bottom-link.active{color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.page-stack{gap:24px;display:grid}.hero-panel,.shop-hero{background:linear-gradient(125deg, hsl(var(--card)), hsl(var(--secondary)));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:28px;display:flex;overflow:hidden}.hero-panel>div:first-child{flex:1}.hero-panel .avatar,.shop-hero .avatar{align-self:center}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.avatar{border:3px solid hsl(var(--primary));background:radial-gradient(circle at 35% 25%, hsl(var(--accent)), hsl(var(--secondary)) 62%, hsl(var(--background)));box-shadow:0 0 30px hsl(var(--primary) / .42);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-large{width:140px;height:140px}.avatar-small{border-width:2px;width:38px;height:38px}.avatar-face{z-index:1;color:hsl(var(--foreground));letter-spacing:-.2em;font-size:2.2rem;font-weight:800;position:relative}.avatar-small .avatar-face{font-size:.85rem}.avatar-crown{color:hsl(var(--warning));font-size:1.6rem;position:absolute;top:9%}.avatar-small .avatar-crown{font-size:.6rem}.reminder,.success-banner,.boss-prompt{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));align-items:center;gap:12px;padding:16px;display:flex}.reminder{border-color:hsl(var(--primary) / .5)}.success-banner{border-color:hsl(var(--success) / .55)}.reminder>div,.success-banner>div,.boss-prompt>div{flex:1;gap:3px;display:grid}.reminder span,.success-banner span,.boss-prompt small{color:hsl(var(--muted-foreground));font-size:.82rem}.reminder .button{margin-left:auto}.stat-grid{grid-template-columns:1fr;gap:12px;display:grid}.stat-card,.card-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.stat-card{gap:7px;display:grid}.stat-card span,.stat-card small{color:hsl(var(--muted-foreground));letter-spacing:.07em;font-size:.75rem;font-weight:700}.stat-card strong{color:hsl(var(--primary));font-family:Orbitron,sans-serif;font-size:1.6rem}.section-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-head>div>:last-child{margin-bottom:0}.section-head>a,.back-link{color:hsl(var(--primary));font-size:.875rem;font-weight:700}.quest-feature,.profile-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.quest-icon{background:hsl(var(--primary) / .13);border-radius:20px;flex:none;place-items:center;width:72px;height:72px;font-size:2.4rem;display:grid}.quest-copy{flex:1;min-width:180px}.quest-copy p{margin-bottom:10px}.tag{background:hsl(var(--primary) / .12);color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-block}.reward-row,.quest-meta{color:hsl(var(--success));flex-wrap:wrap;gap:8px;font-size:.82rem;font-weight:700;display:flex}.portal-grid,.quest-grid,.achievement-grid,.shop-grid{grid-template-columns:1fr;gap:16px;display:grid}.portal-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);min-height:96px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:12px;padding:16px;display:flex}.portal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.portal-card>span{font-size:1.8rem}.portal-card div{flex:1}.portal-card h3,.portal-card p{margin:0}.portal-card p{font-size:.82rem}.page-heading{max-width:720px}.page-heading p:last-child{margin-bottom:0}.map-board{background:linear-gradient(145deg, hsl(var(--card)), hsl(var(--background)));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 8px);gap:16px;max-width:780px;margin:auto;padding:20px;display:grid;position:relative}.zone-node{text-align:left;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--secondary));width:100%;color:hsl(var(--foreground));cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:12px;padding:16px;display:flex}.zone-node.unlocked:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.zone-node:disabled{cursor:not-allowed;opacity:.52}.zone-number{background:hsl(var(--primary));width:28px;height:28px;color:hsl(var(--primary-foreground));border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.zone-icon{place-items:center;width:42px;font-size:1.8rem;display:grid}.zone-node span:last-child{gap:4px;display:grid}.zone-node small{color:hsl(var(--muted-foreground))}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter{border:1px solid hsl(var(--border));background:hsl(var(--card));min-height:36px;color:hsl(var(--muted-foreground));cursor:pointer;text-transform:capitalize;border-radius:999px;padding:6px 12px;font-weight:700}.filter.active{border-color:hsl(var(--primary));background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.quest-card,.shop-card,.achievement-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:12px;padding:20px;display:grid}.quest-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.quest-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quest-card h2,.quest-card h3,.quest-card p{margin:0}.quest-card h3{color:hsl(var(--primary))}.quest-meta{color:hsl(var(--muted-foreground));justify-content:space-between}.quest-play{max-width:760px;margin:auto}.play-card{text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow-md);justify-items:center;gap:16px;padding:28px 20px;display:grid}.exercise-stage{place-items:center;width:160px;height:160px;display:grid;position:relative}.exercise-stage>span{z-index:1;background:hsl(var(--primary) / .16);border-radius:50%;place-items:center;width:100px;height:100px;font-size:3.4rem;display:grid}.pulse-ring{border:2px solid hsl(var(--primary));border-radius:50%;animation:1.8s infinite pulse;position:absolute;inset:8px}@keyframes pulse{50%{opacity:.5}}.progress-track,.hp-bar{background:hsl(var(--muted));border-radius:999px;width:min(100%,420px);height:12px;overflow:hidden}.progress-track span,.hp-bar span{border-radius:inherit;background:hsl(var(--primary));height:100%;transition:width var(--transition-smooth);display:block}.counter{color:hsl(var(--primary));font-family:Orbitron,sans-serif;font-size:3rem}.counter small{color:hsl(var(--muted-foreground));font-size:1rem}.counter-controls{gap:12px;display:flex}.boss-card{text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--destructive) / .5);border-radius:calc(var(--radius) + 8px);max-width:700px;box-shadow:0 0 38px hsl(var(--destructive) / .16);justify-items:center;gap:16px;margin:auto;padding:32px 20px;display:grid}.boss-card.defeated{border-color:hsl(var(--success));box-shadow:0 0 40px hsl(var(--success) / .25)}.boss-art{filter:drop-shadow(0 0 20px hsl(var(--destructive) / .7));font-size:7rem}.boss-card.defeated .boss-art{animation:.7s ease-out burst}@keyframes burst{50%{transform:scale(1.28)rotate(12deg)}}.hp-bar span{background:hsl(var(--destructive))}.boss-move{gap:14px;width:100%;display:grid}.boss-move span{color:hsl(var(--muted-foreground));letter-spacing:.1em;font-size:.75rem;font-weight:700}.achievement-card{text-align:center}.achievement-card>div{background:hsl(var(--muted));border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:2rem;display:grid}.achievement-card.unlocked{border-color:hsl(var(--primary));box-shadow:0 0 22px hsl(var(--primary) / .2)}.achievement-card.unlocked>div{background:hsl(var(--primary) / .15)}.achievement-card.locked{opacity:.56;filter:grayscale()}.achievement-card span{color:hsl(var(--primary));letter-spacing:.08em;font-size:.72rem;font-weight:800}.shop-hero{align-items:center}.shop-hero>div{flex:1}.swatch{border-radius:calc(var(--radius) - 2px);width:100%;height:96px}.shop-card.selected{border-color:hsl(var(--primary));box-shadow:0 0 20px hsl(var(--primary) / .18)}.shop-card h2,.shop-card p{margin:0}.shop-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.shop-bottom strong{color:hsl(var(--warning))}.chat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);min-height:510px;box-shadow:var(--shadow-sm);grid-template-rows:1fr auto;display:grid;overflow:hidden}.chat-log{align-content:start;gap:12px;padding:20px;display:grid;overflow-y:auto}.bubble{border-radius:var(--radius);align-items:flex-start;gap:8px;width:fit-content;max-width:88%;padding:12px;line-height:1.45;display:flex}.bubble.bot{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.bubble.user{background:hsl(var(--primary));color:hsl(var(--primary-foreground));justify-self:end}.chat-form{border-top:1px solid hsl(var(--border));grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.profile-card{text-align:center;justify-content:center}.profile-card .avatar{margin:auto}.profile-card>div{flex:1}.profile-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.profile-metrics article{text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);gap:6px;padding:16px 10px;display:grid}.profile-metrics strong{color:hsl(var(--primary));font-family:Orbitron,sans-serif;font-size:1.35rem}.profile-metrics span{color:hsl(var(--muted-foreground));font-size:.72rem}.card-section{gap:10px;display:grid}.card-section p{margin:0}.empty-state{text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);justify-items:center;gap:12px;padding:48px 20px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-icon{background:hsl(var(--muted));width:52px;height:52px;color:hsl(var(--muted-foreground));border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.modal-backdrop{z-index:50;background:hsl(var(--background) / .78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);width:min(100%,520px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);animation:.2s ease-out modal-in;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 0;display:flex}.modal-head h2{margin:0}.mood-modal,.mystery-box,.level-up{text-align:center;justify-items:center;gap:20px;padding:20px;display:grid}.mood-modal p,.mystery-box p,.level-up p{margin:0}.mood-options{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.mood-options .button{flex-direction:column;min-height:72px}.mood-options small{color:hsl(var(--muted-foreground))}.mystery-cube{background:linear-gradient(145deg, hsl(var(--accent)), hsl(var(--primary)));width:120px;height:120px;box-shadow:0 0 32px hsl(var(--primary) / .5);border-radius:24px;place-items:center;font-size:4rem;animation:.65s ease-in-out shake;display:grid}@keyframes shake{20%,60%{transform:rotate(-7deg)translate(-6px)}40%,80%{transform:rotate(7deg)translate(6px)}}.level-up>span{color:hsl(var(--warning));text-shadow:0 0 26px hsl(var(--warning));font-size:5rem;animation:.8s ease-out burst}.toast{z-index:70;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius);width:min(100vw - 32px,390px);box-shadow:var(--shadow-lg);align-items:flex-start;gap:10px;padding:14px;animation:.25s ease-out toast-in;display:flex;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.toast-success{border-color:hsl(var(--success) / .65)}.toast-error{border-color:hsl(var(--destructive) / .65)}.toast-info{border-color:hsl(var(--info) / .65)}.toast>div{flex:1;gap:3px;display:grid}.toast span{color:hsl(var(--muted-foreground));font-size:.82rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.content{padding:32px 24px 48px}.landing-card{padding:56px 48px}.hero-panel,.shop-hero{flex-direction:row;align-items:center;padding:36px}.stat-grid{grid-template-columns:repeat(3,1fr)}.portal-grid,.quest-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.achievement-grid,.mood-options{grid-template-columns:repeat(3,1fr)}.profile-card{text-align:left;justify-content:flex-start}.profile-card .avatar{margin:0}}@media (width>=1024px){.app-shell{padding-bottom:0}.topbar{padding-left:32px;padding-right:32px}.shell-body{grid-template-columns:220px 1fr;display:grid}.side-nav{border-right:1px solid hsl(var(--border));align-content:start;gap:6px;height:calc(100vh - 68px);padding:24px 16px;display:grid;position:sticky;top:68px}.nav-link{border-radius:var(--radius);min-height:44px;color:hsl(var(--muted-foreground));transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.nav-link:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.nav-link.active{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.content{padding:40px}.bottom-nav{display:none}.portal-grid{grid-template-columns:repeat(4,1fr)}.quest-grid,.shop-grid,.achievement-grid{grid-template-columns:repeat(3,1fr)}.toast{bottom:24px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
