header,nav,main,section,article,aside,div{outline:1px solid var(--color-debug-outline)}:root{--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-button:#ececec;--color-surface:#f3f3f3;--color-surface-hover:#ececec;--color-text-primary:#111;--color-text-secondary:#555;--color-brand-primary:#7f7af2;--color-border:#b8b8b8;--color-border-strong:#9a9a9a;--color-hover:#f6f6f6;--color-debug-outline:#00000014;--font-family-primary:"Inter", Arial, sans-serif;--font-size-heading-1:2rem;--font-size-heading-2:1.5rem;--font-size-heading-3:1.25rem;--font-size-subheading:1.125rem;--font-size-text:1rem;--font-size-text-small:.875rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-heading:1.2;--line-height-text:1.5;--nav-width:228px;--header-height:72px;--nav-header-height:72px;--page-min-width:320px;--spacing:12px;--gap:20px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:var(--page-min-width);background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family-primary,Arial, sans-serif)}.global-box{border:1px dashed var(--color-border-strong);border-radius:10px}.global-control-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.global-control-title{font-size:var(--font-size-text-small);font-weight:var(--font-weight-bold)}.global-control-option{color:var(--color-text-secondary);font-size:var(--font-size-text-small);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.global-control-option input{accent-color:var(--color-brand-primary)}.global-app-shell{width:100%;min-height:100vh;transition:all .2s;display:flex}.global-nav{width:var(--nav-width);flex:0 0 var(--nav-width);background:var(--color-bg-primary);border-right:1px solid var(--color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.global-nav-header{height:var(--nav-header-height);flex:0 0 var(--nav-header-height);align-items:center;gap:var(--gap);padding:var(--spacing);border-bottom:1px solid var(--color-border);grid-template-columns:34px 1fr;display:grid}.global-nav-toggle{border:1px solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:34px}.global-brand{border:1px dashed var(--color-border-strong);border-radius:8px;height:34px}.global-nav-body{min-height:0;padding:10px var(--spacing);scrollbar-width:none;flex:auto;transition:max-height .2s,opacity .15s,padding .2s;overflow:hidden auto}.global-nav-body::-webkit-scrollbar{width:7px}.global-nav-body::-webkit-scrollbar-track{background:0 0}.global-nav-body::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.global-nav-body:hover{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.global-nav-body:hover::-webkit-scrollbar-thumb{background:var(--color-border-strong)}.global-nav-item{align-items:center;gap:var(--gap);width:100%;min-height:48px;padding:8px var(--spacing);color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;margin:2px 0;font-size:16px;display:flex}.global-nav-item:hover,.global-nav-item.active{background:var(--color-surface-hover)}.global-icon{border:1px dashed var(--color-border-strong);border-radius:7px;flex:0 0 28px;width:28px;height:28px}.global-nav-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.global-nav-divider{background:var(--color-border);height:1px;margin:12px 0}.global-nav-footer{min-height:72px;padding:var(--spacing);border-top:1px solid var(--color-border);flex:none;transition:max-height .2s,opacity .15s,padding .2s,border .2s}.global-nav-footer-content{border:1px dashed var(--color-border-strong);border-radius:10px;width:100%;height:46px}.global-nav.closed{z-index:50;height:var(--nav-header-height);position:fixed;top:0;left:0}.global-nav.closed .global-nav-body,.global-nav.closed .global-nav-footer{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.global-nav.closed .global-nav-footer{border-top:0}.global-page-shell{min-width:0;width:calc(100% - var(--nav-width));flex:auto;transition:width .2s,margin-left .2s}.global-app-shell.nav-closed .global-page-shell{width:100%;margin-left:0}.global-header{z-index:20;width:100%;height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--spacing);padding:var(--spacing);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.global-header-left,.global-header-center,.global-header-right{min-width:0;height:46px;padding:var(--spacing);color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;display:flex;overflow:hidden}.global-header-left,.global-header-right{flex:1 1 0}.global-header-center{flex:2 1 0}.global-header-right{padding-right:58px}.global-app-shell.nav-closed .global-header{width:calc(100% - var(--nav-width));margin-left:var(--nav-width)}.global-theme-toggle{z-index:100;border:1px solid var(--color-border-strong);background:var(--color-bg-primary);width:38px;height:38px;color:var(--color-text-primary);cursor:pointer;border-radius:9px;position:fixed;top:17px;right:17px}.global-theme-toggle:hover{background:var(--color-hover)}.global-theme-toggle:before{content:"☀";font-size:18px}@media (width<=900px){:root{--font-size-heading-1:1.875rem;--font-size-heading-2:1.5rem}.global-header-center{display:none}}@media (width<=560px){:root{--font-size-heading-1:1.75rem;--font-size-heading-2:1.375rem;--nav-width:clamp(120px, 34vw, 180px)}.global-header{gap:8px}.global-header-left,.global-header-right{padding:8px;font-size:12px}.global-header-right{padding-right:54px}.global-nav-header{gap:12px}}body.dark{--color-bg-primary:#111;--color-bg-secondary:#1b1b1b;--color-bg-button:#292929;--color-surface:#242424;--color-surface-hover:#2f2f2f;--color-text-primary:#f2f2f2;--color-text-secondary:#bdbdbd;--color-brand-primary:#8ab4f8;--color-border:#5a5a5a;--color-border-strong:#7a7a7a;--color-hover:#292929;--color-debug-outline:#ffffff14}body.dark .global-theme-toggle:before{content:"☾"}.page-template-main{width:100%;padding:var(--spacing)}.page-template-section{width:100%;min-width:0;min-height:78vh;margin-bottom:var(--spacing);padding:var(--spacing);color:var(--color-text-secondary);text-align:center;justify-content:center;align-items:center;display:flex}.page-template-section:last-child{margin-bottom:0}.page-template-section:first-child{height:calc(100vh - var(--header-height));min-height:500px;overflow:hidden}@media (width<=560px){.page-template-main,.page-template-section{padding-left:0;padding-right:0}}.page-colors-main{width:100%}.page-colors-section{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:18px;width:min(1180px,100%);margin:70px auto 0;padding:32px;font-family:Arial,sans-serif}.page-colors-title{color:var(--color-text-primary);margin:0 0 28px;font-size:28px;font-weight:700}.page-colors-table{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;width:100%;overflow:hidden}.page-colors-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(190px,1fr) minmax(155px,.8fr) minmax(155px,.8fr) minmax(300px,1.6fr);align-items:center;min-height:68px;display:grid}.page-colors-row:last-child{border-bottom:0}.page-colors-row:hover:not(.page-colors-row-header){background:var(--color-hover)}.page-colors-row-header{background:var(--color-bg-button);min-height:48px;color:var(--color-text-secondary);font-size:13px;font-weight:700}.page-colors-cell{min-width:0;padding:12px 16px}.page-colors-variable{color:var(--color-text-primary);font-family:Consolas,Monaco,monospace;font-size:14px}.page-colors-use{color:var(--color-text-secondary);font-size:14px;line-height:1.45}.page-colors-display{align-items:center;gap:12px;display:flex}.page-colors-swatch{border:1px solid var(--color-border);border-radius:6px;flex:0 0 42px;width:42px;height:30px}.page-colors-value{color:var(--color-text-primary);font-family:Consolas,Monaco,monospace;font-size:14px}@media (width<=760px){.page-colors-section{padding:22px 16px}.page-colors-row{grid-template-columns:1fr;padding:12px 0}.page-colors-row-header{display:none}.page-colors-cell{padding:7px 12px}}.text-section{--preview-font-family:"Inter", Arial, sans-serif;border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:18px;width:min(1000px,100%);margin:70px auto 0;padding:32px;font-family:var(--preview-font-family)!important}.text-section *,.text-section button,.text-section input,.text-section label{font-family:var(--preview-font-family)!important}.text-section-title{font-size:var(--font-size-heading-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0 0 22px}.text-controls{flex-wrap:wrap;align-items:center;gap:28px;margin:0 0 28px;padding:14px 12px;display:flex}.text-table{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;width:100%;overflow:hidden}.text-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(300px,1.9fr) minmax(120px,.7fr) minmax(100px,.6fr);align-items:center;min-height:86px;display:grid}.text-row:last-child{border-bottom:0}.text-row:hover:not(.text-row-header){background:var(--color-hover)}.text-row-header{background:var(--color-bg-button);min-height:48px;color:var(--color-text-secondary);font-size:var(--font-size-text-small);font-weight:var(--font-weight-bold)}.text-cell{min-width:0;padding:12px 16px}.text-meta{color:var(--color-text-secondary);font-size:var(--font-size-text-small)}.text-heading-1,.text-heading-2,.text-heading-3,.text-subheading,.text-body,.text-small{margin:0}.text-heading-1{font-size:var(--font-size-heading-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.text-heading-2{font-size:var(--font-size-heading-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.text-heading-3{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.text-subheading{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.text-body{font-size:var(--font-size-text);font-weight:var(--font-weight-regular);line-height:var(--line-height-text)}.text-small{font-size:var(--font-size-text-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-text)}.text-preview.color-brand .text-heading-1,.text-preview.color-brand .text-heading-2,.text-preview.color-brand .text-heading-3,.text-preview.color-brand .text-subheading,.text-preview.color-brand .text-body,.text-preview.color-brand .text-small{color:var(--color-brand-primary)}.text-preview.color-neutral .text-heading-1,.text-preview.color-neutral .text-heading-2,.text-preview.color-neutral .text-heading-3,.text-preview.color-neutral .text-subheading,.text-preview.color-neutral .text-body{color:var(--color-text-primary)}.text-preview.color-neutral .text-small{color:var(--color-text-secondary)}@media (width<=700px){.text-section{padding:22px 16px}.text-row{grid-template-columns:1fr;padding:12px 0}.text-row-header{display:none}.text-cell{padding:6px 12px}}.royal-gold-container{aspect-ratio:1024/1536;-webkit-user-select:none;user-select:none;background-color:#080b14;border:1px solid #d4af6e59;border-radius:1rem;width:100%;max-width:396px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}@media (width>=1024px){.royal-gold-container{aspect-ratio:auto;max-width:none;height:100%}}.royal-gold-bg{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:all .5s ease-in-out;position:absolute;inset:0}@media (width>=1024px){.royal-gold-bg{background-size:cover}}.royal-gold-vignette{pointer-events:none;position:absolute;inset:0}.royal-gold-bridge-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.royal-gold-bridge-img{-o-object-fit:fill;object-fit:fill;filter:none;width:100%;height:100%;transition:all .5s}.royal-gold-bridge-unlocked{opacity:1;filter:brightness(1.15)saturate(1.2)}.royal-gold-bridge-locked{opacity:.4;filter:grayscale()}.royal-gold-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.royal-gold-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.royal-gold-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:3.825rem;height:3.825rem;display:flex;position:relative}@media (width>=480px){.royal-gold-tile-button{width:4.275rem;height:4.275rem}}@media (width>=640px){.royal-gold-tile-button{width:4.95rem;height:4.95rem}}.royal-gold-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()}.royal-gold-active-aura{filter:blur(16px);pointer-events:none;background-color:#d4af6e73;border-radius:9999px;animation:2s ease-in-out infinite royalGoldPulse;position:absolute;inset:0}@keyframes royalGoldPulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.royal-gold-tile-img{-o-object-fit:contain;object-fit:contain;filter:none;width:100%;height:100%;transition:all .3s}.royal-gold-current-img{filter:brightness(1.15);transform:scale(1.1)}.royal-gold-number{color:#fef3c7;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:1.75rem;font-weight:700;line-height:1}@media (width>=480px){.royal-gold-number{font-size:2rem}}@media (width>=640px){.royal-gold-number{font-size:2.25rem}}.royal-gold-number-current{color:#fde047;font-weight:800;transform:scale(1.1)}.royal-gold-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:.25rem;right:.25rem}.royal-gold-badge-locked{color:#94a3b8;background-color:#0f172ae6;border:1px solid #334155}.royal-gold-badge-completed{color:#fff;background-color:#059669;border:1px solid #34d399}.royal-gold-badge-current{color:#020617;background-color:#f59e0b;border:1px solid #fde047;animation:2.5s infinite royalGoldBounce}@keyframes royalGoldBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.royal-purple-container{-webkit-user-select:none;user-select:none;width:100%;height:640px;box-shadow:none;background-color:#0a0518;border:1px solid #a855f766;border-radius:1rem;position:relative;overflow:hidden}.royal-purple-bg{filter:hue-rotate(260deg)saturate(150%);pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.royal-purple-vignette{pointer-events:none;position:absolute;inset:0}.royal-purple-beam-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.royal-purple-beam{border-radius:9999px;width:100%;height:100%;transition:all .5s}.royal-purple-beam-unlocked{box-shadow:none;opacity:.95;background:linear-gradient(90deg,#a855f7,#e879f9,#a855f7)}.royal-purple-beam-locked{opacity:.4;background-color:#3a145f99;border:1px solid #6b21a866}.royal-purple-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.royal-purple-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.royal-purple-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative}@media (width>=640px){.royal-purple-tile-button{width:5.5rem;height:5.5rem}}.royal-purple-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()}.royal-purple-active-aura{filter:blur(16px);pointer-events:none;background-color:#d946ef80;border-radius:9999px;animation:2s ease-in-out infinite royalPurplePulse;position:absolute;inset:0}@keyframes royalPurplePulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.royal-purple-tile-img{-o-object-fit:contain;object-fit:contain;filter:hue-rotate(240deg);width:100%;height:100%;transition:all .3s}.royal-purple-current-img{filter:hue-rotate(240deg)brightness(1.25);transform:scale(1.1)}.royal-purple-number{color:#f5d0fe;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:2.25rem;font-weight:700;line-height:1}.royal-purple-number-current{color:#f472b6;font-weight:800;transform:scale(1.1)}.royal-purple-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.royal-purple-badge-locked{color:#c084fc;background-color:#1e0b30e6;border:1px solid #6b21a8}.royal-purple-badge-completed{color:#fff;background-color:#c026d3;border:1px solid #e879f9}.royal-purple-badge-current{color:#020617;background-color:#d946ef;border:1px solid #f0abfc;animation:1.5s infinite royalPurpleBounce}@keyframes royalPurpleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.verdant-forest-container{-webkit-user-select:none;user-select:none;width:100%;height:640px;box-shadow:none;background-color:#051c14;border:1px solid #10b98159;border-radius:1rem;position:relative;overflow:hidden}.verdant-forest-bg{filter:hue-rotate(90deg)saturate(120%);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.verdant-forest-vignette{pointer-events:none;position:absolute;inset:0}.verdant-forest-vine-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.verdant-forest-vine{border-bottom:2px solid #34d399;border-radius:9999px;width:100%;height:100%;transition:all .5s}.verdant-forest-vine-unlocked{box-shadow:none;opacity:.9;background:linear-gradient(90deg,#059669,#34d399,#059669)}.verdant-forest-vine-locked{opacity:.4;background-color:#062c1e99;border-color:#064e3666}.verdant-forest-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.verdant-forest-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.verdant-forest-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative}@media (width>=640px){.verdant-forest-tile-button{width:5.5rem;height:5.5rem}}.verdant-forest-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()}.verdant-forest-active-aura{filter:blur(16px);pointer-events:none;background-color:#10b98180;border-radius:9999px;animation:2s ease-in-out infinite verdantForestPulse;position:absolute;inset:0}@keyframes verdantForestPulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.verdant-forest-tile-img{-o-object-fit:contain;object-fit:contain;filter:hue-rotate(60deg);width:100%;height:100%;transition:all .3s}.verdant-forest-current-img{filter:hue-rotate(60deg)brightness(1.25);transform:scale(1.1)}.verdant-forest-number{color:#a7f3d0;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:2.25rem;font-weight:700;line-height:1}.verdant-forest-number-current{color:#6ee7b7;font-weight:800;transform:scale(1.1)}.verdant-forest-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.verdant-forest-badge-locked{color:#34d399;background-color:#062c1ee6;border:1px solid #047857}.verdant-forest-badge-completed{color:#fff;background-color:#059669;border:1px solid #34d399}.verdant-forest-badge-current{color:#022c22;background-color:#10b981;border:1px solid #a7f3d0;animation:1.5s infinite verdantForestBounce}@keyframes verdantForestBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.obsidian-container{-webkit-user-select:none;user-select:none;width:100%;height:640px;box-shadow:none;background-color:#05050c;border:1px solid #64748b80;border-radius:1rem;position:relative;overflow:hidden}.obsidian-bg{filter:brightness(50%)contrast(150%);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.obsidian-vignette{pointer-events:none;background:linear-gradient(#05050cf2 0%,#05050ca6 50%,#05050cf2 100%);position:absolute;inset:0}.obsidian-magma-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.obsidian-magma{border-radius:9999px;width:100%;height:100%;transition:all .5s}.obsidian-magma-unlocked{box-shadow:none;opacity:.95;background:linear-gradient(90deg,#ea580c,#f43f5e,#9333ea)}.obsidian-magma-locked{opacity:.4;background-color:#0f172a;border:1px solid #1e293b}.obsidian-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.obsidian-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.obsidian-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative}@media (width>=640px){.obsidian-tile-button{width:5.5rem;height:5.5rem}}.obsidian-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()contrast(150%)}.obsidian-active-aura{filter:blur(16px);pointer-events:none;background-color:#f9731680;border-radius:9999px;animation:2s ease-in-out infinite obsidianPulse;position:absolute;inset:0}@keyframes obsidianPulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.obsidian-tile-img{-o-object-fit:contain;object-fit:contain;filter:contrast(150%)brightness(75%);width:100%;height:100%;transition:all .3s}.obsidian-current-img{filter:brightness(1.25);transform:scale(1.1)}.obsidian-number{color:#fdba74;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:2.25rem;font-weight:700;line-height:1}.obsidian-number-current{color:#fb923c;font-weight:800;transform:scale(1.1)}.obsidian-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.obsidian-badge-locked{color:#64748b;background-color:#020617f2;border:1px solid #334155}.obsidian-badge-completed{color:#fff;background-color:#059669;border:1px solid #34d399}.obsidian-badge-current{color:#020617;background-color:#ea580c;border:1px solid #fb923c;animation:1.5s infinite obsidianBounce}@keyframes obsidianBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.crystal-container{-webkit-user-select:none;user-select:none;width:100%;height:640px;box-shadow:none;background-color:#031525;border:1px solid #06b6d466;border-radius:1rem;position:relative;overflow:hidden}.crystal-bg{filter:hue-rotate(180deg)saturate(150%);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.crystal-vignette{pointer-events:none;background:linear-gradient(#031525e6 0%,#03152580 50%,#031525f2 100%);position:absolute;inset:0}.crystal-beam-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.crystal-beam{border-radius:9999px;width:100%;height:100%;transition:all .5s}.crystal-beam-unlocked{box-shadow:none;opacity:.95;background:linear-gradient(90deg,#22d3ee,#e0f2fe,#22d3ee)}.crystal-beam-locked{opacity:.4;background-color:#08334499;border:1px solid #164e6366}.crystal-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.crystal-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.crystal-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative}@media (width>=640px){.crystal-tile-button{width:5.5rem;height:5.5rem}}.crystal-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()}.crystal-active-aura{filter:blur(16px);pointer-events:none;background-color:#06b6d480;border-radius:9999px;animation:2s ease-in-out infinite crystalPulse;position:absolute;inset:0}@keyframes crystalPulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.crystal-tile-img{-o-object-fit:contain;object-fit:contain;filter:hue-rotate(160deg);width:100%;height:100%;transition:all .3s}.crystal-current-img{filter:hue-rotate(160deg)brightness(1.3);transform:scale(1.1)}.crystal-number{color:#a5f3fc;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:2.25rem;font-weight:700;line-height:1}.crystal-number-current{color:#67e8f9;font-weight:800;transform:scale(1.1)}.crystal-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.crystal-badge-locked{color:#22d3ee;background-color:#083344e6;border:1px solid #0e7490}.crystal-badge-completed{color:#fff;background-color:#0891b2;border:1px solid #67e8f9}.crystal-badge-current{color:#020617;background-color:#22d3ee;border:1px solid #bae6fd;animation:1.5s infinite crystalBounce}@keyframes crystalBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.inferno-container{-webkit-user-select:none;user-select:none;width:100%;height:640px;box-shadow:none;background-color:#1a0305;border:1px solid #e11d4873;border-radius:1rem;position:relative;overflow:hidden}.inferno-bg{filter:hue-rotate(320deg)saturate(200%);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.inferno-vignette{pointer-events:none;background:linear-gradient(#1a0305e6 0%,#1a030580 50%,#1a0305f2 100%);position:absolute;inset:0}.inferno-ember-wrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.inferno-ember{border-radius:9999px;width:100%;height:100%;transition:all .5s}.inferno-ember-unlocked{box-shadow:none;opacity:.95;background:linear-gradient(90deg,#dc2626,#fbbf24,#dc2626)}.inferno-ember-locked{opacity:.4;background-color:#450a0a99;border:1px solid #7f1d1d66}.inferno-tile-wrap{z-index:20;transition:transform .3s;position:absolute;transform:translate(-50%,-50%)}.inferno-tile-wrap:hover{transform:translate(-50%,-50%)scale(1.1)}.inferno-tile-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:relative}@media (width>=640px){.inferno-tile-button{width:5.5rem;height:5.5rem}}.inferno-tile-button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale()}.inferno-active-aura{filter:blur(16px);pointer-events:none;background-color:#f43f5e99;border-radius:9999px;animation:2s ease-in-out infinite infernoPulse;position:absolute;inset:0}@keyframes infernoPulse{0%,to{opacity:.7;transform:scale(1.2)}50%{opacity:1;transform:scale(1.35)}}.inferno-tile-img{-o-object-fit:contain;object-fit:contain;filter:hue-rotate(300deg)contrast(125%);width:100%;height:100%;transition:all .3s}.inferno-current-img{filter:hue-rotate(300deg)brightness(1.3);transform:scale(1.1)}.inferno-number{color:#fecdd3;text-shadow:none;pointer-events:none;font-family:Bonheur Royale,cursive;font-size:2.25rem;font-weight:700;line-height:1}.inferno-number-current{color:#fda4af;font-weight:800;transform:scale(1.1)}.inferno-badge{width:1.5rem;height:1.5rem;box-shadow:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.inferno-badge-locked{color:#f87171;background-color:#450a0ae6;border:1px solid #991b1b}.inferno-badge-completed{color:#fff;background-color:#059669;border:1px solid #34d399}.inferno-badge-current{color:#020617;background-color:#f43f5e;border:1px solid #fda4af;animation:1.5s infinite infernoBounce}@keyframes infernoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.generic-list-root{--gl-bg:var(--obsidian,#080b14);--gl-surface:var(--obsidian-mid,#0c1020);--gl-surface-2:#ffffff0d;--gl-text:var(--text-primary,#f5f0e8);--gl-muted:var(--text-secondary,#8e8b82);--gl-border:var(--marble-border,#d4af6e2e);--gl-border-strong:var(--marble-border-strong,#d4af6e4d);--gl-accent:var(--gold-bright,#d4af6e);--gl-accent-soft:#d4af6e1f;--gl-card-bg:var(--obsidian-mid,#0c1020);--gl-row-bg:var(--obsidian-mid,#0c1020);--gl-row-hover:#ffffff08;--gl-popup-bg:var(--obsidian-mid,#0c1020);--gl-btn-bg:#ffffff0d;--gl-btn-hover:#ffffff1a;--gl-add-bg:#22c55e1f;--gl-add-border:#22c55e4d;--gl-add-color:#4ade80;--gl-add-hover:#22c55e33;width:min(1500px,100%);color:var(--gl-text);box-sizing:border-box;margin:0 auto;padding:28px 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light] .generic-list-root{--gl-bg:var(--obsidian,#faf6f0);--gl-surface:var(--obsidian-mid,#f5f0e6);--gl-surface-2:var(--obsidian-light,#efe9dc);--gl-text:var(--text-primary,#1c1917);--gl-muted:var(--text-secondary,#57534e);--gl-border:var(--glass-border-gold,#945c1059);--gl-border-strong:var(--marble-border-strong,#945c108c);--gl-accent:var(--gold-bright,#945c10);--gl-accent-soft:#945c101a;--gl-card-bg:var(--obsidian-mid,#f5f0e6);--gl-row-bg:var(--obsidian-mid,#f5f0e6);--gl-row-hover:#945c100f;--gl-popup-bg:var(--obsidian-mid,#f5f0e6);--gl-btn-bg:#ffffffd9;--gl-btn-hover:#fff;--gl-add-bg:#eaf8ed;--gl-add-border:#cfe7d3;--gl-add-color:#1f6f38;--gl-add-hover:#def3e3}.generic-list-root *{box-sizing:border-box}.generic-list-header{background:var(--gl-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--gl-border);border-radius:16px;margin-bottom:18px;padding:18px 20px;position:relative}.generic-list-title{white-space:nowrap;color:var(--gl-text);pointer-events:none;margin:0;font-size:24px;font-weight:800;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generic-list-title.show{display:block}.generic-list-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.generic-list-header-left,.generic-list-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generic-list-add-btn{border:1px solid var(--gl-add-border);background:var(--gl-add-bg);width:42px;min-width:42px;height:42px;min-height:42px;color:var(--gl-add-color);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:12px;place-items:center;font-size:24px;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.generic-list-add-btn:hover:not(:disabled){background:var(--gl-add-hover);transform:translateY(-1.5px)}.generic-list-add-btn:active:not(:disabled){transform:scale(.96)}.generic-list-add-btn:disabled{background:var(--gl-surface-2);border-color:var(--gl-border);color:var(--gl-muted);opacity:.45;cursor:not-allowed}.generic-list-search-box{border:1px solid var(--gl-border);background:var(--gl-btn-bg);min-width:220px;min-height:42px;color:var(--gl-muted);-webkit-backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.generic-list-search-box:focus-within{border-color:var(--gl-accent)}.generic-list-search-icon{width:16px;height:16px;color:var(--gl-muted);display:inline-block}.generic-list-generic-btn{border:1px solid var(--gl-border);background:var(--gl-btn-bg);min-height:42px;color:var(--gl-text);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:12px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.generic-list-generic-btn:hover:not(:disabled){background:var(--gl-btn-hover);border-color:var(--gl-accent);color:var(--gl-accent);transform:translateY(-1.5px)}.generic-list-generic-btn:active:not(:disabled){transform:scale(.96)}.generic-list-icon-btn{border:1px solid var(--gl-border);background:var(--gl-btn-bg);width:42px;min-width:42px;height:42px;min-height:42px;color:var(--gl-text);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:12px;place-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.generic-list-icon-btn:hover:not(:disabled){background:var(--gl-btn-hover);border-color:var(--gl-accent);color:var(--gl-accent);transform:translateY(-1.5px)}.generic-list-icon-btn:active:not(:disabled){transform:scale(.96)}.generic-list-add-btn:disabled,.generic-list-generic-btn:disabled,.generic-list-icon-btn:disabled,.generic-list-quick-action:disabled{opacity:.45;cursor:not-allowed}.generic-list-wrap{position:relative}.generic-list-filter-popup{border:1px solid var(--gl-border);background:var(--gl-popup-bg);min-width:130px;color:var(--gl-muted);white-space:nowrap;z-index:30;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;display:none;position:absolute;top:48px;right:0}.generic-list-filter-popup.open{display:block}.generic-list-settings-menu{border:1px solid var(--gl-border);background:var(--gl-popup-bg);z-index:30;border-radius:10px;width:150px;padding:6px;display:none;position:absolute;top:48px;right:0}.generic-list-settings-menu.open{display:block}.generic-list-settings-menu button{text-align:left;width:100%;min-height:38px;color:var(--gl-text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:13px;font-weight:600;transition:background .12s}.generic-list-settings-menu button:hover{background:var(--gl-surface-2)}.generic-list-panel{border:1px solid var(--gl-border);background:var(--gl-card-bg);border-radius:14px;overflow:hidden}.generic-list-table-head,.generic-list-table-row{align-items:center;gap:12px;display:grid}.generic-list-table-head{background:var(--gl-surface);border-bottom:1px solid var(--gl-border);min-height:48px;color:var(--gl-muted);letter-spacing:.03em;text-transform:uppercase;padding:0 14px;font-size:12px;font-weight:800}.generic-list-table-row{border-bottom:1px solid var(--gl-border);background:var(--gl-row-bg);min-height:72px;padding:12px 14px;transition:background-color .15s;position:relative}.generic-list-table-row:last-child{border-bottom:0}.generic-list-table-row:hover{background:var(--gl-row-hover);cursor:pointer}.generic-list-table-row[data-view-label]:not([data-view-label=""]):before{content:"";background:var(--gl-accent-soft);border:1px solid var(--gl-border);opacity:0;pointer-events:none;z-index:2;border-radius:10px;transition:opacity .16s;position:absolute;inset:7px 328px 7px 8px}.generic-list-table-row[data-view-label]:not([data-view-label=""]):after{content:attr(data-view-label);color:var(--gl-text);letter-spacing:.01em;opacity:0;pointer-events:none;z-index:3;font-size:24px;font-weight:800;transition:opacity .16s;position:absolute;top:50%;left:calc(50% - 160px);transform:translate(-50%,-50%)}.generic-list-table-row[data-view-label]:not([data-view-label=""]):hover:before,.generic-list-table-row[data-view-label]:not([data-view-label=""]):hover:after{opacity:1}.generic-list-table-row>*{z-index:1;transition:opacity .12s;position:relative}.generic-list-cell{min-width:0;color:var(--gl-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;transition:color .12s;overflow:hidden}.generic-list-cell.primary{color:var(--gl-text);font-weight:750}.generic-list-table-row:hover .generic-list-cell{color:var(--gl-text)}.generic-list-quick-action{border:1px solid var(--gl-border);background:var(--gl-btn-bg);min-height:34px;color:var(--gl-text);cursor:pointer;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.generic-list-quick-action:hover:not(:disabled){background:var(--gl-accent-soft);border-color:var(--gl-accent)}.generic-list-switch{border:1px solid var(--gl-border);background:var(--gl-btn-bg);cursor:pointer;border-radius:999px;width:46px;height:26px;padding:0;transition:border-color .18s;position:relative}.generic-list-switch:after{content:"";width:20px;height:20px;box-shadow:none;background:#ef444459;border:0;border-radius:50%;transition:left .18s,background .18s;position:absolute;top:2px;left:3px}.generic-list-switch.on:after{background:#22c55eb3;left:21px}.generic-list-switch:disabled{opacity:.45;cursor:not-allowed}.generic-list-actions{justify-content:flex-end;display:flex;position:relative}.generic-list-more-btn{cursor:pointer;width:38px;height:38px;color:var(--gl-muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;font-size:20px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:grid}.generic-list-more-btn:hover{color:var(--gl-text);background:var(--gl-surface);border-color:var(--gl-border)}.generic-list-row-menu{border:1px solid var(--gl-border);background:var(--gl-popup-bg);z-index:25;border-radius:10px;width:170px;padding:6px;display:none;position:absolute;top:42px;right:0}.generic-list-row-menu.open{display:block}.generic-list-row-menu button{text-align:left;width:100%;min-height:38px;color:var(--gl-text);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.generic-list-row-menu button:hover{background:var(--gl-surface-2)}.generic-list-row-menu button.delete{color:#ef4444}.generic-list-row-menu button.delete:hover{color:#f87171;background:#ef44441f}.generic-list-menu-icon{text-align:center;opacity:.75;width:16px;font-size:14px;display:inline-block}.generic-list-pagination{justify-content:space-between;align-items:center;gap:16px;padding:14px 4px 0;display:flex}.generic-list-pagination-info{color:var(--gl-muted);font-size:13px;font-weight:500}.generic-list-pagination-controls{align-items:center;gap:6px;display:flex}.generic-list-page-btn{border:1px solid var(--gl-border);background:var(--gl-btn-bg);min-width:38px;height:38px;color:var(--gl-text);cursor:pointer;border-radius:9px;padding:0 10px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.generic-list-page-btn:hover:not(:disabled){background:var(--gl-btn-hover);border-color:var(--gl-border-strong)}.generic-list-page-btn.active{background:var(--gl-accent);color:var(--gl-bg);border-color:var(--gl-accent)}.generic-list-page-btn:disabled{opacity:.38;cursor:not-allowed}.generic-list-empty{text-align:center;color:var(--gl-muted);padding:48px 16px;font-size:14px}@media (width<=1100px){.generic-list-panel{overflow-x:auto}.generic-list-table-head,.generic-list-table-row{min-width:1160px}}@media (width<=760px){.generic-list-title{text-align:center;margin-bottom:12px;position:static;transform:none}.generic-list-header-row{align-items:stretch}.generic-list-header-left,.generic-list-header-right{justify-content:flex-start;width:100%}}@media (width<=640px){.generic-list-root{padding:16px}.generic-list-pagination{flex-direction:column;align-items:flex-start}}.generic-list-skeleton-row{cursor:default}.generic-list-skeleton-row:before,.generic-list-skeleton-row:after{content:none}.generic-list-skeleton-bar{background:var(--gl-surface-2);border-radius:9999px;width:70%;height:.75rem;animation:1.4s ease-in-out infinite generic-list-skeleton-pulse;display:block}@keyframes generic-list-skeleton-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.generic-list-skeleton-bar{animation:none}}