.game-shell{position:fixed;inset:0;overflow:hidden;background:var(--background);font-size:1rem}#game-entry,#game-entry canvas{display:block;width:100%;height:100%}#game-entry canvas{outline-offset:-4px}.game-load-error,.game-status{position:absolute;inset:25%;z-index:10}.glass,.game-modal{background:linear-gradient(160deg,#1d2231f2,#12151deb);border:1px solid var(--border);border-radius:1rem;backdrop-filter:blur(28px);padding:1.125rem}.hud{position:absolute;inset:0;pointer-events:none}.hud button,.hud nav,.hud aside,.connection-banner{pointer-events:auto}.health-panel{position:absolute;left:2.5rem;top:2.5rem}.hearts{display:flex;gap:.375rem;flex-wrap:wrap}.heart{position:relative;display:inline-block;width:2rem;height:2rem;color:#3a4560}.heart svg{width:2rem;height:2rem;fill:currentColor;stroke:#dce2ec}.heart>span{position:absolute;left:0;top:0;overflow:hidden;color:#ff5d5d;height:100%}.quest-panel{position:absolute;right:2.5rem;top:2rem;width:21.25rem;max-height:calc(100% - 11rem);overflow-y:auto}.quest-panel h3{font-size:1.0625rem}.quest-panel ol{padding-left:1.25rem}.minimap{display:block;width:14.5rem;height:14.5rem;margin-left:auto;margin-bottom:1.25rem;border-radius:.75rem;border:2px solid #6d7891}.resident-plaque{position:absolute;transform:translate(-50%,-100%);display:grid;text-align:center;padding:.35rem .8rem;pointer-events:none;white-space:nowrap;font-size:.875rem}.resident-plaque small{display:flex;align-items:center;justify-content:center;gap:.25rem;color:#7fe3b0}.interact-prompt{position:absolute;bottom:12rem;left:50%;transform:translate(-50%);border:1px solid #ffc857;background:#0e1118eb!important}.hotbar{position:absolute;left:50%;bottom:3.75rem;transform:translate(-50%);display:flex;gap:.625rem;padding:.625rem}.hotbar .hotbar-slot{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:5.5rem;min-width:5.5rem;min-height:5rem;padding:.375rem;font-size:.75rem;overflow-wrap:normal}.hotbar-slot small{font-size:.75rem;white-space:normal}.game-hints{position:absolute;left:2.5rem;right:2.5rem;bottom:.75rem;display:flex;justify-content:space-between;align-items:center;padding:.25rem .75rem;gap:.5rem}.game-hints .button{padding:.25rem .75rem;min-height:2rem}.connection-banner,.persist-banner{position:absolute;left:25%;right:25%;top:1rem}.persist-banner{top:6rem}.loot-popup{position:absolute;right:2.5rem;top:30%;width:21.25rem;max-height:60%;overflow-y:auto;z-index:4}.loot-popup ul{list-style:none;padding:0}.loot-popup li{display:flex;gap:.75rem;align-items:center;margin:.5rem 0}.loot-popup p{font-size:.75rem;margin-bottom:.5rem}.game-toast{position:absolute;top:12%;left:25%;right:25%;z-index:5;pointer-events:none}.game-modal-backdrop{position:absolute;inset:0;background:#070910d9;z-index:8;display:grid;place-items:center;padding:2rem}.game-modal{width:min(38rem,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.game-modal.wide{width:min(105rem,100%);height:min(52rem,100%)}.game-modal>header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:.5rem;margin-bottom:1rem}.modal-scroll{overflow-y:auto;padding:.5rem;display:grid;gap:1rem}.inventory-body{flex:1;display:grid;grid-template-columns:20rem minmax(0,1fr) 22rem;gap:1.5rem;min-height:0;overflow:hidden}.character-stats,.inventory-bag,.item-detail{min-height:0;min-width:0;overflow-y:auto;padding:.5rem}.character-stats .preview{max-height:22rem;padding:.5rem}.character-stats .preview svg{max-height:16rem}.character-stats .preview .actions{display:none}.inventory-bag{display:flex;flex-direction:column;gap:.75rem}.inventory-tabs{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.inventory-tabs .button{padding:.5rem}.bag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;overflow-y:auto;min-height:0;padding:.3rem}.item-slot{position:relative;min-width:0;background:#12151d;border:1px solid var(--border);border-radius:.5rem;padding:.5rem;display:grid;gap:.25rem;justify-items:center;font-size:.75rem;min-height:5rem;cursor:pointer}.item-slot span{overflow-wrap:anywhere}.item-slot[aria-pressed=true]{background:var(--accent)}.item-slot[aria-pressed=true]:after{content:"✓";position:absolute;top:.25rem;right:.375rem}.item-slot.rare{border-color:#9b8cd9}.equip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.item-detail{background:#12151d;border-radius:.5rem;display:flex;flex-direction:column}.detail-content{flex:1;overflow-y:auto}.detail-actions{flex-shrink:0;display:grid;gap:.5rem;padding-top:.75rem}.detail-actions .actions{flex-wrap:wrap}@media(max-width:99.99rem){.health-panel{top:1.25rem;left:1.5rem}.quest-panel{top:1.25rem;right:1.5rem;width:17.5rem;padding:.875rem}.minimap{width:10.5rem;height:10.5rem}.game-hints{left:1.5rem;right:1.5rem}.inventory-body{grid-template-columns:15rem minmax(0,1fr) 18.75rem;gap:1rem}.equip-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.equip-grid .item-slot span{display:none}.equip-grid .item-slot{min-height:2.5rem;padding:.25rem}.game-modal-backdrop{padding:1.25rem 1.5rem}}@media(max-width:79.99rem){.game-modal-backdrop{padding:0}.game-modal,.game-modal.wide{width:100%;height:100%;border-radius:0;padding:1rem}.inventory-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;gap:.5rem}.character-stats{flex-shrink:0}.character-stats .preview{display:none}.inventory-bag{overflow-y:auto}.character-stats{overflow:visible}.character-stats h3,.character-stats p{margin:.25rem 0}.character-stats h3{font-size:1rem}.character-stats .item-slot{padding:.25rem;min-height:2.5rem}.character-stats .item-slot svg{width:1rem;height:1rem}.detail-content h3,.detail-content p{margin:.375rem 0}.detail-content h3{font-size:1rem}.detail-content p{font-size:.875rem}.inventory-tabs{position:sticky;top:0;background:#1d2231;z-index:1}.bag-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;flex-shrink:0}.bag-grid .item-slot{min-height:4.25rem;padding:.375rem;gap:.125rem}.item-detail{max-height:26dvh;display:block;overflow-y:auto}.detail-content{overflow:visible}.quest-panel{width:15rem;max-height:calc(100% - 11rem)}.quest-panel .minimap{display:none}.hotbar .hotbar-slot{width:4.5rem;min-width:4.5rem}.health-panel{top:.75rem;left:.75rem}.game-hints{left:.5rem;right:.5rem;font-size:.75rem}.game-hints .button{font-size:.75rem}.loot-popup{right:1rem;width:min(21rem,calc(100% - 2rem))}.connection-banner,.persist-banner,.game-toast{left:1rem;right:1rem}}@media(prefers-reduced-transparency:reduce){.glass,.game-modal{background:var(--surface-elevated);backdrop-filter:none}}.party{position:absolute;left:2.5rem;top:8rem;width:15rem;display:grid;gap:.3rem;pointer-events:auto}.party>strong{font-size:.75rem;color:var(--muted-foreground)}.party .button{display:grid;text-align:left;justify-content:start;padding:.5rem}.party small,.group-body .button small{display:block;color:var(--muted-foreground);font-size:.8125rem}.party-name{color:#b8a9ff}.game-modal[aria-label=Gruppe]{width:min(50rem,100%);padding:2rem;border-radius:1.5rem}.game-modal[aria-label=Gruppe] h2{font-size:1.75rem}.group-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem}.group-body .stack{gap:.75rem}.member-avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#b8a9ff;color:#10131c;flex-shrink:0}.member-label{flex:1;text-align:left}.member-actions{position:fixed;left:calc(50% + 26.25rem);top:26%;width:16.25rem;padding:.375rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-elevated);max-height:65dvh;overflow-y:auto}.member-actions .button{justify-content:start}.group-body .button{min-width:0;white-space:normal;text-align:left}.invite-panel{border-top:1px solid var(--border);padding-top:1.25rem}.invite-url{display:block;overflow-wrap:anywhere;font-size:.9375rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.group-confirm{grid-column:1/-1}.group-actions{padding:1rem .5rem .5rem;flex-shrink:0;flex-wrap:wrap}.report-reason{display:flex;align-items:center;gap:.75rem;margin-block:.75rem}.travel-wait{position:absolute;left:25%;right:25%;top:20%;z-index:6}.location-line{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.4rem .75rem;font-size:.8125rem}.instance-panel{position:absolute;top:5rem;left:50%;transform:translate(-50%);width:min(25rem,80%);text-align:center}.transfer-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#12151df5}.transfer-overlay>div{text-align:center;max-width:30rem;padding:2rem}.social-plaque{color:#b8a9ff}.social-limit{position:absolute;bottom:11rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;z-index:5}.social-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:99.99rem){.party{top:6rem;left:1.5rem;width:13rem;padding:.75rem}.location-line{display:none}.group-actions .button{white-space:normal}.member-actions{position:static;width:auto;max-height:none}}@media(max-width:79.99rem){.game-modal[aria-label=Gruppe]{width:100%;height:100%;padding:1rem;border-radius:0}.group-body{grid-template-columns:minmax(0,1fr)}.party{left:.75rem;width:11.5rem;top:4rem;max-height:40%;overflow-y:auto;font-size:.75rem}.party .button{min-height:2rem;font-size:.75rem}.party small{font-size:.75rem}.travel-wait{left:1rem;right:1rem}.instance-panel{top:1rem;left:auto;right:1rem;transform:none;width:14rem}.group-actions{overflow-y:auto;max-height:40dvh}}.social-wheel{position:relative;width:min(38rem,95vw);height:min(38rem,85dvh);border-radius:50%;padding:0}.wheel-segment{position:absolute;transform:translate(-50%,-50%);min-width:6.5rem;font-size:.8125rem;padding:.5rem;white-space:normal}.wheel-segment[aria-pressed=true]:before{content:"✓"}.wheel-segment[aria-disabled=true]{opacity:.6}.wheel-center{position:absolute;inset:34% 31%;display:grid;place-items:center;text-align:center;font-size:.875rem}.wheel-center p{margin:0}.wheel-center .button{font-size:.75rem;padding:.3rem}.wheel-hint{position:absolute;left:0;right:0;bottom:-2rem;text-align:center;font-size:.75rem}@media(max-width:40rem){.social-wheel{border-radius:1rem}.wheel-segment{min-width:5rem;max-width:6.5rem}}.world-hud{position:fixed;inset:0;pointer-events:none;z-index:5}.world-hud button{pointer-events:auto}.core-counter{position:absolute;top:112px;left:32px;display:grid;grid-template-columns:24px 1fr;gap:8px;color:var(--kern-300);text-align:left}.core-counter strong{font-size:24px}.core-counter span,.core-counter small{grid-column:1 / -1}.chapter-heading{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:8px 16px;max-width:60vw;text-align:center}.world-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px;flex-shrink:0;border-bottom:1px solid var(--border)}.world-tabs [aria-selected=true]{background:var(--accent);box-shadow:inset 0 0 0 1px var(--focus)}.world-panel{min-height:0;overflow:auto;padding:24px}.assignment-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:24px;height:min(720px,65vh)}.assignment-list{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:4px}.assignment-list button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px}.assignment-detail{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:18px}.assignment-detail header,.assignment-detail footer{padding:16px 24px;flex-shrink:0}.assignment-detail footer{border-top:1px solid var(--border)}.assignment-detail h3{margin:0}.assignment-scroll{padding:16px 24px;overflow:auto;min-height:0}.world-card{border-radius:18px;background:var(--surface-elevated);border:1px solid var(--border);padding:24px;min-width:0}.world-card h3{margin-top:0}.world-card progress{width:100%;accent-color:var(--kern-500);margin-top:12px}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.chapter-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-rules p{background:var(--surface-inset);padding:12px;border-radius:12px;margin:0}.chapter-timeline{display:flex;justify-content:space-between;gap:16px;list-style:none;padding:16px;background:var(--surface-inset);border-radius:12px}.chapter-timeline li{display:flex;flex-direction:column;gap:8px}.quota{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin:12px 0;color:var(--kern-300)}.quota strong{font-size:24px}.quota p{flex-basis:100%;margin:0}.find-hint{background:var(--info);color:var(--info-foreground);padding:16px;border-radius:12px}.delivery-content{max-width:720px;margin:auto}.delivery-content .button-gold{background:var(--kern-500);color:var(--background);width:100%;font-weight:700}.delivery-log,.chronicle-list{list-style:none;padding:0;display:grid;gap:16px}.delivery-log li,.chronicle-list li{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.delivery-log time{display:block;color:var(--muted-foreground)}.core-inventory{overflow:auto;padding:16px}.core-inventory svg{vertical-align:middle}.core-inventory article{margin:16px 0}.quest-wayfinder,.fund-preview{position:fixed;right:24px;top:50%;max-width:360px;padding:16px;z-index:5;pointer-events:none}.fund-preview{inset:auto auto 120px 32px}.quest-wayfinder p{margin:8px 0}.core-toasts{position:fixed;top:192px;left:32px;display:grid;gap:12px;width:420px;z-index:8;pointer-events:none}.core-toasts>div{padding:16px;border-radius:16px;pointer-events:auto}.delivery-session-note{position:fixed;top:30%;left:25%;width:50%;padding:20px;z-index:12}.chapter-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px}.chapter-image-fallback{padding:32px;background:var(--nebel-900);border-radius:12px}.recap-card.alternative{color:var(--muted-foreground)}.recap-card.alternative img{opacity:.55}.assignment-detail .compact-list-toggle{display:none}@media(max-width:1599px){.assignment-layout{gap:16px}.world-panel{padding:16px}.core-toasts{width:360px}.chapter-timeline{flex-wrap:wrap}.chapter-timeline li{flex:1 1 40%}}@media(max-width:1279px){.game-modal:has(.world-panel),.game-modal:has(.chapter-content),.game-modal:has(.chronicle-list),.game-modal:has(.recap-card){width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.assignment-layout{display:flex;height:100%}.assignment-detail,.assignment-list{flex:1}.show-detail .assignment-list,.show-list .assignment-detail{display:none}.assignment-detail .compact-list-toggle{display:inline-flex}.world-panel:has(.assignment-layout){overflow:hidden;flex:1}.assignment-scroll{flex:1}.assignment-detail footer{background:var(--surface)}.variant-grid{grid-template-columns:1fr}.chapter-rules{gap:8px}.chapter-heading{top:16px;max-width:70vw;left:auto;right:12px;transform:none;font-size:12px}.core-counter{left:12px;top:80px}.core-toasts{left:12px;top:168px;width:min(360px,calc(100vw - 24px))}}@media(prefers-reduced-transparency:reduce){.world-hud .glass,.core-toasts .glass{background:var(--surface-elevated)}}:root{--background: #0e1118;--foreground: #f2f4fa;--surface: #161a24;--surface-elevated: #1d2231;--surface-inset: #12151d;--muted: #232938;--muted-foreground: #a9b1c3;--primary: #695ffa;--primary-foreground: #ffffff;--secondary: #2a3142;--accent: #2a2470;--accent-foreground: #e8e5ff;--destructive: #c04444;--border: #2c3344;--border-strong: #7a8498;--focus: #8e85fc;--link: #a7a1ff;--success: #16382a;--success-foreground: #7fe0b4;--warning: #44331b;--warning-foreground: #ffd58a;--danger: #482323;--danger-foreground: #ffaaaa;--info: #1e3152;--info-foreground: #9cc2ff;--live: #5ed6ff;--frozen-edge: #8fd7ff;--overlay: #070910cc;--kern-700: #c98a16;--kern-500: #ffc857;--kern-300: #ffe29a;--kern-100: #fff4d6;--nebel-900: #1b2236;--nebel-700: #3a4560;--nebel-500: #6d7891;--nebel-300: #a9b3c7;--nebel-100: #dce2ec;--nebel-violett: #9b8cd9;--hafen-wasser: #2f6e8e;--hafen-holz: #a9744f;--hafen-segel: #f4ebdd;--hafen-dach: #c8553d;--garten-gras: #7cc46f;--garten-moos: #3e8e5a;--garten-bluete: #f29bb2;--garten-sand: #f1ddaf;--schmiede-basalt: #4a4e5c;--schmiede-schiefer: #7c8799;--schmiede-kupfer: #c9824a;--schmiede-glut: #f0703c;--krone-hochnebel: #b9a8e8;--krone-eis: #a7f0ff;--krone-tanne: #2f5d62;--krone-fels: #8e8aa6;--lesbar-selbst: #5ed6ff;--lesbar-gruppe-2: #b8a9ff;--lesbar-gruppe-3: #7fe3b0;--lesbar-gruppe-4: #ff9ec7;--lesbar-gegner: #ff5d5d;--lesbar-interaktion: #ffc857;--lesbar-npc: #f2f4fa;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-vietnamese-wght-normal-CfVCUiwU.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-latin-ext-wght-normal-HZLZm8wG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-latin-wght-normal-4x4LLvEw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{color:var(--foreground);font-family:Hubot Sans Variable,system-ui,sans-serif;line-height:1.45}button,input,select{font:inherit;color:inherit}h1,h2,p{margin:0}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.25rem}small,.field label,.field p,.hint{font-size:.8125rem}:focus-visible,[data-device=gamepad] :focus{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--background)}input:focus{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 35rem;gap:4rem;padding:9.375rem 6.25vw 3rem;align-items:start;position:relative;isolation:isolate}.shell:before{content:"";z-index:-1;position:fixed;inset:0;background:linear-gradient(90deg,#0e111899,#0e1118bb),url(/assets/onboarding/gartenkueste.svg) center / cover}.brand{max-width:35rem}.brand strong{display:block;font:700 4rem/1.05 Fredoka Variable,sans-serif;margin-bottom:1rem}.brand p{font-size:1.1875rem}.brand small{display:block;margin-top:1rem;letter-spacing:.08em}.panel{background:linear-gradient(160deg,#1d2231eb,#12151de6);border:1px solid #9dd5ff33;border-radius:var(--radius-xl);padding:2.5rem;backdrop-filter:blur(28px);box-shadow:0 18px 60px #0000004d,inset 0 1px #ffffff0e;min-width:0}.stack,form{display:flex;flex-direction:column;gap:1.375rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-weight:600}.control{display:flex;align-items:center;gap:.625rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-inset);padding:.75rem .875rem}.control:has([aria-invalid=true]){border-color:var(--danger-foreground)}.control input{width:100%;min-width:0;background:transparent;border:0;padding:.125rem}.control .button{min-height:0;padding:.25rem}.button{cursor:pointer;border-radius:var(--radius-md);border:1px solid transparent;min-height:2.875rem;padding:.75rem 1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-weight:600;overflow-wrap:anywhere}.button.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--focus)}.button.secondary{background:var(--secondary);border-color:var(--border-strong)}.button.ghost{background:transparent;color:var(--link)}.button.destructive{background:var(--destructive)}.button:hover:not(:disabled){filter:brightness(1.12)}.button:active:not(:disabled){filter:brightness(.9)}.button:disabled{opacity:.6;cursor:not-allowed}.banner{display:flex;gap:.75rem;padding:1rem;border-radius:var(--radius-md)}.banner>svg{flex:none}.banner.info{background:var(--info);color:var(--info-foreground)}.banner.danger{background:var(--danger);color:var(--danger-foreground)}.banner.warning{background:var(--warning);color:var(--warning-foreground)}.banner.success{background:var(--success);color:var(--success-foreground)}.field-error{color:var(--danger-foreground)}.muted{color:var(--muted-foreground)}.consent{display:flex;align-items:start;gap:.75rem;font-size:.875rem}.consent input{flex:none;width:1.375rem;height:1.375rem;accent-color:var(--primary)}kbd{font:600 .8125rem/1.2 Hubot Sans Variable,sans-serif;display:inline-block;padding:.25rem .5rem;border:1px solid currentColor;border-radius:.375rem}.hints{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:1.75rem;align-self:end}.steps{padding:1rem;border-radius:var(--radius-md);background:var(--surface-inset);list-style:none;margin:0;display:grid;gap:.625rem}.actions,.suggestions,.choices{display:flex;flex-wrap:wrap;gap:.625rem}.actions>*{flex:1}.choices button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground);border:2px solid var(--focus)}.character-shell{grid-template-columns:minmax(0,1fr) minmax(0,43.75rem);padding-top:4.5rem}.character-shell:before{background:radial-gradient(at 33% 55%,#2a3554,var(--background))}.preview{display:grid;gap:1rem;justify-items:center}.preview svg{width:min(100%,29rem);height:auto;max-height:34rem}.character-layout{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,43.75rem);gap:4rem}.character-form{background:#1d2231eb;border:1px solid #9dd5ff33;border-radius:var(--radius-xl);padding:2rem}@media(max-width:1599px){.character-layout{grid-template-columns:minmax(0,1fr) minmax(0,36rem);gap:2rem}}@media(max-width:1279px){.character-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.character-form fieldset{border:0;padding:0;margin:0;display:grid;gap:.5rem}.character-form legend{font-weight:600;margin-bottom:.5rem}.appearance-groups{display:grid;gap:1rem}.choices .swatch{border-radius:50%;width:2.75rem;min-height:2.75rem;padding:.125rem;border:2px solid transparent}.choices .swatch[aria-pressed=true]{border-color:var(--foreground)}.swatch-check{background:var(--background);color:var(--foreground);border-radius:50%;width:1.5rem;height:1.5rem;line-height:1.5rem}.hair-card{min-width:3rem}select{background:var(--surface-inset);border:1px solid var(--border-strong);padding:.75rem;border-radius:var(--radius-md);width:100%}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{position:fixed;z-index:10;inset:0;background:var(--overlay);display:grid;place-items:center;padding:1rem}.dialog{max-width:46rem;max-height:calc(100dvh - 2rem);overflow:auto;width:100%}.keyboard{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.375rem}.keyboard .button{padding:.5rem;min-width:0}.keyboard-value{word-break:break-all;min-height:2rem}@media(max-width:1599px){.shell{padding:3rem;gap:2rem}.brand strong{font-size:3rem}.character-shell{grid-template-columns:minmax(0,1fr) minmax(0,36rem)}.panel{padding:2rem}}@media(max-width:1279px){.shell{grid-template-columns:minmax(0,1fr);padding:1.5rem;gap:1.5rem}.brand{max-width:none}.brand strong{font-size:2rem}.brand p{font-size:1rem}.brand small{display:none}.panel{border-radius:var(--radius-md);padding:1.5rem}.character-shell{display:flex;flex-direction:column}.character-shell>*{width:100%}.preview svg{max-height:12rem}.hints{gap:.75rem}}@media(max-width:600px){.shell,.panel{padding:1rem}.actions{flex-direction:column}.keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.panel{background:var(--surface-elevated);backdrop-filter:none}}