.settings-page{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.settings-page h1{font-size:1.5rem;font-weight:700;color:var(--text-primary,#e6edf3);margin-bottom:.5rem}.settings-description{color:var(--text-secondary,#a0a8b4);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#a0a8b4);font-family:var(--font-data,var(--font-mono,monospace));margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,0);background-image:linear-gradient(90deg,transparent,var(--glow-warm,rgba(212,175,55,.2)),transparent);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}.settings-toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 0;cursor:pointer}.settings-toggle input[type=checkbox]{margin-top:3px;accent-color:var(--accent-green,#3fb950)}.settings-toggle span{font-size:.875rem;color:var(--text-primary,#e6edf3);font-weight:500}.settings-toggle small{display:block;font-size:.75rem;color:var(--text-muted,#a0a8b4);margin-top:2px}.settings-field{display:flex;flex-direction:column;gap:.375rem;padding:.5rem 0}.settings-field span{font-size:.8rem;color:var(--text-secondary,#a0a8b4);font-weight:500}.settings-field input[type=range],.settings-field select{max-width:280px}.settings-field select{padding:.5rem;background:var(--app-surface-panel,var(--bg-surface));border:1px solid var(--border-default,#30363d);border-radius:6px;color:var(--text-primary,#e6edf3);font-size:.8rem}.settings-field input[type=range]{accent-color:var(--accent-blue,#58a6ff)}.settings-pill-group{display:flex;gap:.5rem}.settings-pill{padding:.375rem .875rem;border-radius:6px;border:1.5px solid var(--border-default,#30363d);background:rgba(0,0,0,0);color:var(--text-secondary,#a0a8b4);font-size:.8rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:border-color .2s ease,color .15s ease,background .15s ease,box-shadow .25s ease}@media(hover:hover){.settings-pill:hover:not(.settings-pill--active){border-color:var(--text-muted);color:var(--text-primary);box-shadow:0 0 10px var(--glow-blue,rgba(106,159,216,.06))}}.settings-pill--active{background:var(--accent-blue,#58a6ff);color:#fff;border-color:var(--accent-blue,#58a6ff);box-shadow:0 0 14px color-mix(in srgb,var(--accent-blue) 15%,transparent)}.settings-stat{display:flex;align-items:baseline;gap:.5rem;padding:.75rem 1rem;background:var(--app-surface-panel,var(--bg-surface));border-radius:8px;margin-bottom:1.5rem}.settings-stat__value{font-size:1.5rem;font-weight:700;color:var(--accent-blue,#58a6ff);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-stat__label{font-size:.8rem;color:var(--text-muted,#a0a8b4)}.settings-hint{font-size:.75rem;color:var(--text-muted,#a0a8b4);line-height:1.5;margin:.25rem 0 .75rem}.settings-saving{color:var(--accent-green,#3fb950);font-size:.75rem;font-weight:600;text-align:center;margin-top:.5rem}.settings-hub{max-width:720px}.settings-hub__section{margin-bottom:1.5rem}.settings-hub__section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#a0a8b4);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.settings-hub__grid{display:flex;flex-direction:column;gap:6px}.settings-hub__card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-elevated,var(--bg-surface));border:1.5px solid var(--border-default,color-mix(in srgb,var(--text-primary) 6%,transparent));border-radius:10px;text-decoration:none;transition:border-color .2s ease,background .15s ease,box-shadow .25s ease}.settings-hub__card:hover{border-color:var(--accent-teal);background:var(--bg-surface);box-shadow:0 0 16px var(--glow-blue,rgba(106,159,216,.06))}.settings-hub__card:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.settings-hub__card-icon{font-size:1.25rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--text-primary) 4%,transparent);border-radius:8px}.settings-hub__card-label{color:var(--text-primary,#e6edf3);font-size:.9rem;font-weight:600;font-family:var(--font-body)}.settings-hub__card-desc{color:var(--text-muted,#a0a8b4);font-size:.75rem;margin-top:1px}.settings-hub__help{margin-top:2rem;padding-top:1rem}@media(max-width:768px){.settings-page{padding:1.25rem 1rem}.settings-hub__grid{grid-template-columns:1fr}}.input-settings-panel h2{font-family:var(--font-display,var(--font-serif),Georgia),serif;font-size:1.2rem;font-weight:700;color:var(--text-primary,#e2e8f0);margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 6%,transparent))}.input-settings-panel h2:first-of-type{margin-top:0}.input-settings-panel h3{font-family:var(--font-display,var(--font-serif),Georgia),serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:1rem 0 .5rem}.input-settings-panel h3,.input-settings-panel p{font-size:.88rem;color:var(--text-secondary,#a4b0c1)}.input-settings-panel p{line-height:1.55;margin:0 0 1rem}.input-settings-panel kbd{padding:3px 9px;background:var(--bg-elevated,var(--bg-elevated));border:solid var(--border-default,color-mix(in srgb,var(--text-primary) 14%,transparent));border-width:1px 1px 2px;border-radius:5px;color:var(--text-primary);white-space:nowrap}.input-settings-panel code,.input-settings-panel kbd{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:12.5px}.input-settings-panel code{padding:2px 6px;background:var(--bg-surface,var(--bg-surface));border-radius:4px;color:var(--accent-teal,#5edece)}.input-settings-panel__description{color:var(--text-muted,#a0a8b4);font-size:.85rem;line-height:1.6;margin-bottom:1rem}.input-settings-panel__info{padding:.75rem 1rem;background:color-mix(in srgb,var(--accent-teal,#5edece) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent-teal,#5edece) 24%,transparent);border-radius:8px;font-size:.85rem;color:var(--text-primary);margin:.75rem 0 1rem}.input-settings-panel__field{margin-bottom:1.2rem}.input-settings-panel__field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary,#e2e8f0);margin-bottom:.4rem}.input-settings-panel__field select{display:block;width:100%;max-width:360px;padding:.55rem .7rem;background:var(--bg-surface,var(--bg-surface));border:1.5px solid var(--border-default,color-mix(in srgb,var(--text-primary) 10%,transparent));border-radius:8px;color:var(--text-primary);font-size:.88rem;cursor:pointer}.input-settings-panel__field select:focus{outline:none;border-color:var(--accent-teal,#5edece);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-teal,#5edece) 20%,transparent)}.input-settings-panel__checkbox{display:flex!important;align-items:center;gap:10px;cursor:pointer;font-weight:500!important;margin-bottom:.35rem!important}.input-settings-panel__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-teal,#5edece);cursor:pointer}.input-settings-panel__hint{font-size:.78rem;line-height:1.55;color:var(--text-muted,#a0a8b4);margin:.3rem 0 0 28px}.input-settings-panel__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:8px;overflow:hidden;background:var(--bg-surface,var(--bg-surface));border:1px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 6%,transparent))}@media(max-width:768px){.input-settings-panel__info-grid{grid-template-columns:1fr}}.input-settings-panel__info-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .9rem;font-size:.8rem;border-bottom:1px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 4%,transparent))}.input-settings-panel__info-row:last-child,.input-settings-panel__info-row:nth-last-child(2){border-bottom:none}.input-settings-panel__info-row span:first-child{color:var(--text-muted,#a0a8b4)}.input-settings-panel__info-row span:last-child{color:var(--text-primary);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.input-settings-panel__shortcut-group{margin-bottom:1.25rem}.input-settings-panel__shortcut-list{margin:0;padding:.6rem .9rem;background:var(--bg-surface,var(--bg-surface));border:1px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 6%,transparent));border-radius:10px}.input-settings-panel__shortcut-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:.4rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-subtle,white) 4%,transparent)}.input-settings-panel__shortcut-row:last-child{border-bottom:none}.input-settings-panel__shortcut-row dt{margin:0}.input-settings-panel__shortcut-row dd{margin:0;color:var(--text-secondary,#a4b0c1);align-self:center;font-size:.85rem}.delete-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal__card{background:linear-gradient(170deg,color-mix(in srgb,var(--text-primary) 6%,transparent),color-mix(in srgb,var(--text-primary) 2%,transparent));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;padding:24px;max-width:380px;width:90%;border:1.5px solid color-mix(in srgb,var(--text-primary) 8%,transparent);box-shadow:0 12px 48px rgba(0,0,0,.5),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 6%,transparent)}.delete-modal__icon{text-align:center;margin-bottom:12px}.delete-modal__title{color:#f1f5f9;margin:0 0 8px;font-size:20px;font-weight:700;text-align:center}.delete-modal__body{color:#94a3b8;margin:0 0 16px;font-size:14px;text-align:center;line-height:1.5}.delete-modal__body strong{color:#f1f5f9}.delete-modal__warning{color:#f59e0b;margin:-8px 0 16px;font-size:13px;text-align:center}.delete-modal__label{color:#a0a8b4;font-size:12px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.delete-modal__input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:8px;color:#e2e8f0;font-size:14px;outline:none;box-sizing:border-box;margin-bottom:16px;transition:border-color .15s ease}.delete-modal__input--matched{border-color:#ef4444}.delete-modal__actions{display:flex;gap:8px}.delete-modal__btn{flex:1 1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .15s ease,box-shadow .25s ease}.delete-modal__btn--cancel{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:#cbd5e1;border:1.5px solid color-mix(in srgb,var(--text-primary) 12%,transparent);font-weight:500}.delete-modal__btn--cancel:hover{background:hsla(0,0%,100%,.09);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--text-primary) 4%,transparent)}.delete-modal__btn--confirm{background:var(--bg-elevated);color:#a0a8b4;border:1.5px solid color-mix(in srgb,var(--text-primary) 8%,transparent);cursor:not-allowed}.delete-modal__btn--confirm-active{background:linear-gradient(180deg,#dc2626,#b91c1c);color:#fff;border-color:#ef4444;cursor:pointer;box-shadow:0 3px 0 #991b1b,0 0 16px rgba(239,68,68,.1)}.delete-modal__btn--confirm-active:hover{box-shadow:0 3px 0 #991b1b,0 0 24px rgba(239,68,68,.2),0 0 8px rgba(239,68,68,.1)}.delete-modal__btn--confirm-active:active{box-shadow:0 1px 0 #991b1b,0 0 10px rgba(239,68,68,.1)}.delete-modal__btn--confirm:disabled{opacity:.4}@media(max-width:768px){.delete-modal__card{padding:16px;max-width:none;width:calc(100vw - 32px)}.delete-modal__btn{min-height:44px;min-width:44px}}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{position:absolute;z-index:1100;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-elevated,#1e1e2e);color:var(--text-primary,#fff);font-family:var(--font-display),sans-serif;font-size:.72rem;font-weight:500;line-height:1.4;padding:6px 10px;border-radius:6px;white-space:normal;max-width:200px;width:max-content;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid var(--border-default,color-mix(in srgb,var(--text-primary) 8%,transparent))}[data-tooltip]:before{content:"";border:5px solid rgba(0,0,0,0)}[data-tooltip]:after{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px)}[data-tooltip]:before{bottom:calc(100% - 2px);left:50%;transform:translateX(-50%);border-top-color:var(--bg-elevated,#1e1e2e)}[data-tooltip][data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}[data-tooltip][data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% - 2px);border-top-color:rgba(0,0,0,0);border-bottom-color:var(--bg-elevated,#1e1e2e)}[data-tooltip][data-tooltip-pos=left]:after{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(4px)}[data-tooltip][data-tooltip-pos=left]:before{bottom:auto;left:auto;right:calc(100% - 2px);top:50%;transform:translateY(-50%);border-top-color:rgba(0,0,0,0);border-left-color:var(--bg-elevated,#1e1e2e)}[data-tooltip][data-tooltip-pos=right]:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(-4px)}[data-tooltip][data-tooltip-pos=right]:before{bottom:auto;left:calc(100% - 2px);top:50%;transform:translateY(-50%);border-top-color:rgba(0,0,0,0);border-right-color:var(--bg-elevated,#1e1e2e)}[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}[data-tooltip][data-tooltip-pos=bottom]:focus-visible:after,[data-tooltip][data-tooltip-pos=bottom]:hover:after{transform:translateX(-50%) translateY(0)}[data-tooltip][data-tooltip-pos=left]:focus-visible:after,[data-tooltip][data-tooltip-pos=left]:hover:after{transform:translateY(-50%) translateX(0)}[data-tooltip][data-tooltip-pos=right]:focus-visible:after,[data-tooltip][data-tooltip-pos=right]:hover:after{transform:translateY(-50%) translateX(0)}@media(hover:none){[data-tooltip]:active:after,[data-tooltip]:active:before{opacity:1}}.skeleton{background:var(--bg-card,#28261f);border-radius:4px;color:rgba(0,0,0,0)!important;position:relative;overflow:hidden}.skeleton>*{visibility:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--bg-elevated,#2e2b24) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:transform}.skeleton--text{background:var(--bg-card,#28261f);border-radius:4px;color:rgba(0,0,0,0)!important;position:relative;overflow:hidden}.skeleton--text>*{visibility:hidden}.skeleton--text:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--bg-elevated,#2e2b24) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:transform}.skeleton--text{height:.85em;margin-bottom:.4em;border-radius:3px}.skeleton--circle{background:var(--bg-card,#28261f);border-radius:4px;color:rgba(0,0,0,0)!important;position:relative;overflow:hidden}.skeleton--circle>*{visibility:hidden}.skeleton--circle:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--bg-elevated,#2e2b24) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:transform}.skeleton--circle{border-radius:50%}.skeleton--card{background:var(--bg-card,#28261f);border-radius:4px;color:rgba(0,0,0,0)!important;position:relative;overflow:hidden}.skeleton--card>*{visibility:hidden}.skeleton--card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--bg-elevated,#2e2b24) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:transform}.skeleton--card{height:120px;border-radius:12px}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.reveal-stagger.revealed>:first-child{transition-delay:60ms}.reveal-stagger.revealed>:nth-child(2){transition-delay:.12s}.reveal-stagger.revealed>:nth-child(3){transition-delay:.18s}.reveal-stagger.revealed>:nth-child(4){transition-delay:.24s}.reveal-stagger.revealed>:nth-child(5){transition-delay:.3s}.reveal-stagger.revealed>:nth-child(6){transition-delay:.36s}.reveal-stagger.revealed>:nth-child(7){transition-delay:.42s}.reveal-stagger.revealed>:nth-child(8){transition-delay:.48s}.reveal-stagger.revealed>:nth-child(9){transition-delay:.54s}.reveal-stagger.revealed>:nth-child(10){transition-delay:.6s}.reveal-stagger.revealed>:nth-child(11){transition-delay:.66s}.reveal-stagger.revealed>:nth-child(12){transition-delay:.72s}.game-loot-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);z-index:1000;animation:loot-backdrop-in .2s ease-out}.game-loot-modal__panel{background:var(--surface-elevated,rgba(15,15,20,.98));border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:8px;padding:0;min-width:280px;max-width:400px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,.7);animation:loot-panel-in .25s ease-out}.game-loot-modal__header{padding:.6rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.85rem;color:var(--text-primary,#e2e8f0)}.game-loot-modal__close{background:none;border:none;color:var(--text-muted,#94a3b8);font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:3px}.game-loot-modal__close:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-primary,#e2e8f0)}.game-loot-modal__empty{padding:1.5rem;text-align:center;font-size:.78rem;color:var(--text-muted,#94a3b8);font-style:italic}.game-loot-modal__items{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;max-height:50vh}.game-loot-modal__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--text-primary) 3%,transparent);border-left:2px solid var(--loot-rarity-color,#6b7280);cursor:pointer;transition:background .1s}.game-loot-modal__item:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.game-loot-modal__item[data-rarity=common]{--loot-rarity-color:#6b7280}.game-loot-modal__item[data-rarity=uncommon]{--loot-rarity-color:#22c55e}.game-loot-modal__item[data-rarity=rare]{--loot-rarity-color:#3b82f6}.game-loot-modal__item[data-rarity=epic]{--loot-rarity-color:#a855f7}.game-loot-modal__item[data-rarity=legendary]{--loot-rarity-color:#f59e0b}.game-loot-modal__item[data-rarity=mythic]{--loot-rarity-color:#ef4444}.game-loot-modal__item-qty{margin-left:4px;color:var(--text-muted,#94a3b8)}.game-loot-modal__item-actions{display:flex;align-items:center;gap:6px}.game-loot-modal__quantity{display:flex;align-items:center;gap:2px}.game-loot-modal__qty-btn{background:color-mix(in srgb,var(--text-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:3px;color:var(--text-primary,#e2e8f0);width:20px;height:20px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.game-loot-modal__qty-btn:hover{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.game-loot-modal__qty-value{min-width:18px;text-align:center;font-size:.75rem;font-weight:600}.game-loot-modal__take-btn{font-size:.75rem;padding:2px 8px;border-radius:3px;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.1);color:#22c55e;cursor:pointer;white-space:nowrap;font-weight:600}.game-loot-modal__take-btn:hover{background:rgba(34,197,94,.2)}.game-loot-modal__footer{padding:.5rem .6rem;border-top:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);display:flex;justify-content:flex-end;gap:.4rem}.game-loot-modal__take-all-btn{font-size:.75rem;padding:4px 12px;border-radius:4px;border:none;background:#238636;color:#fff;cursor:pointer;font-weight:600}.game-loot-modal__take-all-btn:hover{background:#2ea043}.game-loot-modal__dismiss-btn{font-size:.75rem;padding:4px 12px;border-radius:4px;border:1px solid color-mix(in srgb,var(--text-primary) 15%,transparent);background:rgba(0,0,0,0);color:var(--text-muted,#94a3b8);cursor:pointer}.game-loot-modal__dismiss-btn:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}@keyframes loot-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes loot-panel-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.game-loot-modal{align-items:flex-end}.game-loot-modal__panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:60dvh;border-radius:12px 12px 0 0;border:none;border-top:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent)}}:root{--font-brand:var(--font-cinzel),Georgia,"Times New Roman",serif;--font-body:var(--font-inter),system-ui,-apple-system,"Segoe UI",sans-serif;--font-data:var(--font-mono),"SFMono-Regular","SF Mono",Consolas,monospace;--font-display:var(--font-cinzel),Georgia,"Times New Roman",serif}.badge-trending{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;background:rgba(249,115,22,.25);color:#fdba74;border:1px solid rgba(249,115,22,.4);box-shadow:0 0 14px rgba(249,115,22,.15);transition:box-shadow .2s ease}@media(hover:hover){.badge-trending:hover{box-shadow:0 0 20px rgba(249,115,22,.15)}}.badge-new{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;background:rgba(59,130,246,.25);color:#93c5fd;border:1px solid rgba(59,130,246,.4);box-shadow:0 0 14px rgba(59,130,246,.15);transition:box-shadow .2s ease}@media(hover:hover){.badge-new:hover{box-shadow:0 0 20px rgba(59,130,246,.15)}}.badge-featured{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;background:rgba(74,222,128,.25);color:#86efac;border:1px solid rgba(74,222,128,.4);box-shadow:0 0 14px rgba(74,222,128,.15);transition:box-shadow .2s ease}@media(hover:hover){.badge-featured:hover{box-shadow:0 0 20px rgba(74,222,128,.15)}}.badge-top{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;background:rgba(234,179,8,.25);color:#fde68a;border:1px solid rgba(234,179,8,.4);box-shadow:0 0 14px rgba(234,179,8,.15);transition:box-shadow .2s ease}@media(hover:hover){.badge-top:hover{box-shadow:0 0 20px rgba(234,179,8,.15)}}.badge-popular{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;background:rgba(236,72,153,.25);color:#f9a8d4;border:1px solid rgba(236,72,153,.4);box-shadow:0 0 14px rgba(236,72,153,.15);transition:box-shadow .2s ease}@media(hover:hover){.badge-popular:hover{box-shadow:0 0 20px rgba(236,72,153,.15)}}.badge-pills{display:flex;gap:4px;flex-wrap:wrap}[data-theme=arctic-mist] .badge-trending,[data-theme=frost-meadow] .badge-trending,[data-theme=gilded-library] .badge-trending{background:#fff7ed;color:#9a3412;border-color:#fdba74;box-shadow:none}[data-theme=arctic-mist] .badge-new,[data-theme=frost-meadow] .badge-new,[data-theme=gilded-library] .badge-new{background:#eff6ff;color:#1e40af;border-color:#93c5fd;box-shadow:none}[data-theme=arctic-mist] .badge-featured,[data-theme=frost-meadow] .badge-featured,[data-theme=gilded-library] .badge-featured{background:#f0fdf4;color:#166534;border-color:#86efac;box-shadow:none}[data-theme=arctic-mist] .badge-top,[data-theme=frost-meadow] .badge-top,[data-theme=gilded-library] .badge-top{background:#fffbeb;color:#92400e;border-color:#fcd34d;box-shadow:none}[data-theme=arctic-mist] .badge-popular,[data-theme=frost-meadow] .badge-popular,[data-theme=gilded-library] .badge-popular{background:#fdf2f8;color:#9d174d;border-color:#f9a8d4;box-shadow:none}.stat-bar{display:flex;align-items:center;gap:.75rem;padding:8px 12px;background:rgba(0,0,0,.3);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:6px;font-family:var(--font-data,var(--font-mono,monospace));font-size:10px;font-weight:500}[data-theme=arctic-mist] .stat-bar,[data-theme=frost-meadow] .stat-bar,[data-theme=gilded-library] .stat-bar{background:rgba(0,0,0,.03);border:2px solid rgba(0,0,0,.06)}.stat-hp{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.25)}.stat-gold{color:rgba(212,175,55,.7);text-shadow:0 0 6px rgba(212,175,55,.2)}.stat-label{color:color-mix(in srgb,var(--text-primary) 25%,transparent)}[data-theme=arctic-mist] .stat-label,[data-theme=frost-meadow] .stat-label,[data-theme=gilded-library] .stat-label{color:rgba(0,0,0,.35)}.stat-turn{text-transform:uppercase;letter-spacing:.05em}.stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-theme^=neon-] .stat-bar{border-color:var(--border-default);box-shadow:var(--shadow-card);background:var(--retro-glass-bg,rgba(0,0,0,.5))}[data-theme^=neon-] .stat-gold,[data-theme^=neon-] .stat-hp,[data-theme^=neon-] .stat-value{text-shadow:var(--retro-text-glow)}@keyframes priceFlash{0%,to{background-color:rgba(0,0,0,0)}50%{background-color:rgba(var(--panel-accent-rgb,0,255,136),.2)}}@keyframes levelUp{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(var(--panel-accent-rgb,0,255,136),.7)}50%{transform:scale(1.1);box-shadow:0 0 0 20px rgba(var(--panel-accent-rgb,0,255,136),0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(var(--panel-accent-rgb,0,255,136),0)}}@keyframes combatShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px)}}@keyframes newsScroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px rgba(var(--panel-accent-rgb,0,255,136),.3)}50%{box-shadow:0 0 20px rgba(var(--panel-accent-rgb,0,255,136),.6)}}@keyframes dangerFlash{0%,to{opacity:1}50%{opacity:.6}}@keyframes playerPulseAnim{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes terminalBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes terminalGlow{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor}}@keyframes crtFlicker{0%{opacity:1}5%{opacity:.97}10%{opacity:1}15%{opacity:.99}20%{opacity:1}}@keyframes scanlineScroll{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}@keyframes retroGlow{0%{text-shadow:0 0 5px var(--accent-green),0 0 10px var(--accent-green),0 0 15px var(--accent-green)}to{text-shadow:0 0 10px var(--accent-green),0 0 20px var(--accent-green),0 0 30px var(--accent-green)}}[data-theme^=neon-] .animate-fadeIn,[data-theme^=neon-] .animate-slideInDown,[data-theme^=neon-] .animate-slideInUp{animation-timing-function:steps(10)}.animate-priceFlash{animation:priceFlash .5s ease-out}.animate-levelUp{animation:levelUp .8s ease-out}.animate-shake{animation:combatShake .3s ease-out}.animate-glowPulse{animation:glowPulse 2s ease-in-out infinite}.animate-dangerFlash{animation:dangerFlash .5s ease-in-out infinite}.animate-playerPulse{animation:playerPulseAnim 1.5s ease-out infinite}.animate-terminalBlink{animation:terminalBlink 1s steps(2,start) infinite}.animate-terminalGlow{animation:terminalGlow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(max-width:768px){.animate-glowPulse,.animate-terminalGlow{animation:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-spin{animation-duration:1.5s!important}}@media(prefers-contrast:high){.animate-glowPulse,.animate-retroGlow,.animate-terminalGlow{animation:none}}[data-game-theme^=neon-] .dashboard,[data-game-theme^=neon-] .game-session-layout,[data-theme^=neon-] .dashboard,[data-theme^=neon-] .game-session-layout{position:relative}[data-game-theme^=neon-] .dashboard:before,[data-game-theme^=neon-] .game-session-layout:before,[data-theme^=neon-] .dashboard:before,[data-theme^=neon-] .game-session-layout:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--retro-crt-tint) 3px,var(--retro-crt-tint) 6px);pointer-events:none;z-index:100;opacity:var(--retro-scanline-opacity,.3);animation:scanlineScroll 8s linear infinite}[data-game-theme^=neon-] .dashboard:after,[data-game-theme^=neon-] .game-session-layout:after,[data-theme^=neon-] .dashboard:after,[data-theme^=neon-] .game-session-layout:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,transparent 85%,rgba(0,0,0,.1) 95%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:100}@media(max-width:768px){[data-game-theme^=neon-] .dashboard:before,[data-game-theme^=neon-] .game-session-layout:before,[data-theme^=neon-] .dashboard:before,[data-theme^=neon-] .game-session-layout:before{opacity:.15}}@media(prefers-reduced-motion:reduce){[data-game-theme^=neon-] .dashboard:before,[data-game-theme^=neon-] .game-session-layout:before,[data-theme^=neon-] .dashboard:before,[data-theme^=neon-] .game-session-layout:before{animation:none}}[data-game-theme^=neon-] h1,[data-game-theme^=neon-] h2,[data-game-theme^=neon-] h3,[data-game-theme^=neon-] h4,[data-game-theme^=neon-] h5,[data-game-theme^=neon-] h6,[data-theme^=neon-] h1,[data-theme^=neon-] h2,[data-theme^=neon-] h3,[data-theme^=neon-] h4,[data-theme^=neon-] h5,[data-theme^=neon-] h6{text-shadow:var(--retro-text-glow);text-transform:uppercase;letter-spacing:1px}[data-game-theme^=neon-] button,[data-theme^=neon-] button{text-transform:uppercase;letter-spacing:1.5px;text-shadow:var(--retro-text-glow)}[data-game-theme^=neon-] button:hover,[data-theme^=neon-] button:hover{box-shadow:var(--retro-glow-primary)}[data-game-theme^=neon-] input,[data-game-theme^=neon-] select,[data-game-theme^=neon-] textarea,[data-theme^=neon-] input,[data-theme^=neon-] select,[data-theme^=neon-] textarea{background:var(--bg-primary);text-shadow:0 0 5px currentColor;box-shadow:inset 0 0 10px rgba(var(--panel-accent-rgb,0,255,65),.1)}[data-game-theme^=neon-] input:focus,[data-game-theme^=neon-] select:focus,[data-game-theme^=neon-] textarea:focus,[data-theme^=neon-] input:focus,[data-theme^=neon-] select:focus,[data-theme^=neon-] textarea:focus{box-shadow:inset 0 0 15px rgba(var(--panel-accent-rgb,0,255,65),.2),0 0 20px rgba(var(--panel-accent-rgb,0,255,65),.3)}[data-game-theme^=neon-] ::-webkit-scrollbar,[data-theme^=neon-] ::-webkit-scrollbar{width:12px;background:var(--bg-secondary)}[data-game-theme^=neon-] ::-webkit-scrollbar-thumb,[data-theme^=neon-] ::-webkit-scrollbar-thumb{background:var(--accent-green);border:1px solid var(--border-default);box-shadow:inset 0 0 6px rgba(var(--panel-accent-rgb,0,255,65),.5)}[data-game-theme^=neon-] .hud-panel,[data-theme^=neon-] .hud-panel{border:var(--card-border);box-shadow:var(--shadow-card)}.btn-inline-accent{color:var(--color-accent);font-size:.8rem}.btn-inline-accent,.btn-inline-muted{background:none;border:none;cursor:pointer}.btn-inline-muted{color:var(--color-text-muted)}.btn-inline-danger{margin-top:.5rem}.btn-inline-danger,.btn-inline-danger-sm{color:var(--color-error,#dc2626);background:none;border:none;cursor:pointer;font-size:.8rem}.btn-inline-muted-sm{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.85rem}.text-muted-xs{font-size:.75rem;color:var(--color-text-muted)}.text-muted-sm{font-size:.85rem;color:var(--color-text-muted)}.flex-1{flex:1 1}.grid-2col{gap:.5rem}.grid-2col,.grid-2col-md{display:grid;grid-template-columns:1fr 1fr}.grid-2col-md{gap:.75rem}.grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.flex-row-center,.flex-row-center-pointer{display:flex;align-items:center;gap:.5rem}.flex-row-center-pointer{cursor:pointer}.flex-wrap-tags{display:flex;flex-wrap:wrap;gap:.35rem}.studio-field-row{margin:.5rem 0}.studio-field-row,.studio-field-row-sm{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.studio-field-row-sm{margin:.25rem 0}.studio-field-row-inline{display:flex;align-items:center;gap:.3rem;font-size:.85rem;cursor:pointer}.studio-tag-row{align-items:center}.studio-tag-row,.studio-tag-row-sm{display:flex;gap:.35rem;margin-bottom:.25rem}.studio-tag-row-md{display:flex;gap:.35rem;margin-bottom:.35rem;align-items:center}.mt-xs{margin-top:.5rem}.mt-sm{margin-top:.75rem}.mt-md{margin-top:1rem}.border-top-section{border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:.5rem}.input-sm{width:60px}.input-md{width:80px}.input-lg{width:120px}.hidden-file-input{display:none}.cursor-pointer{cursor:pointer}.studio-section-heading{font-size:.85rem;margin-top:.75rem;margin-bottom:.5rem}.btn-inline-accent-link{background:none;border:none;color:var(--color-accent);cursor:pointer}.bar-fill{background:var(--bar-color,var(--color-accent))}.bar-fill,.bar-fill-no-bg{width:var(--bar-width,0)}.text-dynamic{color:var(--dynamic-color)}.bg-dynamic{background-color:var(--dynamic-color)}.bg-fill-dynamic{background:var(--dynamic-color)}.border-dynamic{border-color:var(--dynamic-color)}.border-left-dynamic{border-left-color:var(--dynamic-color)}.anim-delay{animation-delay:var(--delay)}.pos-absolute-dynamic{top:var(--pos-top);left:var(--pos-left)}.size-dynamic{width:var(--el-width);height:var(--el-height)}.bg-image-dynamic{background-image:var(--bg-image)}.opacity-muted{opacity:.5}.max-w-80{max-width:80px}.inline-icon{opacity:.5;margin-left:4px;vertical-align:middle;display:inline-block}.flex-row-xs{display:flex;gap:6px;margin-bottom:6px}.border-top-section-lg{border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1rem}.card-bordered{padding:.5rem}.card-bordered,.card-bordered-md{border:1px solid var(--color-border);border-radius:6px;margin-bottom:.5rem}.card-bordered-md{padding:.75rem}.text-danger-sm{color:var(--danger);font-size:.85rem;margin:.5rem 0}.text-danger-block{color:var(--danger);padding:1rem}.text-accent-teal{color:var(--accent-teal)}.text-color-default{color:var(--color-text)}.btn-inline-muted-flex{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.4rem}.btn-inline-muted-heading{font-size:.9rem;font-weight:600}.btn-inline-muted-heading,.btn-inline-muted-xs{background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.btn-inline-muted-xs{font-size:.8rem}.btn-inline-muted-zero{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:.85rem}.text-muted-xxs{font-size:.7rem;color:var(--color-text-muted)}.text-bold-sm{font-weight:600;font-size:.85rem}.input-w90{width:90px}.studio-field-row-mt{display:flex;align-items:center;gap:.3rem;font-size:.85rem;cursor:pointer;margin-top:.5rem}html:not([data-theme]){visibility:hidden;animation:_fouc-unhide 0s .1s forwards}@keyframes _fouc-unhide{to{visibility:visible}}html:not([data-theme-ready]) *{transition-duration:0s!important}:root{--font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-prose:Baskerville,"Baskerville Old Face","Iowan Old Style",Georgia,serif;--bg-base:#141210;--bg-primary:#1a1714;--bg-primary-rgb:26,23,20;--bg-secondary:#1e1c18;--bg-surface:#22201c;--bg-card:#28261f;--bg-elevated:#2e2b24;--bg-hover:#35322a;--text-primary:#ede0d0;--text-secondary:#d4c4a4;--text-muted:#c8b898;--accent-green:#10ffb0;--accent-blue:#6a9fd8;--accent-teal:#4ec8b0;--accent-warm:#d4a574;--border-default:rgba(237,224,208,0.08);--border-subtle:#332e28;--app-surface-panel:color-mix(in srgb,var(--bg-card) 88%,var(--bg-primary) 12%);--app-surface-panel-strong:color-mix(in srgb,var(--bg-elevated) 90%,var(--bg-primary) 10%);--app-surface-panel-soft:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary) 18%);--app-surface-border-strong:color-mix(in srgb,var(--border-default) 82%,var(--text-primary) 18%);--app-surface-border-accent:color-mix(in srgb,var(--accent-warm) 52%,var(--border-default) 48%);--app-control-bg:color-mix(in srgb,var(--bg-elevated) 84%,var(--bg-primary) 16%);--app-control-bg-hover:color-mix(in srgb,var(--bg-hover) 82%,var(--bg-primary) 18%);--app-control-bg-active:color-mix(in srgb,var(--accent-green) 12%,var(--bg-elevated) 88%);--app-control-bg-accent:linear-gradient(135deg,color-mix(in srgb,var(--accent-warm) 15%,transparent),color-mix(in srgb,var(--accent-blue) 11%,transparent)),color-mix(in srgb,var(--bg-elevated) 90%,var(--bg-primary) 10%);--app-control-text-accent:color-mix(in srgb,var(--accent-warm) 72%,var(--text-primary) 28%)}[data-theme=deep-wilds]{--bg-base:#141210;--bg-primary:#1a1714;--bg-primary-rgb:26,23,20;--bg-secondary:#1e1c18;--bg-surface:#22201c;--bg-card:#28261f;--bg-elevated:#2e2b24;--bg-hover:#35322a;--text-primary:#ede0d0;--text-secondary:#d4c4a4;--text-muted:#c8b898;--accent-green:#10ffb0;--accent-blue:#6a9fd8;--accent-teal:#4ec8b0;--accent-warm:#d4a574;--status-success:#22d39a;--status-warning:#e8a020;--status-danger:#d04838;--status-info:#6a9fd8;--border-subtle:#332e28;--border-default:#3e3830;--border-glow:#4a4030;--border-accent:#5a4e3a;--glow-green:rgba(16,255,176,0.08);--glow-blue:rgba(106,159,216,0.06);--glow-warm:rgba(212,165,116,0.1);--shadow-card:0 2px 8px rgba(0,0,0,0.5),0 0 1px rgba(212,165,116,0.06),inset 0 1px 0 rgba(255,245,220,0.04);--shadow-elevated:0 4px 24px rgba(0,0,0,0.6),0 0 2px rgba(212,165,116,0.08),inset 0 1px 0 rgba(255,245,220,0.05);--shadow-hover:0 8px 36px rgba(0,0,0,0.6),0 0 20px rgba(212,165,116,0.12),inset 0 1px 0 rgba(255,245,220,0.06);--border-radius:0.5rem;--border-radius-sm:0.375rem;--card-border:1px solid var(--border-default);--card-shadow:0 2px 12px rgba(180,140,80,0.08);--button-border:1px solid var(--border-default);--input-border:1px solid var(--border-subtle);--scrollbar-thumb:var(--accent-warm);--scrollbar-track:var(--bg-secondary);--divider-style:1px solid var(--border-subtle);--panel-decoration:3px solid var(--accent-warm);--text-on-accent:#1a1714;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-warm) 15%,var(--bg-elevated));--tab-active-text:var(--accent-warm);color-scheme:dark}[data-theme=frost-meadow]{--bg-base:#e4dfd2;--bg-primary:#ede8dc;--bg-primary-rgb:237,232,220;--bg-secondary:#e6e1d4;--bg-surface:#ddd7ca;--bg-card:#faf7f2;--bg-elevated:#ffffff;--bg-hover:#e8e3d8;--text-primary:#1a1610;--text-secondary:#4a4035;--text-muted:#6b6050;--accent-green:#1a7a4a;--accent-blue:#3a5f95;--accent-teal:#2a7a6a;--accent-warm:#7a5820;--status-success:#1a7a4a;--status-warning:#a06a10;--status-danger:#b03020;--status-info:#3a5f95;--border-subtle:#c8c0b0;--border-default:#b0a898;--border-glow:rgba(122,88,32,0.15);--border-accent:#7a5820;--glow-green:rgba(26,122,74,0.08);--glow-blue:rgba(58,95,149,0.06);--glow-warm:rgba(122,88,32,0.08);--shadow-card:0 1px 4px rgba(40,30,15,0.1),0 4px 12px rgba(40,30,15,0.06);--shadow-elevated:0 2px 8px rgba(40,30,15,0.12),0 8px 24px rgba(40,30,15,0.08);--shadow-hover:0 4px 12px rgba(40,30,15,0.14),0 12px 36px rgba(40,30,15,0.1);--border-radius:0.375rem;--border-radius-sm:0.25rem;--card-border:1px solid var(--border-default);--card-shadow:0 1px 4px rgba(0,0,0,0.06);--button-border:1px solid var(--border-default);--input-border:1px solid var(--border-subtle);--scrollbar-thumb:var(--accent-blue);--scrollbar-track:var(--bg-secondary);--divider-style:1px solid var(--border-subtle);--panel-decoration:3px solid var(--accent-blue);--text-on-accent:#faf8f5;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-blue) 12%,var(--bg-elevated));--tab-active-text:var(--accent-blue);color-scheme:light}[data-theme=blood-moon]{--bg-base:#120606;--bg-primary:#1a0a0a;--bg-primary-rgb:26,10,10;--bg-secondary:#201010;--bg-surface:#261414;--bg-card:#28120f;--bg-elevated:#331815;--bg-hover:#3e201c;--text-primary:#e8d0cc;--text-secondary:#d8b4b4;--text-muted:#b08080;--accent-green:#40c480;--accent-blue:#7a8ab0;--accent-teal:#4aa898;--accent-warm:#c44040;--status-success:#40c480;--status-warning:#d09030;--status-danger:#e04040;--status-info:#7a8ab0;--border-subtle:#3a1a18;--border-default:#4a2422;--border-glow:#5a2828;--border-accent:#5a2020;--glow-green:rgba(64,196,128,0.05);--glow-blue:rgba(122,138,176,0.04);--glow-warm:rgba(196,64,64,0.08);--shadow-card:0 2px 8px rgba(10,0,0,0.6),inset 0 1px 0 rgba(255,200,200,0.03);--shadow-elevated:0 4px 24px rgba(10,0,0,0.7),inset 0 1px 0 rgba(255,200,200,0.04);--shadow-hover:0 8px 36px rgba(10,0,0,0.7),0 0 16px rgba(196,64,64,0.1),inset 0 1px 0 rgba(255,200,200,0.05);--border-radius:0.25rem;--border-radius-sm:0.125rem;--card-border:1px solid color-mix(in srgb,var(--border-glow) 40%,var(--border-default));--card-shadow:0 2px 12px rgba(200,50,50,0.1);--button-border:1px solid color-mix(in srgb,var(--border-glow) 30%,var(--border-default));--input-border:1px solid var(--border-subtle);--scrollbar-thumb:var(--border-glow);--scrollbar-track:var(--bg-secondary);--divider-style:1px solid var(--border-subtle);--panel-decoration:3px solid var(--border-glow);--text-on-accent:#1a0a0a;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-warm) 18%,var(--bg-elevated));--tab-active-text:var(--accent-warm);color-scheme:dark}[data-theme=gilded-library]{--bg-base:#ece5c8;--bg-primary:#f5eed8;--bg-primary-rgb:245,238,216;--bg-secondary:#efe8cc;--bg-surface:#e8e0c8;--bg-card:#faf6e8;--bg-elevated:#fdf9f0;--bg-hover:#efe8d0;--text-primary:#2a2418;--text-secondary:#5a5040;--text-muted:#6a6048;--accent-green:#2e8b57;--accent-blue:#5a7a9a;--accent-teal:#3a8070;--accent-warm:#b8860b;--status-success:#2e8b57;--status-warning:#c48a10;--status-danger:#b83030;--status-info:#5a7a9a;--border-subtle:#ddd0aa;--border-default:#ccc090;--border-glow:rgba(184,134,11,0.12);--border-accent:#c4a050;--glow-green:rgba(46,139,87,0.06);--glow-blue:rgba(90,122,154,0.04);--glow-warm:rgba(184,134,11,0.08);--shadow-card:0 1px 3px rgba(80,60,10,0.08),0 4px 12px rgba(80,60,10,0.05);--shadow-elevated:0 2px 6px rgba(80,60,10,0.1),0 8px 24px rgba(80,60,10,0.07);--shadow-hover:0 4px 10px rgba(80,60,10,0.12),0 12px 36px rgba(80,60,10,0.09);--border-radius:0.5rem;--border-radius-sm:0.375rem;--card-border:1px solid color-mix(in srgb,var(--accent-warm) 25%,var(--border-default));--card-shadow:0 2px 8px rgba(160,120,40,0.08);--button-border:1px solid color-mix(in srgb,var(--accent-warm) 15%,var(--border-default));--input-border:1px solid var(--border-subtle);--scrollbar-thumb:var(--accent-warm);--scrollbar-track:var(--bg-secondary);--divider-style:1px solid var(--border-subtle);--panel-decoration:3px solid var(--accent-warm);--text-on-accent:#faf6e8;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-warm) 14%,var(--bg-elevated));--tab-active-text:var(--accent-warm);color-scheme:light}[data-theme=void]{--bg-base:#000000;--bg-primary:#000000;--bg-primary-rgb:0,0,0;--bg-secondary:#060606;--bg-surface:#0a0a0a;--bg-card:#0a0a0a;--bg-elevated:#141414;--bg-hover:#1a1a1a;--text-primary:#f0f0f0;--text-secondary:#cccccc;--text-muted:#a0a0a0;--accent-green:#10ffb0;--accent-blue:#6a9fd8;--accent-teal:#4ec8b0;--accent-warm:#d4a574;--status-success:#22d39a;--status-warning:#e8a020;--status-danger:#d04838;--status-info:#6a9fd8;--border-subtle:#1a1a1a;--border-default:#282828;--border-glow:#333333;--border-accent:#333333;--glow-green:rgba(16,255,176,0.04);--glow-blue:rgba(106,159,216,0.03);--glow-warm:rgba(212,165,116,0.04);--shadow-card:0 1px 4px rgba(0,0,0,0.8);--shadow-elevated:0 2px 8px rgba(0,0,0,0.9);--shadow-hover:0 4px 16px rgba(0,0,0,0.9),0 0 8px rgba(212,165,116,0.05);--border-radius:0.125rem;--border-radius-sm:0.0625rem;--card-border:1px solid var(--border-glow);--card-shadow:none;--button-border:1px solid var(--border-glow);--input-border:1px solid var(--border-glow);--scrollbar-thumb:var(--accent-blue);--scrollbar-track:transparent;--divider-style:1px solid var(--border-glow);--panel-decoration:2px solid var(--border-glow);--text-on-accent:#000000;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-blue) 12%,var(--bg-elevated));--tab-active-text:var(--accent-blue);color-scheme:dark}[data-theme=arctic-mist]{--bg-base:#dde3ea;--bg-primary:#e8edf2;--bg-primary-rgb:232,237,242;--bg-secondary:#dfe5ec;--bg-surface:#d5dce5;--bg-card:#f0f4f8;--bg-elevated:#f5f8fb;--bg-hover:#e0e6ee;--text-primary:#1a2030;--text-secondary:#4a5568;--text-muted:#5c6d7e;--accent-green:#38a89d;--accent-blue:#4a80b8;--accent-teal:#3a9a9a;--accent-warm:#5b8db8;--status-success:#38a89d;--status-warning:#c08a30;--status-danger:#c04848;--status-info:#4a80b8;--border-subtle:#cdd5e0;--border-default:#b8c4d4;--border-glow:rgba(74,128,184,0.1);--border-accent:#7a9bbc;--glow-green:rgba(56,168,157,0.06);--glow-blue:rgba(74,128,184,0.06);--glow-warm:rgba(91,141,184,0.06);--shadow-card:0 1px 3px rgba(20,40,60,0.06),0 4px 12px rgba(20,40,60,0.04);--shadow-elevated:0 2px 6px rgba(20,40,60,0.08),0 8px 24px rgba(20,40,60,0.06);--shadow-hover:0 4px 10px rgba(20,40,60,0.1),0 12px 36px rgba(20,40,60,0.08);--border-radius:0.375rem;--border-radius-sm:0.25rem;--card-border:1px solid var(--border-default);--card-shadow:0 2px 10px rgba(80,120,180,0.06);--button-border:1px solid var(--border-default);--input-border:1px solid var(--border-subtle);--scrollbar-thumb:var(--accent-teal);--scrollbar-track:var(--bg-secondary);--divider-style:1px solid var(--border-subtle);--panel-decoration:3px solid var(--accent-teal);--text-on-accent:#f0f4f8;--button-bg:var(--bg-elevated);--button-bg-hover:var(--bg-hover);--tab-active-bg:color-mix(in srgb,var(--accent-teal) 12%,var(--bg-elevated));--tab-active-text:var(--accent-teal);color-scheme:light}[data-game-theme=neon-terminal],[data-theme=neon-terminal]{--bg-base:#000000;--bg-primary:#000000;--bg-primary-rgb:0,0,0;--bg-secondary:#001100;--bg-surface:#001a00;--bg-card:#002200;--bg-elevated:#003300;--bg-hover:#004400;--text-primary:#00ff41;--text-secondary:rgba(0,255,65,0.85);--text-muted:rgba(0,255,65,0.65);--accent-green:#00ff41;--accent-blue:#00ffff;--accent-teal:#00dd35;--accent-warm:#00ff41;--accent-purple:#00ffff;--status-success:#00ff00;--status-warning:#ffff00;--status-danger:#ff0044;--status-info:#00ffff;--border-subtle:rgba(0,255,65,0.2);--border-default:rgba(0,255,65,0.4);--border-glow:rgba(0,255,65,0.6);--border-accent:#00ff41;--glow-green:rgba(0,255,65,0.15);--glow-blue:rgba(0,255,255,0.1);--glow-warm:rgba(0,255,65,0.1);--shadow-card:0 0 12px rgba(0,255,65,0.3),inset 0 0 8px rgba(0,255,65,0.1);--shadow-elevated:0 0 20px rgba(0,255,65,0.4),inset 0 0 12px rgba(0,255,65,0.15);--shadow-hover:0 0 30px rgba(0,255,65,0.5),0 0 40px rgba(0,255,65,0.2);--border-radius:0;--border-radius-sm:0;--card-border:2px solid var(--border-default);--card-shadow:var(--shadow-card);--button-border:2px solid var(--border-default);--input-border:2px solid var(--border-default);--scrollbar-thumb:#00ff41;--scrollbar-track:#001100;--divider-style:1px solid var(--border-default);--panel-decoration:3px solid var(--accent-green);--text-on-accent:#000000;--button-bg:var(--bg-card);--button-bg-hover:var(--bg-elevated);--tab-active-bg:rgba(0,255,65,0.15);--tab-active-text:#00ff41;--font-body:var(--font-mono);--font-display:var(--font-mono);--retro-text-glow:0 0 5px currentColor,0 0 10px currentColor;--retro-text-flicker:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;--retro-crt-tint:rgba(0,255,65,0.05);--retro-scanline-opacity:0.3;--retro-glow-primary:0 0 20px rgba(0,255,65,0.8),0 0 40px rgba(0,255,65,0.4);--retro-glass-bg:rgba(0,17,0,0.7);--retro-glass-border:rgba(0,255,65,0.5);--scene-overlay-opacity:0.75;--scene-overlay-color:0,6,0;--scene-blur:0px;--scene-vignette-strength:0.3;--scene-prose-bg:rgba(0,0,0,0.5);--scene-dialogue-color:#00ff41;--scene-action-color:rgba(0,255,65,0.55);--scene-speaker-color:#00ff41;color-scheme:dark}[data-game-theme=neon-amber],[data-theme=neon-amber]{--bg-base:#000000;--bg-primary:#000000;--bg-primary-rgb:0,0,0;--bg-secondary:#110800;--bg-surface:#1a0c00;--bg-card:#221000;--bg-elevated:#331800;--bg-hover:#442200;--text-primary:#ffaa00;--text-secondary:rgba(255,170,0,0.85);--text-muted:rgba(255,170,0,0.65);--accent-green:#ffaa00;--accent-blue:#ffcc44;--accent-teal:#ff8800;--accent-warm:#ffaa00;--accent-purple:#ffcc44;--status-success:#00ff00;--status-warning:#ffff00;--status-danger:#ff0044;--status-info:#ffcc44;--border-subtle:rgba(255,170,0,0.2);--border-default:rgba(255,170,0,0.4);--border-glow:rgba(255,170,0,0.6);--border-accent:#ffaa00;--glow-green:rgba(255,170,0,0.15);--glow-blue:rgba(255,204,68,0.1);--glow-warm:rgba(255,170,0,0.1);--shadow-card:0 0 12px rgba(255,170,0,0.3),inset 0 0 8px rgba(255,170,0,0.1);--shadow-elevated:0 0 20px rgba(255,170,0,0.4),inset 0 0 12px rgba(255,170,0,0.15);--shadow-hover:0 0 30px rgba(255,170,0,0.5),0 0 40px rgba(255,170,0,0.2);--border-radius:0;--border-radius-sm:0;--card-border:2px solid var(--border-default);--card-shadow:var(--shadow-card);--button-border:2px solid var(--border-default);--input-border:2px solid var(--border-default);--scrollbar-thumb:#ffaa00;--scrollbar-track:#110800;--divider-style:1px solid var(--border-default);--panel-decoration:3px solid var(--accent-green);--text-on-accent:#000000;--button-bg:var(--bg-card);--button-bg-hover:var(--bg-elevated);--tab-active-bg:rgba(255,170,0,0.15);--tab-active-text:#ffaa00;--font-body:var(--font-mono);--font-display:var(--font-mono);--retro-text-glow:0 0 5px currentColor,0 0 10px currentColor;--retro-text-flicker:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;--retro-crt-tint:rgba(255,170,0,0.05);--retro-scanline-opacity:0.3;--retro-glow-primary:0 0 20px rgba(255,170,0,0.8),0 0 40px rgba(255,170,0,0.4);--retro-glass-bg:rgba(17,8,0,0.7);--retro-glass-border:rgba(255,170,0,0.5);--scene-overlay-opacity:0.75;--scene-overlay-color:6,3,0;--scene-blur:0px;--scene-vignette-strength:0.3;--scene-prose-bg:rgba(0,0,0,0.5);--scene-dialogue-color:#ffb000;--scene-action-color:rgba(255,176,0,0.55);--scene-speaker-color:#ffb000;color-scheme:dark}[data-game-theme=neon-cyan],[data-theme=neon-cyan]{--bg-base:#000000;--bg-primary:#000000;--bg-primary-rgb:0,0,0;--bg-secondary:#000811;--bg-surface:#000c1a;--bg-card:#001022;--bg-elevated:#001833;--bg-hover:#002244;--text-primary:#00ccff;--text-secondary:rgba(0,204,255,0.85);--text-muted:rgba(0,204,255,0.65);--accent-green:#00ccff;--accent-blue:#00eeff;--accent-teal:#0099ff;--accent-warm:#00ccff;--accent-purple:#00eeff;--status-success:#00ff00;--status-warning:#ffff00;--status-danger:#ff0044;--status-info:#00eeff;--border-subtle:rgba(0,204,255,0.2);--border-default:rgba(0,204,255,0.4);--border-glow:rgba(0,204,255,0.6);--border-accent:#00ccff;--glow-green:rgba(0,204,255,0.15);--glow-blue:rgba(0,238,255,0.1);--glow-warm:rgba(0,204,255,0.1);--shadow-card:0 0 12px rgba(0,204,255,0.3),inset 0 0 8px rgba(0,204,255,0.1);--shadow-elevated:0 0 20px rgba(0,204,255,0.4),inset 0 0 12px rgba(0,204,255,0.15);--shadow-hover:0 0 30px rgba(0,204,255,0.5),0 0 40px rgba(0,204,255,0.2);--border-radius:0;--border-radius-sm:0;--card-border:2px solid var(--border-default);--card-shadow:var(--shadow-card);--button-border:2px solid var(--border-default);--input-border:2px solid var(--border-default);--scrollbar-thumb:#00ccff;--scrollbar-track:#000811;--divider-style:1px solid var(--border-default);--panel-decoration:3px solid var(--accent-green);--text-on-accent:#000000;--button-bg:var(--bg-card);--button-bg-hover:var(--bg-elevated);--tab-active-bg:rgba(0,204,255,0.15);--tab-active-text:#00ccff;--font-body:var(--font-mono);--font-display:var(--font-mono);--retro-text-glow:0 0 5px currentColor,0 0 10px currentColor;--retro-text-flicker:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;--retro-crt-tint:rgba(0,204,255,0.05);--retro-scanline-opacity:0.3;--retro-glow-primary:0 0 20px rgba(0,204,255,0.8),0 0 40px rgba(0,204,255,0.4);--retro-glass-bg:rgba(0,8,17,0.7);--retro-glass-border:rgba(0,204,255,0.5);--scene-overlay-opacity:0.75;--scene-overlay-color:0,3,6;--scene-blur:0px;--scene-vignette-strength:0.3;--scene-prose-bg:rgba(0,0,0,0.5);--scene-dialogue-color:#00ffff;--scene-action-color:rgba(0,255,255,0.55);--scene-speaker-color:#00ffff;color-scheme:dark}[data-game-theme=neon-crimson],[data-theme=neon-crimson]{--bg-base:#000000;--bg-primary:#000000;--bg-primary-rgb:0,0,0;--bg-secondary:#110000;--bg-surface:#1a0000;--bg-card:#220000;--bg-elevated:#330000;--bg-hover:#440000;--text-primary:#ff4444;--text-secondary:rgba(255,68,68,0.85);--text-muted:rgba(255,68,68,0.65);--accent-green:#ff4444;--accent-blue:#ff6666;--accent-teal:#cc2222;--accent-warm:#ff4444;--accent-purple:#ff6666;--status-success:#00ff00;--status-warning:#ffff00;--status-danger:#ff0044;--status-info:#ff6666;--border-subtle:rgba(255,68,68,0.2);--border-default:rgba(255,68,68,0.4);--border-glow:rgba(255,68,68,0.6);--border-accent:#ff4444;--glow-green:rgba(255,68,68,0.15);--glow-blue:rgba(255,102,102,0.1);--glow-warm:rgba(255,68,68,0.1);--shadow-card:0 0 12px rgba(255,68,68,0.3),inset 0 0 8px rgba(255,68,68,0.1);--shadow-elevated:0 0 20px rgba(255,68,68,0.4),inset 0 0 12px rgba(255,68,68,0.15);--shadow-hover:0 0 30px rgba(255,68,68,0.5),0 0 40px rgba(255,68,68,0.2);--border-radius:0;--border-radius-sm:0;--card-border:2px solid var(--border-default);--card-shadow:var(--shadow-card);--button-border:2px solid var(--border-default);--input-border:2px solid var(--border-default);--scrollbar-thumb:#ff4444;--scrollbar-track:#110000;--divider-style:1px solid var(--border-default);--panel-decoration:3px solid var(--accent-green);--text-on-accent:#000000;--button-bg:var(--bg-card);--button-bg-hover:var(--bg-elevated);--tab-active-bg:rgba(255,68,68,0.15);--tab-active-text:#ff4444;--font-body:var(--font-mono);--font-display:var(--font-mono);--retro-text-glow:0 0 5px currentColor,0 0 10px currentColor;--retro-text-flicker:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;--retro-crt-tint:rgba(255,68,68,0.05);--retro-scanline-opacity:0.3;--retro-glow-primary:0 0 20px rgba(255,68,68,0.8),0 0 40px rgba(255,68,68,0.4);--retro-glass-bg:rgba(17,0,0,0.7);--retro-glass-border:rgba(255,68,68,0.5);--scene-overlay-opacity:0.75;--scene-overlay-color:6,0,0;--scene-blur:0px;--scene-vignette-strength:0.3;--scene-prose-bg:rgba(0,0,0,0.5);--scene-dialogue-color:#ff0044;--scene-action-color:rgba(255,0,68,0.55);--scene-speaker-color:#ff0044;color-scheme:dark}.btn-accent,.btn-danger,.btn-genre,.btn-ghost,.btn-primary,.btn-secondary,.btn-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;min-height:44px;border:none;border-radius:var(--border-radius,.5rem);font-family:var(--font-display),sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:box-shadow .25s ease,border-color .2s ease,background .2s ease,opacity .15s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn-accent:focus-visible,.btn-danger:focus-visible,.btn-genre:focus-visible,.btn-ghost:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-toggle:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.btn-accent:disabled,.btn-danger:disabled,.btn-genre:disabled,.btn-ghost:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-toggle:disabled,[aria-disabled=true].btn-accent,[aria-disabled=true].btn-danger,[aria-disabled=true].btn-genre,[aria-disabled=true].btn-ghost,[aria-disabled=true].btn-primary,[aria-disabled=true].btn-secondary,[aria-disabled=true].btn-toggle{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-primary{position:relative;background:linear-gradient(180deg,var(--accent-teal) 0,color-mix(in srgb,var(--accent-teal) 78%,#000) 100%);color:var(--text-on-accent,var(--bg-primary));box-shadow:0 1px 0 0 hsla(0,0%,100%,.18) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--accent-teal) 50%,#000),0 5px 20px color-mix(in srgb,var(--accent-teal) 18%,transparent)}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 10%,transparent),transparent);pointer-events:none}.btn-primary:hover:not(:disabled){box-shadow:0 1px 0 0 hsla(0,0%,100%,.22) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--accent-teal) 50%,#000),0 0 28px color-mix(in srgb,var(--accent-teal) 25%,transparent),0 0 8px color-mix(in srgb,var(--accent-teal) 12%,transparent)}.btn-primary:active:not(:disabled){box-shadow:0 -1px 0 0 color-mix(in srgb,var(--text-primary) 6%,transparent) inset,0 2px 0 0 rgba(0,0,0,.1) inset,0 1px 0 color-mix(in srgb,var(--accent-teal) 50%,#000),0 0 12px color-mix(in srgb,var(--accent-teal) 12%,transparent)}.btn-primary:disabled:before{display:none}.btn-primary{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-accent{position:relative;background:linear-gradient(180deg,var(--accent-warm) 0,color-mix(in srgb,var(--accent-warm) 78%,#000) 100%);color:var(--text-on-accent,var(--bg-primary));box-shadow:0 1px 0 0 hsla(0,0%,100%,.18) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--accent-warm) 50%,#000),0 5px 20px color-mix(in srgb,var(--accent-warm) 18%,transparent)}.btn-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 10%,transparent),transparent);pointer-events:none}.btn-accent:hover:not(:disabled){box-shadow:0 1px 0 0 hsla(0,0%,100%,.22) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--accent-warm) 50%,#000),0 0 28px color-mix(in srgb,var(--accent-warm) 25%,transparent),0 0 8px color-mix(in srgb,var(--accent-warm) 12%,transparent)}.btn-accent:active:not(:disabled){box-shadow:0 -1px 0 0 color-mix(in srgb,var(--text-primary) 6%,transparent) inset,0 2px 0 0 rgba(0,0,0,.1) inset,0 1px 0 color-mix(in srgb,var(--accent-warm) 50%,#000),0 0 12px color-mix(in srgb,var(--accent-warm) 12%,transparent)}.btn-accent:disabled:before{display:none}.btn-danger{position:relative;background:linear-gradient(180deg,var(--status-danger) 0,color-mix(in srgb,var(--status-danger) 78%,#000) 100%);color:var(--text-on-accent,var(--bg-primary));box-shadow:0 1px 0 0 hsla(0,0%,100%,.18) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--status-danger) 50%,#000),0 5px 20px color-mix(in srgb,var(--status-danger) 18%,transparent)}.btn-danger:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 10%,transparent),transparent);pointer-events:none}.btn-danger:hover:not(:disabled){box-shadow:0 1px 0 0 hsla(0,0%,100%,.22) inset,0 -2px 0 0 rgba(0,0,0,.12) inset,0 3px 0 color-mix(in srgb,var(--status-danger) 50%,#000),0 0 28px color-mix(in srgb,var(--status-danger) 25%,transparent),0 0 8px color-mix(in srgb,var(--status-danger) 12%,transparent)}.btn-danger:active:not(:disabled){box-shadow:0 -1px 0 0 color-mix(in srgb,var(--text-primary) 6%,transparent) inset,0 2px 0 0 rgba(0,0,0,.1) inset,0 1px 0 color-mix(in srgb,var(--status-danger) 50%,#000),0 0 12px color-mix(in srgb,var(--status-danger) 12%,transparent)}.btn-danger:disabled:before{display:none}.btn-secondary{position:relative;border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);background:color-mix(in srgb,var(--text-primary) 4%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-weight:600;box-shadow:0 1px 0 0 color-mix(in srgb,var(--text-primary) 6%,transparent) inset,0 -1px 0 0 rgba(0,0,0,.08) inset,0 2px 8px rgba(0,0,0,.12)}.btn-secondary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 6%,transparent),transparent);pointer-events:none}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:hsla(0,0%,100%,.22);box-shadow:0 1px 0 0 color-mix(in srgb,var(--text-primary) 8%,transparent) inset,0 -1px 0 0 rgba(0,0,0,.06) inset,0 4px 16px rgba(0,0,0,.2),0 0 12px color-mix(in srgb,var(--text-primary) 4%,transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,var(--text-primary) 3%,transparent);box-shadow:0 0 4px rgba(0,0,0,.15),inset 0 1px 2px rgba(0,0,0,.1)}.btn-sm{padding:.4rem .85rem;min-height:36px;font-size:.8rem}.btn-md{padding:.55rem 1.1rem;min-height:40px;font-size:.88rem}.btn-lg{padding:.85rem 1.75rem;min-height:52px;font-size:1rem;font-weight:700}.btn-block{width:100%}.btn-ghost{background:rgba(0,0,0,0);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);font-weight:600}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 6%,transparent);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb,var(--text-primary) 3%,transparent)}.btn-ghost.btn-ghost--danger{color:var(--status-danger,#ef4444);border-color:color-mix(in srgb,var(--status-danger) 18%,transparent)}.btn-ghost.btn-ghost--danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-danger) 10%,transparent);border-color:color-mix(in srgb,var(--status-danger) 45%,transparent)}.btn-toggle-group{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.btn-toggle{padding:.4rem .85rem;min-height:36px;font-size:.8rem;font-weight:600;border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);background:color-mix(in srgb,var(--text-primary) 3%,transparent);color:var(--text-secondary);gap:.35rem}.btn-toggle:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-primary) 22%,transparent);color:var(--text-primary)}.btn-toggle.btn-toggle--active{background:color-mix(in srgb,var(--accent-teal) 14%,transparent);border-color:color-mix(in srgb,var(--accent-teal) 45%,transparent);color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-teal) 25%,transparent),0 2px 8px color-mix(in srgb,var(--accent-teal) 15%,transparent)}.btn-toggle .btn-toggle__hint{font-size:.7em;font-weight:500;opacity:.75;color:var(--status-danger)}.btn-genre{border-radius:8px}.btn-genre--horror{position:relative}.btn-genre--horror:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--horror:disabled:before{display:none}.btn-genre--horror{background:linear-gradient(180deg,rgba(220,38,38,.3),rgba(220,38,38,.12));color:#fca5a5;border:1.5px solid rgba(220,38,38,.4);box-shadow:0 3px 0 #991b1b,0 5px 20px rgba(220,38,38,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--horror:hover:not(:disabled){border-color:rgba(220,38,38,.6);box-shadow:0 0 28px rgba(220,38,38,.25),0 0 8px rgba(220,38,38,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--horror:active:not(:disabled){box-shadow:0 0 12px rgba(220,38,38,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--horror:focus-visible{outline:2px solid rgba(220,38,38,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--horror,[data-theme=frost-meadow] .btn-genre--horror,[data-theme=gilded-library] .btn-genre--horror{background:linear-gradient(180deg,#ef4444,rgb(235.7842364532,30.4157635468,30.4157635468));color:#fff;border:none;box-shadow:0 4px 0 #991b1b,0 6px 16px rgba(239,68,68,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--horror:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--horror:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--horror:hover:not(:disabled){box-shadow:0 4px 0 #991b1b,0 0 28px rgba(239,68,68,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--horror:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--horror:active:not(:disabled),[data-theme=gilded-library] .btn-genre--horror:active:not(:disabled){box-shadow:0 2px 0 #991b1b,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--horror:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--scifi{position:relative}.btn-genre--scifi:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--scifi:disabled:before{display:none}.btn-genre--scifi{background:linear-gradient(180deg,rgba(6,182,212,.3),rgba(6,182,212,.12));color:#a5f3fc;border:1.5px solid rgba(6,182,212,.4);box-shadow:0 3px 0 #0e7490,0 5px 20px rgba(6,182,212,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--scifi:hover:not(:disabled){border-color:rgba(6,182,212,.6);box-shadow:0 0 28px rgba(6,182,212,.25),0 0 8px rgba(6,182,212,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--scifi:active:not(:disabled){box-shadow:0 0 12px rgba(6,182,212,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--scifi:focus-visible{outline:2px solid rgba(6,182,212,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--scifi,[data-theme=frost-meadow] .btn-genre--scifi,[data-theme=gilded-library] .btn-genre--scifi{background:linear-gradient(180deg,#06b6d4,rgb(4.8770642202,147.9376146789,172.3229357798));color:#fff;border:none;box-shadow:0 4px 0 #0e7490,0 6px 16px rgba(6,182,212,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--scifi:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--scifi:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--scifi:hover:not(:disabled){box-shadow:0 4px 0 #0e7490,0 0 28px rgba(6,182,212,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--scifi:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--scifi:active:not(:disabled),[data-theme=gilded-library] .btn-genre--scifi:active:not(:disabled){box-shadow:0 2px 0 #0e7490,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--scifi:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--fantasy{position:relative}.btn-genre--fantasy:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--fantasy:disabled:before{display:none}.btn-genre--fantasy{background:linear-gradient(180deg,rgba(168,85,247,.3),rgba(168,85,247,.12));color:#d8b4fe;border:1.5px solid rgba(168,85,247,.4);box-shadow:0 3px 0 #7e22ce,0 5px 20px rgba(168,85,247,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--fantasy:hover:not(:disabled){border-color:rgba(168,85,247,.6);box-shadow:0 0 28px rgba(168,85,247,.25),0 0 8px rgba(168,85,247,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--fantasy:active:not(:disabled){box-shadow:0 0 12px rgba(168,85,247,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--fantasy:focus-visible{outline:2px solid rgba(168,85,247,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--fantasy,[data-theme=frost-meadow] .btn-genre--fantasy,[data-theme=gilded-library] .btn-genre--fantasy{background:linear-gradient(180deg,#a855f7,rgb(148.0584269663,46.0337078652,245.1662921348));color:#fff;border:none;box-shadow:0 4px 0 #7e22ce,0 6px 16px rgba(168,85,247,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--fantasy:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--fantasy:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--fantasy:hover:not(:disabled){box-shadow:0 4px 0 #7e22ce,0 0 28px rgba(168,85,247,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--fantasy:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--fantasy:active:not(:disabled),[data-theme=gilded-library] .btn-genre--fantasy:active:not(:disabled){box-shadow:0 2px 0 #7e22ce,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--fantasy:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--roguelike{position:relative}.btn-genre--roguelike:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--roguelike:disabled:before{display:none}.btn-genre--roguelike{background:linear-gradient(180deg,rgba(217,119,6,.3),rgba(217,119,6,.12));color:#fcd34d;border:1.5px solid rgba(217,119,6,.4);box-shadow:0 3px 0 #92400e,0 5px 20px rgba(217,119,6,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--roguelike:hover:not(:disabled){border-color:rgba(217,119,6,.6);box-shadow:0 0 28px rgba(217,119,6,.25),0 0 8px rgba(217,119,6,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--roguelike:active:not(:disabled){box-shadow:0 0 12px rgba(217,119,6,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--roguelike:focus-visible{outline:2px solid rgba(217,119,6,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--roguelike,[data-theme=frost-meadow] .btn-genre--roguelike,[data-theme=gilded-library] .btn-genre--roguelike{background:linear-gradient(180deg,#d97706,rgb(177.2977578475,97.2278026906,4.9022421525));color:#fff;border:none;box-shadow:0 4px 0 #92400e,0 6px 16px rgba(217,119,6,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--roguelike:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--roguelike:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--roguelike:hover:not(:disabled){box-shadow:0 4px 0 #92400e,0 0 28px rgba(217,119,6,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--roguelike:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--roguelike:active:not(:disabled),[data-theme=gilded-library] .btn-genre--roguelike:active:not(:disabled){box-shadow:0 2px 0 #92400e,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--roguelike:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--romance{position:relative}.btn-genre--romance:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--romance:disabled:before{display:none}.btn-genre--romance{background:linear-gradient(180deg,rgba(236,72,153,.3),rgba(236,72,153,.12));color:#f9a8d4;border:1.5px solid rgba(236,72,153,.4);box-shadow:0 3px 0 #9d174d,0 5px 20px rgba(236,72,153,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--romance:hover:not(:disabled){border-color:rgba(236,72,153,.6);box-shadow:0 0 28px rgba(236,72,153,.25),0 0 8px rgba(236,72,153,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--romance:active:not(:disabled){box-shadow:0 0 12px rgba(236,72,153,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--romance:focus-visible{outline:2px solid rgba(236,72,153,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--romance,[data-theme=frost-meadow] .btn-genre--romance,[data-theme=gilded-library] .btn-genre--romance{background:linear-gradient(180deg,#ec4899,rgb(232.1623762376,35.0376237624,132.398019802));color:#fff;border:none;box-shadow:0 4px 0 #9d174d,0 6px 16px rgba(236,72,153,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--romance:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--romance:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--romance:hover:not(:disabled){box-shadow:0 4px 0 #9d174d,0 0 28px rgba(236,72,153,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--romance:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--romance:active:not(:disabled),[data-theme=gilded-library] .btn-genre--romance:active:not(:disabled){box-shadow:0 2px 0 #9d174d,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--romance:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--narrative{position:relative}.btn-genre--narrative:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--narrative:disabled:before{display:none}.btn-genre--narrative{background:linear-gradient(180deg,rgba(245,158,11,.3),rgba(245,158,11,.12));color:#fde68a;border:1.5px solid rgba(245,158,11,.4);box-shadow:0 3px 0 #92400e,0 5px 20px rgba(245,158,11,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--narrative:hover:not(:disabled){border-color:rgba(245,158,11,.6);box-shadow:0 0 28px rgba(245,158,11,.25),0 0 8px rgba(245,158,11,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--narrative:active:not(:disabled){box-shadow:0 0 12px rgba(245,158,11,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--narrative:focus-visible{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--narrative,[data-theme=frost-meadow] .btn-genre--narrative,[data-theme=gilded-library] .btn-genre--narrative{background:linear-gradient(180deg,#f59e0b,rgb(206.7275590551,133.0173228346,8.4724409449));color:#fff;border:none;box-shadow:0 4px 0 #92400e,0 6px 16px rgba(245,158,11,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--narrative:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--narrative:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--narrative:hover:not(:disabled){box-shadow:0 4px 0 #92400e,0 0 28px rgba(245,158,11,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--narrative:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--narrative:active:not(:disabled),[data-theme=gilded-library] .btn-genre--narrative:active:not(:disabled){box-shadow:0 2px 0 #92400e,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--narrative:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--ttrpg{position:relative}.btn-genre--ttrpg:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--ttrpg:disabled:before{display:none}.btn-genre--ttrpg{background:linear-gradient(180deg,rgba(34,197,94,.3),rgba(34,197,94,.12));color:#86efac;border:1.5px solid rgba(34,197,94,.4);box-shadow:0 3px 0 #166534,0 5px 20px rgba(34,197,94,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--ttrpg:hover:not(:disabled){border-color:rgba(34,197,94,.6);box-shadow:0 0 28px rgba(34,197,94,.25),0 0 8px rgba(34,197,94,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--ttrpg:active:not(:disabled){box-shadow:0 0 12px rgba(34,197,94,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--ttrpg:focus-visible{outline:2px solid rgba(34,197,94,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--ttrpg,[data-theme=frost-meadow] .btn-genre--ttrpg,[data-theme=gilded-library] .btn-genre--ttrpg{background:linear-gradient(180deg,#22c55e,rgb(27.9948051948,162.2051948052,77.3974025974));color:#fff;border:none;box-shadow:0 4px 0 #166534,0 6px 16px rgba(34,197,94,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--ttrpg:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--ttrpg:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--ttrpg:hover:not(:disabled){box-shadow:0 4px 0 #166534,0 0 28px rgba(34,197,94,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--ttrpg:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--ttrpg:active:not(:disabled),[data-theme=gilded-library] .btn-genre--ttrpg:active:not(:disabled){box-shadow:0 2px 0 #166534,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--ttrpg:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-genre--mystery{position:relative}.btn-genre--mystery:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent);pointer-events:none}.btn-genre--mystery:disabled:before{display:none}.btn-genre--mystery{background:linear-gradient(180deg,rgba(20,184,166,.3),rgba(20,184,166,.12));color:#99f6e4;border:1.5px solid rgba(20,184,166,.4);box-shadow:0 3px 0 #0f766e,0 5px 20px rgba(20,184,166,.15),inset 0 1px 0 hsla(0,0%,100%,.06);transition:border-color .2s ease,box-shadow .25s ease,background .2s ease}@media(hover:hover){.btn-genre--mystery:hover:not(:disabled){border-color:rgba(20,184,166,.6);box-shadow:0 0 28px rgba(20,184,166,.25),0 0 8px rgba(20,184,166,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}}.btn-genre--mystery:active:not(:disabled){box-shadow:0 0 12px rgba(20,184,166,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.btn-genre--mystery:focus-visible{outline:2px solid rgba(20,184,166,.5);outline-offset:2px}[data-theme=arctic-mist] .btn-genre--mystery,[data-theme=frost-meadow] .btn-genre--mystery,[data-theme=gilded-library] .btn-genre--mystery{background:linear-gradient(180deg,#14b8a6,rgb(16,147.2,132.8));color:#fff;border:none;box-shadow:0 4px 0 #0f766e,0 6px 16px rgba(20,184,166,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(hover:hover){[data-theme=arctic-mist] .btn-genre--mystery:hover:not(:disabled),[data-theme=frost-meadow] .btn-genre--mystery:hover:not(:disabled),[data-theme=gilded-library] .btn-genre--mystery:hover:not(:disabled){box-shadow:0 4px 0 #0f766e,0 0 28px rgba(20,184,166,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}}[data-theme=arctic-mist] .btn-genre--mystery:active:not(:disabled),[data-theme=frost-meadow] .btn-genre--mystery:active:not(:disabled),[data-theme=gilded-library] .btn-genre--mystery:active:not(:disabled){box-shadow:0 2px 0 #0f766e,inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-genre--mystery:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.input-field{width:100%;padding:.65rem .85rem;min-height:44px;background:linear-gradient(180deg,var(--bg-surface) 0,color-mix(in srgb,var(--bg-primary) 80%,var(--bg-surface) 20%) 100%);border:1.5px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:var(--font-body),sans-serif;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .25s ease,background .15s ease;box-sizing:border-box;box-shadow:inset 0 1px 3px rgba(0,0,0,.06),0 1px 0 hsla(0,0%,100%,.03)}.input-field::placeholder{opacity:.6}.input-field:hover{border-color:color-mix(in srgb,var(--text-primary) 12%,transparent);background:var(--bg-elevated);box-shadow:inset 0 1px 3px rgba(0,0,0,.06),0 1px 0 hsla(0,0%,100%,.04),0 0 0 1px color-mix(in srgb,var(--text-primary) 3%,transparent)}.input-field:focus{border-color:color-mix(in srgb,var(--accent-teal) 60%,var(--border-default) 40%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-teal) 12%,transparent),0 0 16px color-mix(in srgb,var(--accent-teal) 8%,transparent),inset 0 1px 2px rgba(0,0,0,.04);background:var(--bg-elevated)}@media(max-width:768px){.input-field{font-size:16px}}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-teal);box-shadow:0 0 16px color-mix(in srgb,var(--accent-teal) 15%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 4%,transparent)}.input-field:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{color:var(--text-primary)}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.input-label{display:block;font-family:var(--font-display),sans-serif;font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239a8a70' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}select.input-field:hover{border-color:var(--border-default)}select:not(.input-field){appearance:none;background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-family:var(--font-body),sans-serif;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239a8a70' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;transition:border-color .15s,box-shadow .2s}select:not(.input-field):hover{border-color:var(--border-default)}select:not(.input-field):focus{border-color:color-mix(in srgb,var(--accent-teal) 50%,var(--border-default) 50%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-teal) 12%,transparent)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}html,input,select,textarea{font-size:16px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-primary,#ede0d0) 12%,transparent) rgba(0,0,0,0)}html::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-track{background:rgba(0,0,0,0)}html::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary,#ede0d0) 12%,transparent);border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary,#ede0d0) 22%,transparent)}body{font-family:var(--font-body),system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6;min-height:100dvh;overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom,0)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-teal) 20%,transparent);border-radius:inherit;transition:outline-offset .1s,box-shadow .2s}.sidebar :focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--accent-teal)}:focus:not(:focus-visible){box-shadow:none}html.force-focus-visible :focus{outline:3px solid var(--accent-teal);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-teal) 25%,transparent),0 0 16px color-mix(in srgb,var(--accent-teal) 15%,transparent);outline-offset:2px;box-shadow:0 0 0 4px var(--glow-blue)}html.force-focus-visible :focus:not(:focus-visible){outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px var(--glow-blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;line-height:1.2}.mono,code,pre{font-family:var(--font-mono),monospace}@media(prefers-contrast:more){:root{--border-subtle:var(--border-default);--text-muted:var(--text-secondary)}}.no-transitions,.no-transitions *{transition:none!important}.sidebar,[class*=activity],[class*=bento],[class*=card],[class*=surface],[class*=widget],body{transition:background-color .3s ease,color .2s ease,border-color .2s ease,box-shadow .3s ease}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.app-content{position:relative;z-index:1;margin-left:56px;height:100dvh;overflow-y:auto;overflow-x:hidden}.app-content:has(>[class*=shell]){overflow:hidden}@media(max-width:768px){.app-content{margin-left:0;max-width:100vw;height:calc(100dvh - 52px);padding-top:52px}}.app-content--gameplay,.app-content--immersive{margin-left:56px;height:100dvh;overflow:hidden}@media(max-width:768px){.app-content--gameplay,.app-content--immersive{margin-left:0;height:100dvh;padding-top:0}.app-content--chat{height:100dvh;padding-top:0}}.app-content__inner{max-width:100%;margin:0 auto}.immersive-mobile-nav{display:none}@media(max-width:768px){.immersive-mobile-nav{display:block;width:0;height:0;pointer-events:none}.immersive-mobile-nav>*{pointer-events:auto}.app-content--immersive{padding-top:52px!important;height:calc(100dvh - 52px)!important}}.avatar-expression{position:relative;overflow:hidden;border-radius:50%}.avatar-expression__layer{position:absolute;inset:0;background-size:cover;background-position:top;border-radius:inherit;transition:opacity .3s ease}.avatar-expression__layer img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-expression__layer--active{opacity:1}.avatar-expression__layer--inactive{opacity:0}.avatar-mood--neutral{filter:none}.avatar-mood--happy{filter:brightness(1.1) saturate(1.2)}.avatar-mood--angry{filter:sepia(.3) hue-rotate(-15deg) saturate(1.5)}.avatar-mood--sad{filter:brightness(.85) saturate(.7)}.avatar-mood--excited{filter:brightness(1.15) contrast(1.1)}.avatar-mood--anxious{filter:brightness(.9) contrast(.9) saturate(.8)}.avatar-mood--flirty{filter:brightness(1.05) saturate(1.3) hue-rotate(5deg)}.avatar-mood--calm{filter:brightness(1.02) saturate(.9)}.avatar-mood--tender{filter:brightness(1.08) saturate(1.1) sepia(.05)}.avatar-mood--melancholic{filter:brightness(.88) saturate(.65) sepia(.1)}.avatar-mood--determined{filter:contrast(1.1) brightness(.98)}.avatar-mood--playful{filter:brightness(1.1) saturate(1.15) hue-rotate(3deg)}.avatar-mood--vulnerable{filter:brightness(.9) saturate(.75)}.avatar-mood--bored{filter:brightness(.95) saturate(.85)}@media(max-width:1024px){.advanced-toggle__trigger,.creation-tabs__tab,.play-lobby__card,.preview-card__launch,.quickstart-input__btn,.quickstart-input__chip,.search-bar__toggle,.session-list__item,.voice-button{min-height:44px;min-width:44px}}.btn-accent:active,.btn-danger:active,.btn-primary:active,.btn-secondary:active{transform:scale(.96)}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-pulse{animation:badge-pulse .4s ease}@keyframes toast-enter{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}html[data-theme-ready]{transition:background-color .3s ease,color .3s ease}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent-green,#10ffb0);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;z-index:10000;text-decoration:none;font-size:0;color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.skip-to-content:focus-visible{width:auto;height:auto;padding:8px 16px;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;top:0;left:16px;background:var(--accent-green,#10ffb0);color:#000;font-weight:700;font-size:.85rem;border-radius:0 0 8px 8px;-webkit-user-select:auto;user-select:auto}.guest-session-warning{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--accent-warm,#e06050) 8%,var(--bg-elevated));border-bottom:1px solid color-mix(in srgb,var(--accent-warm,#e06050) 25%,var(--border-default));font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.guest-session-warning__content{flex:1 1}.guest-session-warning__content strong{color:var(--text-primary)}.guest-session-warning__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.guest-session-warning__signup{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.2rem;background:linear-gradient(180deg,#3be8c4,#1db99a 50%,#169e82);color:#0a1f1a;border:none;border-radius:8px;font-weight:700;font-size:.8rem;text-decoration:none;white-space:nowrap;letter-spacing:.02em;transition:box-shadow .2s,filter .15s;box-shadow:0 3px 0 #0e7e68,0 4px 14px rgba(16,255,176,.2),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 20%,transparent);text-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 15%,transparent);position:relative}.guest-session-warning__signup:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}.guest-session-warning__signup:hover{filter:brightness(1.08);box-shadow:0 3px 0 #0e7e68,0 0 20px rgba(16,255,176,.3),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 25%,transparent)}.guest-session-warning__signup:active{box-shadow:0 1px 0 #0e7e68,0 0 8px rgba(16,255,176,.12),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 10%,transparent);transform:translateY(2px)}.guest-session-warning__dismiss{padding:.5rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 6%,transparent),color-mix(in srgb,var(--text-primary) 2%,transparent));border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-top-color:color-mix(in srgb,var(--text-primary) 15%,transparent);color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.8rem;font-weight:600;border-radius:8px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;box-shadow:0 2px 0 rgba(0,0,0,.2),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 6%,transparent)}.guest-session-warning__dismiss:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 8%,transparent),color-mix(in srgb,var(--text-primary) 3%,transparent));border-color:color-mix(in srgb,var(--text-primary) 20%,transparent);color:var(--text-primary,#ffffff);box-shadow:0 2px 0 rgba(0,0,0,.25),0 0 12px color-mix(in srgb,var(--text-primary) 4%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 8%,transparent)}.guest-session-warning__dismiss:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.social-page{max-width:600px;margin:0 auto;padding:1rem 1rem 2rem}