.music-bar{z-index:45;left:12px;right:12px;bottom:calc(var(--bottom-nav-h) + 10px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);border:1px solid var(--gold-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181b26f5;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 34px #00000080}@media (width>=900px){.music-bar{width:360px;bottom:24px;left:auto;right:24px}}.music-bar__art{object-fit:cover;background:var(--gold-ink);width:40px;height:40px;color:var(--gold);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.music-bar__text{flex-direction:column;flex:1;min-width:0;padding:0 6px;display:flex}.music-bar__title{font-size:.86rem;font-weight:700}.music-bar .icon-btn{width:36px;height:36px}.music-bar__progress{background:var(--gold);height:2px;transition:width .25s linear;position:absolute;bottom:0;left:0}body.has-music-bar .shell-main{padding-bottom:calc(var(--bottom-nav-h) + 76px + env(safe-area-inset-bottom))}@media (width>=900px){body.has-music-bar .shell-main{padding-bottom:90px}}.shell{min-height:100dvh}.shell-main{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));flex-direction:column;display:flex}@media (width>=900px){.shell-main{margin-left:var(--sidebar-w);padding-bottom:0}}.sidebar{display:none}@media (width>=900px){.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);z-index:30;background:#121620d1;flex-direction:column;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}}.brand{font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;display:inline-flex}.brand__mark{color:var(--gold);place-items:center;display:grid}.sidebar .brand{padding:4px 8px 18px}.level-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;display:flex}.level-card__top{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--surface-2);border:2px solid var(--gold-deep);width:40px;height:40px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .15s;display:grid;overflow:hidden}.avatar svg{width:62%;height:62%;margin-top:18%}a.avatar:hover{border-color:var(--gold)}.avatar--sm{width:34px;height:34px}.level-pill{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.nav-group{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.nav-group__title{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:6px 10px;font-size:.68rem;font-weight:700}.nav-link{min-height:42px;color:var(--text-muted);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:0 10px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link svg{flex-shrink:0}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active,.nav-link[data-status=active]{color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:#ffc83d1a}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.hud{z-index:20;height:var(--hud-h);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#121620c7;align-items:center;gap:12px;display:flex;position:sticky;top:0}.hud__title{font-family:var(--font-display);min-width:0;font-size:1.05rem;font-weight:700}.hud__right{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-chip{background:var(--surface);border:1px solid var(--border);height:34px;font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.85rem;font-weight:700;display:inline-flex}.hud-chip--streak svg{color:var(--orange)}.hud-chip--xp svg{color:var(--gold)}@media (width<=380px){.hud-chip--xp{display:none}}.tabbar{z-index:40;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#121620f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.tabbar{display:none}}.tab{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:flex;position:relative}.tab.active,.tab[data-status=active]{color:var(--gold)}.tab.active:before,.tab[data-status=active]:before{content:"";background:var(--gold);border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:28%;right:28%}.sheet-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sheet-nav .nav-link{text-align:center;background:var(--bg-raised);border:1px solid var(--border);flex-direction:column;justify-content:center;gap:8px;min-height:84px}.sheet-nav .nav-link.active,.sheet-nav .nav-link[data-status=active]{box-shadow:none;border-color:var(--gold)}.route-progress{z-index:300;background:var(--gold);transform-origin:0;height:3px;animation:route-progress 1.2s var(--ease) infinite;position:fixed;top:0;left:0;right:0}@keyframes route-progress{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(.8)}to{opacity:0;transform:scaleX(1)}}@layer arize-reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;line-height:1.55;overflow-x:hidden}img,video,canvas,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;line-height:1.15}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}::selection{background:var(--violet);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}:root{--bg:#121620;--bg-raised:#181b26;--surface:#181b26b8;--surface-2:#202330;--surface-3:#323845;--border:#323845;--border-strong:#4e5564;--text:#e8ecf1;--text-muted:#b2c1d0;--text-dim:#818a98;--gold:#efbb03;--gold-deep:#c18500;--gold-ink:#2a1c0c;--violet:#42a0ed;--violet-deep:#1167ae;--green:#41f179;--green-deep:#0db543;--red:#ed4245;--red-deep:#a81012;--orange:#f6bd45;--blue:#67b3f1;--pink:#f58f91;--radius-sm:3px;--radius:4px;--radius-lg:6px;--ease:cubic-bezier(.2, .8, .2, 1);--shadow-card:none;--font-display:"Alegreya", Georgia, serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sidebar-w:248px;--hud-h:64px;--bottom-nav-h:68px;--gutter:16px;--accent:var(--gold);--text-primary:var(--text);--text-secondary:var(--text-muted);--surface-hover:var(--surface-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=640px){:root{--gutter:24px}}@media (width>=1100px){:root{--gutter:32px}}body:before{content:"";z-index:-1;pointer-events:none;background-blend-mode:overlay, overlay;background-image:url(/textures/maptexture2.webp),linear-gradient(#121620,#181b26);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;position:fixed;inset:0}.logo{letter-spacing:.08em;color:#0000;-webkit-text-stroke:.6px #2a1c0cd9;-webkit-user-select:none;user-select:none;background-image:url(/textures/logo-gold.webp);background-position:20% 35%;background-size:5em 5em;-webkit-background-clip:text;background-clip:text;font-family:Alegreya,Georgia,serif;font-weight:800;line-height:1;transition:filter .2s;display:inline-block}.logo:hover{filter:brightness(1.12)}.logo--sm{font-size:1.25rem}.logo--md{font-size:1.5rem}.logo--lg{-webkit-text-stroke-width:1px;font-size:2.6rem}.logo--xl{-webkit-text-stroke-width:1.2px;font-size:clamp(3.2rem,11vw,5rem)}.text-metal{color:#0000;-webkit-text-stroke:1px #2a1c0cd9;background-position:0 0;background-size:2.2em 2.2em;-webkit-background-clip:text;background-clip:text}.text-metal--gold{background-image:url(/textures/logo-gold.webp)}.text-metal--teal{-webkit-text-stroke-color:#041b2ee6;background-image:url(/textures/logo-teal.webp)}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.gold{color:var(--gold)}.violet{color:var(--violet)}.green{color:var(--green)}.red{color:var(--red)}.small{font-size:.85rem}.tiny{font-size:.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.center{text-align:center}.page{width:100%;max-width:1280px;padding:20px var(--gutter) 40px;animation:page-in .35s var(--ease) both;flex-direction:column;gap:20px;margin:0 auto;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.page-header h1{font-size:clamp(1.6rem,4vw,2.3rem)}.page-header p{color:var(--text-muted);max-width:60ch;margin-top:4px}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.stack-sm{flex-direction:column;gap:8px;min-width:0;display:flex}.row{align-items:center;gap:12px;min-width:0;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.grow{flex:1;min-width:0}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;display:grid}@media (width>=640px){.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.split{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=1024px){.split{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background-color:var(--surface);background-image:var(--grain);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background-size:160px 160px;min-width:0;padding:20px;position:relative}@media (width<=480px){.card{border-radius:var(--radius);padding:16px}}.card--flush{padding:0;overflow:hidden}.card--gold{background-color:#2a1c0c8c;border-color:#c18500b3}.card--violet{background-color:#041b2e8c;border-color:#1167aecc}.card--green{background-color:#04321280;border-color:#0db54399}.card--red{background-color:#2e04058c;border-color:#a81012cc}.card--interactive{transition:transform .2s var(--ease), border-color .2s, box-shadow .2s}.card--interactive:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 18px 40px -20px #8b6cff80}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{font-family:var(--font-display);align-items:center;gap:10px;min-width:0;font-size:1.12rem;font-weight:700;display:flex}.card-title svg{flex-shrink:0}.icon-tile{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--gold);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.icon-tile--violet{color:var(--violet)}.icon-tile--green{color:var(--green)}.icon-tile--red{color:var(--red)}.icon-tile--blue{color:var(--blue)}.icon-tile--orange{color:var(--orange)}.icon-tile--lg{border-radius:16px;width:56px;height:56px}.divider{background:var(--border);border:0;height:1px}.btn{--btn-bg:var(--surface-2);--btn-border:var(--border-strong);--btn-glow:transparent;--btn-fg:var(--text);isolation:isolate;border-radius:var(--radius-sm);min-height:46px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--btn-fg);background-color:var(--btn-bg);background-blend-mode:overlay;border:2px solid var(--btn-border);box-shadow:0 0 22px -4px var(--btn-glow);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:url(/textures/smalltexturestone.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.98rem;font-weight:700;transition:transform 80ms,box-shadow .2s,filter .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff38 45%,#ffffff0d 60%,#0000 100%);width:45%;animation:3.2s ease-in-out infinite btn-shimmer;position:absolute;inset:-2px auto -2px -60%;transform:skew(-18deg)}.btn:hover:not(:disabled):after{animation-duration:1.1s}.btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 30px -2px var(--btn-glow)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn:disabled:after{animation:none}@keyframes btn-shimmer{0%{left:-60%}55%,to{left:130%}}.btn--primary{--btn-bg:#2a1c0c;--btn-border:#c18500;--btn-glow:#efbb0373;--btn-fg:#fde9b0}.btn--violet{--btn-bg:#041b2e;--btn-border:#1586e1;--btn-glow:#42a0ed73;--btn-fg:#d7ebfb}.btn--green{--btn-bg:#043212;--btn-border:#0db543;--btn-glow:#41f17966;--btn-fg:#d4fbe1}.btn--danger{--btn-bg:#2e0405;--btn-border:#cd1316;--btn-glow:#ed424566;--btn-fg:#fcd9da}.btn--ghost{--btn-bg:#181b26;--btn-border:var(--border-strong)}.btn--ghost:after{opacity:.5}.btn--sm{min-height:36px;padding:0 14px;font-size:.82rem}.btn--lg{min-height:56px;padding:0 32px;font-size:1.08rem}.btn--block{width:100%}.icon-btn{width:40px;height:40px;color:var(--text-muted);border-radius:10px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn--danger:hover{color:var(--red)}.link{color:var(--gold);align-items:center;gap:6px;font-weight:600;display:inline-flex}.link:hover{text-underline-offset:3px;text-decoration:underline}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.input,.select,.textarea{background:var(--bg-raised);border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:focus,.select:focus,.textarea:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #8b6cff40}.textarea{resize:vertical;min-height:96px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a3a1c2' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.select option{background:var(--surface)}.input-group{gap:10px;min-width:0;display:flex}.input-group>.input{flex:1}@media (width<=420px){.input-group--stack{flex-direction:column}}.input-icon{position:relative}.input-icon>svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon>.input{padding-left:42px}.badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge--gold{color:var(--gold);background:#ffc83d24;border-color:#ffc83d66}.badge--violet{color:#b9a8ff;background:#8b6cff29;border-color:#8b6cff73}.badge--green{color:var(--green);background:#3ddc8424;border-color:#3ddc8466}.badge--red{color:var(--red);background:#ff5c6c24;border-color:#ff5c6c66}.chip{border:1px solid var(--border-strong);min-height:36px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.chip:hover,.chip--active{border-color:var(--gold);color:var(--text);background:#ffc83d14}.bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:12px;overflow:hidden}.bar--sm{height:8px}.bar__fill{border-radius:inherit;background:var(--violet);height:100%;transition:width .6s var(--ease);position:relative}.bar__fill--gold{background:var(--gold)}.bar__fill--green{background:var(--green)}.bar__fill:after{content:"";background-image:linear-gradient(45deg,#ffffff2e 25%,#0000 25% 50%,#ffffff2e 50% 75%,#0000 75%);background-size:16px 16px;animation:1s linear infinite bar-stripes;position:absolute;inset:0}@keyframes bar-stripes{to{background-position:16px 0}}.stat{flex-direction:column;gap:4px;min-width:0;display:flex}.stat__value{font-family:var(--font-mono);font-size:clamp(1.4rem,3.6vw,1.9rem);font-weight:700;line-height:1.1}.stat__label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.stat__hint{color:var(--text-dim);font-size:.8rem}.stat-card{align-items:center;gap:14px;display:flex}@media (width<=480px){.stat-card{gap:10px;padding:14px}.stat-card .icon-tile{border-radius:8px;width:34px;height:34px}.stat-card .icon-tile svg{width:17px;height:17px}.stat-card .stat__value{font-size:1.25rem}}.card-header>.row{flex:220px}@media (width<=640px){.hero-actions{width:100%}}.list{flex-direction:column;gap:10px;display:flex}.list-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px 16px;display:flex}.empty svg{color:var(--text-dim)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.alert--error{color:#ffb3bb;background:#ff5c6c1a;border-color:#ff5c6c73}.alert--success{color:#a6f3c8;background:#3ddc841a;border-color:#3ddc8466}.alert--info{color:#cfc4ff;background:#8b6cff1a;border-color:#8b6cff73}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;position:absolute;inset:0}.switch__track{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch__track:after{content:"";background:var(--text-muted);width:20px;height:20px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--green-deep);border-color:var(--green)}.switch input:checked+.switch__track:after{background:#fff;transform:translate(20px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--gold);outline-offset:2px}.modal-root{z-index:100;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-root{align-items:center;padding:24px}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05050cbf;position:absolute;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:520px;max-height:92dvh;padding:24px var(--gutter) calc(24px + env(safe-area-inset-bottom));position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}@media (width>=640px){.modal{border-radius:var(--radius-lg);padding:28px}}.modal--wide{max-width:900px}.toast-stack{z-index:200;left:50%;bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}@media (width>=900px){.toast-stack{bottom:24px;left:auto;right:24px;transform:none}}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-strong);align-items:center;gap:10px;padding:12px 16px;font-size:.92rem;font-weight:600;display:flex;box-shadow:0 16px 40px #00000080}.toast--success{border-color:var(--green)}.toast--success svg{color:var(--green)}.toast--error{border-color:var(--red)}.toast--error svg{color:var(--red)}.toast--xp{border-color:var(--gold)}.toast--xp svg{color:var(--gold)}.dropzone{text-align:center;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:28px 16px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone--active{border-color:var(--gold);background:#ffc83d0d}.dropzone img{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:260px}.chat-log{flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:min(85%,640px);padding:12px 16px;font-size:.95rem;line-height:1.6}.bubble--user{background:var(--gold-ink);border:1px solid var(--gold-deep);color:#fde9b0;border-bottom-right-radius:4px;align-self:flex-end}.bubble--ai{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.bubble--error{color:#ffb3bb;background:#ff5c6c1f;border:1px solid #ff5c6c66;align-self:flex-start}.bubble__meta{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-top:6px;font-size:.7rem}.composer{align-items:flex-end;gap:10px;display:flex}.composer .textarea{resize:none;min-height:50px;max-height:160px}.chat-composer{border-top:1px solid var(--border);background:#121620d9;align-items:flex-end;gap:8px;margin:0;padding:10px 12px;display:flex}.chat-composer textarea{border:1px solid var(--border-strong);background:var(--bg-raised);min-height:46px;max-height:140px;color:var(--text);resize:none;border-radius:23px;flex:1;padding:12px 16px;font-size:16px;line-height:1.35}.chat-composer textarea:focus{border-color:var(--gold-deep);outline:none;box-shadow:0 0 0 3px #efbb0326}.chat-send{border:2px solid var(--gold-deep);background-color:var(--gold-ink);background-blend-mode:overlay;width:46px;height:46px;color:var(--gold);background-image:url(/textures/smalltexturestone.webp);background-size:cover;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .1s,opacity .15s;display:grid}.chat-send:active:not(:disabled){transform:scale(.94)}.chat-send:disabled{opacity:.4}.hide-mobile{display:none!important}@media (width>=900px){.hide-mobile{display:revert!important}.hide-desktop{display:none!important}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.female-theme-active{--violet:#ff6fb5;--violet-deep:#c23f86}