:root{--bg-dark:#0f172a;--panel-bg:#0f172abf;--panel-border:#ffffff1a;--accent-teal:#14b8a6;--accent-purple:#8b5cf6;--text-main:#f1f5f9;--text-dim:#cbd5e1;--gold:#fbbf24;--shard:#0ea5e9;--shard-glow:#0ea5e966;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--surface-whisper:#ffffff08;--surface-faint:#ffffff0d;--surface-soft:#ffffff14;--surface-light:#ffffff1a;--surface-medium:#ffffff26;--shadow-faint:0 4px 12px #0003;--shadow-card:0 4px 15px #0003;--shadow-deep:0 8px 32px #00000080;--glow-teal:0 0 20px #14b8a633;--glow-purple:0 0 20px #8b5cf633;--glass-blur:blur(12px);--glass-border:1px solid #ffffff1a;--glass-shadow:0 8px 32px #00000080;--radius-sm:8px;--radius-md:15px;--radius-lg:25px;--radius-xl:40px;--trans-fast:.2s cubic-bezier(.4, 0, .2, 1);--trans-mid:.4s cubic-bezier(.4, 0, .2, 1);--trans-slow:1.2s cubic-bezier(.4, 0, .2, 1)}@keyframes sway-fall{0%{transform:translateY(-30vh)rotate(0)translate(0)}20%{transform:translateY(0)rotate(20deg)translate(80px)}40%{transform:translateY(30vh)rotate(-15deg)translate(-60px)}60%{transform:translateY(60vh)rotate(15deg)translate(40px)}80%{transform:translateY(90vh)rotate(-10deg)translate(-20px)}to{transform:translateY(120vh)rotate(0)translate(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes log-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(-20px)scale(1.1)}to{opacity:0;transform:translateY(-120px)scale(1)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkleFloat{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-30px)scale(1.5)}}@keyframes pulse-teal{0%{box-shadow:0 0 #14b8a6b3}70%{box-shadow:0 0 0 10px #14b8a600}to{box-shadow:0 0 #14b8a600}}@keyframes tooltip-pop{0%{opacity:0}to{opacity:1}}@keyframes pulse-danger{0%{filter:brightness()drop-shadow(0 0 #ef4444)}50%{filter:brightness(1.4)drop-shadow(0 0 15px #ef4444)}to{filter:brightness()drop-shadow(0 0 #ef4444)}}@keyframes scanning-light{0%{opacity:0;transform:translate(-100%)skew(-20deg)}20%{opacity:.6}50%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translate(200%)skew(-20deg)}}@keyframes pulse-gain{0%{filter:brightness();transform:scale(1)}20%{filter:brightness(1.5)drop-shadow(0 0 10px #4ade8080);transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}@keyframes float-up-fade-juice{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(-15px)scale(1.1)}85%{opacity:.8}to{opacity:0;transform:translateY(-60px)scale(1)}}@keyframes view-enter{0%{opacity:0;filter:blur(8px);transform:scale(.98)translateY(15px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes wave-glow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}html{font-size:calc(16px * var(--app-scale,1))}*{box-sizing:border-box;text-shadow:0 1px 2px #0006;margin:0;padding:0;font-family:Outfit,sans-serif}input,textarea,[contenteditable]{-webkit-user-select:text!important;user-select:text!important}body{background:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}@media (width<=1100px){html,body,#app{min-height:100vh;height:auto!important;overflow:hidden visible!important}body.antigravity-scroll-lock{overflow:auto!important}}@media (height<=720px){html,body,#app{min-height:100vh;height:auto!important;overflow:hidden visible!important}}body:after{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle,#0000 0%,#0f172a99 100%);width:100%;height:100%;position:absolute;top:0;left:0}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:var(--surface-light)!important;background-clip:content-box!important;border:2px solid #0000!important;border-radius:20px!important;transition:background .3s!important}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)!important;background-clip:content-box!important}*{scrollbar-width:thin!important;scrollbar-color:#ffffff1a transparent!important}.m-xxs{margin:var(--space-xxs)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.p-xxs{padding:var(--space-xxs)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.flex-center{justify-content:center;align-items:center;display:flex}.centered-grid{justify-content:center!important}.flex-row{align-items:center;gap:var(--space-sm);display:flex}.flex-col{gap:var(--space-sm);flex-direction:column;display:flex}.panel-premium{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:var(--space-md)}.card-premium{background:var(--surface-whisper);border-radius:var(--radius-sm);transition:var(--trans-fast);border:1px solid #ffffff0d}.card-premium:hover{background:var(--surface-soft);border-color:#ffffff1a;transform:translateY(-2px)}.text-gradient-teal{background:linear-gradient(135deg, var(--accent-teal), #2dd4bf);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--accent-purple), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gold{color:var(--gold)}.text-dim{color:var(--text-dim)}.category-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--panel-border);padding-bottom:var(--space-xs);display:flex}.category-header h3{letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Cinzel,serif;font-size:1.4rem}.perf-overlay{z-index:100020;font-variant-numeric:tabular-nums;color:#ffffffd9;border:1px solid var(--surface-light);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:4px;gap:10px;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;display:flex;position:fixed;bottom:8px;right:8px}.perf-overlay b{color:var(--accent-teal)}:root{--sidebar-w:11rem;--sidebar-w-collapsed:4.5rem;--sidebar-w-expanded:11rem;--log-w:18rem;--stats-w:18rem;--gap:.4rem;--header-h:5rem}#game-wrapper{grid-template-columns:auto 1fr var(--log-w) var(--stats-w);grid-template-rows:var(--header-h) minmax(0, 1fr);gap:var(--gap);width:100vw;min-width:0;height:100vh;min-height:600px;padding:var(--gap);box-shadow:none;z-index:10;display:grid;position:fixed;inset:0;overflow:hidden}#game-wrapper *{min-width:0;min-height:0}@media (width>=1201px){#game-wrapper{min-width:1000px}}#ambient-magic{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.magic-layer{pointer-events:none;background-repeat:repeat;width:120%;height:250%;position:absolute;top:-100px;left:-100px;-webkit-mask-repeat:repeat;mask-repeat:repeat}#app{z-index:1;width:100vw;height:100vh;position:relative;overflow:visible}.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);background:#0f172acc;border-radius:20px;grid-area:1/1/auto/5;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 0 15px #ffffff0d}.logo-container{align-items:center;gap:25px;display:flex}.header-logo{object-fit:contain;filter:drop-shadow(0 0 15px #ffffff4d);width:auto;height:70px}.game-title{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fff3);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:2rem;font-weight:700}.objective-bar-container{align-items:center;margin-left:auto;margin-right:20px;display:flex}.objective-bar{box-shadow:var(--shadow-card);background:#0f172a99;border:1px solid #8b5cf64d;border-radius:12px;align-items:center;gap:10px;padding:6px 15px;font-size:.85rem;animation:4s ease-in-out infinite bar-glow;display:flex}.obj-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.obj-text{color:#fff;text-shadow:0 0 8px #ffffff4d;font-weight:700}@keyframes bar-glow{0%,to{border-color:#8b5cf633}50%{border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf61a}}.sidebar{width:var(--sidebar-w);z-index:5;flex-direction:column;grid-area:2/1;height:100%;margin-right:0;display:flex;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:1rem 0!important}.nav-items-top{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:8px;padding:1rem 0;display:flex;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--panel-border);flex-direction:column;gap:15px;padding-top:20px;display:flex;position:relative}.header-actions{align-items:center;gap:12px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.header-btn{background:var(--surface-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.header-btn:hover{background:var(--surface-medium);border-color:var(--accent-teal);transform:scale(1.1);box-shadow:0 0 20px #14b8a64d}.header-btn:active{transform:scale(.95)}.settings-btn:hover{transform:rotate(90deg)scale(1.1)}.fullscreen-btn:hover{border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf64d}.stat-header-flex{align-items:center;gap:12px;margin-bottom:5px;display:flex}.stat-silhouette-box{background:var(--surface-faint);border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:inset 0 0 10px #0000004d}.stat-head-icon{object-fit:contain;filter:drop-shadow(0 0 5px #f9731680);width:80%;height:80%}.save-status-sidebar{color:var(--text-dim);opacity:.7;font-size:.75rem}main,.global-log-container,.right-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);scrollbar-gutter:stable;flex-direction:column;justify-self:stretch;min-width:0;min-height:0;padding:1.2rem 1rem;display:flex;overflow-y:auto;width:100%!important}.global-log-container{padding:1rem 0;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0a0f1c!important;border-color:#ffffff1a!important}main{grid-area:2/2}.global-log-container{grid-area:2/3}.right-panel{grid-area:2/4}@media (width<=1500px){:root{--log-w:280px;--stats-w:280px;--gap:.4rem}}@media (width<=1350px) and (width>=1201px){:root{--log-w:240px;--stats-w:240px}#game-wrapper{grid-template-columns:auto 1fr var(--log-w) var(--stats-w);grid-template-rows:var(--header-h) 1fr;overflow-y:hidden}.main-header{grid-column:1/5}main{grid-area:2/2}.global-log-container{grid-area:2/3}.right-panel{flex-direction:column;grid-area:2/4;align-items:stretch;gap:0}}@media (width<=1200px) and (width>=641px){#game-wrapper{grid-template-columns:1fr 1fr;grid-template-rows:var(--header-h) 1fr 260px;gap:var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + 60px);height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.main-header{grid-area:1/1/auto/3}main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-area:2/1/auto/3;height:100%;margin-bottom:0;overflow-y:auto}.global-log-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-area:3/1;overflow-y:auto;height:100%!important;margin-bottom:0!important}.right-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-area:3/2;overflow-y:auto;height:100%!important;margin-bottom:0!important}.sidebar{z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border:none!important;border-top:1px solid var(--panel-border)!important;background:#0f172ae6!important;border-radius:24px 24px 0 0!important;flex-direction:row!important;width:100%!important;height:auto!important;margin:0!important;padding:0 1.5rem 1rem!important;box-shadow:0 -15px 40px #0009!important}.sidebar.collapsed{transform:translateY(calc(100% - 48px))}.nav-items-top{scrollbar-width:none;gap:12px;width:100%;padding:.8rem 0;overflow:auto hidden;flex-direction:row!important}.nav-items-top::-webkit-scrollbar{display:none}.nav-item{flex:none;min-width:130px;height:3.5rem!important;margin:0!important}.sidebar-footer{display:none}.sidebar-toggle-btn{flex:0 0 48px!important;justify-content:center!important;width:48px!important;min-width:48px!important;padding:8px 0!important}.sidebar-toggle-btn span{transition:transform .3s;display:inline-block;transform:rotate(-90deg)}}@media (width<=640px){#game-wrapper{flex-direction:column;grid-template-rows:auto;grid-template-columns:1fr;gap:12px;width:100vw;min-height:100vh;padding:12px;display:flex;position:relative;height:auto!important;overflow-y:auto!important}.main-header,.sidebar,main,.global-log-container,.right-panel{width:100%!important;height:auto!important;margin:0!important}.sidebar{background:#0f172a66;border-radius:16px;flex-flow:wrap;order:2;gap:8px;padding:12px}main{order:1}.right-panel{order:3}.global-log-container{order:4;height:350px!important}.nav-item{flex:140px;height:3.5rem}}@media (height<=720px){#game-wrapper{min-height:100vh;position:relative;height:auto!important;overflow-y:visible!important}}.category-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:10px;display:flex}#game-wrapper .category-header h3,.action-container .category-header h3,main .category-header h3{text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px #ffffff1a;text-align:left;align-items:center;gap:12px;margin:0;font-family:Cinzel,serif;font-size:1.1rem;color:#e2e8f0!important;display:flex!important}.log-description{color:var(--text-dim);text-align:left;opacity:.8;margin-bottom:20px;font-size:.85rem;font-style:italic;line-height:1.4}.player-name{text-align:left;color:#fff;letter-spacing:1.5px;border-bottom:1px solid var(--panel-border);padding-bottom:10px;font-family:Cinzel,serif;font-size:1.4rem}.badge{background:var(--surface-light);color:var(--text-dim);border-radius:6px;padding:2px 8px;font-size:.75rem}.game-btn{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--trans-mid), transform var(--trans-fast);justify-content:center;align-items:center;gap:var(--space-sm);letter-spacing:.3px;box-shadow:var(--glass-shadow), inset 0 0 10px #ffffff0d;background:#0f172a66;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:700;display:flex;position:relative;overflow:hidden}.game-btn>*{pointer-events:none}.game-btn:hover{background:var(--surface-light);border-color:#fff6;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #0006,inset 0 0 15px #ffffff1a}.game-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:60%;height:100%;position:absolute;top:0;left:-100%}.game-btn.is-working:after{animation:2s linear infinite scanning-light}.game-btn:active{background:var(--surface-medium);transform:scale(.94)}.btn-progress-container{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:#0009;width:100%;height:6px;position:absolute;bottom:0;left:0;overflow:hidden}.btn-progress-fill{background:linear-gradient(to right, var(--accent-teal), #5eead4);width:0%;height:100%;box-shadow:0 0 12px var(--accent-teal);transition:width .1s linear}.game-btn.is-working{cursor:wait;opacity:1;border-color:var(--accent-teal);animation:2s ease-in-out infinite button-pulse}@keyframes button-pulse{0%{transform:scale(1)}50%{box-shadow:var(--glow-teal);transform:scale(1.01)}to{transform:scale(1)}}.primary-btn{border:1px solid var(--accent-teal);color:var(--accent-teal);background:#14b8a61a;position:relative;overflow:hidden}.primary-btn:hover{box-shadow:var(--glow-teal);background:#14b8a633}.nav-help-icon{background:var(--surface-light);width:20px;height:20px;color:var(--text-dim);cursor:help;z-index:100010;opacity:.7;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.nav-help-icon:hover{opacity:1;background:var(--surface-light);color:#fff;border-color:var(--accent-teal);transform:scale(1.15);box-shadow:0 0 10px #14b8a666}.key-tag{color:#fff6;pointer-events:none;text-transform:uppercase;background:#0000004d;border:1px solid #ffffff26;border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:.7rem;transition:all .2s;position:absolute;top:6px;right:8px}.game-btn:hover .key-tag{color:#ffffffe6;background:#00000080;border-color:#fff6}.focus-toggle-btn{width:28px;height:28px;color:var(--accent-purple);cursor:pointer;z-index:5;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.focus-toggle-btn:hover{border-color:var(--accent-purple);background:#8b5cf64d;transform:translateY(-50%)scale(1.1)}.focus-toggle-btn.is-focused{background:var(--accent-purple);color:#fff;box-shadow:0 0 15px var(--accent-purple);animation:2s ease-in-out infinite magic-pulse}.game-btn.is-focused{border-color:var(--accent-purple);box-shadow:0 0 15px #8b5cf633}@keyframes magic-pulse{0%{box-shadow:0 0 4px var(--accent-purple)}50%{box-shadow:0 0 12px var(--accent-purple)}to{box-shadow:0 0 4px var(--accent-purple)}}.nav-list{margin:0;padding:0;list-style:none}.sidebar{width:var(--sidebar-w-expanded);transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.nav-item{background:var(--surface-soft);width:calc(100% - 12px);height:3.8rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-faint);border-radius:var(--radius-md);cursor:pointer;transition:all var(--trans-mid);color:#fff;letter-spacing:.3px;white-space:nowrap;grid-template-columns:3.5rem 1fr;align-items:center;margin-bottom:.8rem;margin-left:6px;margin-right:6px;padding:0 .5rem;font-size:1rem;font-weight:600;display:grid}.sidebar.collapsed .nav-item{grid-template-columns:1fr;padding:0}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-footer{display:none}.sidebar-toggle-btn{width:100%;color:var(--text-dim);cursor:pointer;opacity:.6;justify-content:flex-end;padding:10px;font-size:1.2rem;transition:all .3s;display:flex}.sidebar.collapsed .sidebar-toggle-btn{justify-content:center}.sidebar-toggle-btn:hover{opacity:1;color:var(--accent-teal);transform:scale(1.1)}.sidebar-help-row{justify-content:flex-end;padding:6px 12px 0;display:flex}.nav-item:hover{transform:translateY(-2px)scale(1.02)}.menu-icon-img{filter:drop-shadow(0 0 12px #ffffff26);object-fit:contain;flex-shrink:0;justify-self:center;width:2.2rem;height:2.2rem;transition:transform .3s}.nav-item:hover .menu-icon-img{transform:scale(1.1)}.nav-item.active{box-shadow:0 0 25px #0b62561a, inset 4px 0 0 0 var(--accent-teal);color:#fff;text-shadow:0 0 10px #2dd4bf80;background:#2dd4bf26;border:1px solid #2dd4bf66;font-weight:700}.nav-item.active .menu-icon-img{filter:drop-shadow(0 0 10px var(--accent-teal)) brightness(1.2);transform:scale(1.05)}@media (width<=1200px){.nav-item{grid-template-columns:2.8rem 1fr;width:auto;margin:0;padding:0 .6rem;font-size:.9rem}.menu-icon-img{width:1.8rem;height:1.8rem}.sidebar.collapsed .nav-item{justify-content:center;width:3.5rem;padding:0;min-width:3.5rem!important}.sidebar.collapsed .nav-item span{display:none}.nav-item.active{box-shadow:0 0 20px #2dd4bf1a, inset 0 -4px 0 0 var(--accent-teal);inset:auto}}.nav-tabs-wrapper{margin-bottom:var(--space-lg);width:100%;display:flex}.nav-tabs{gap:var(--space-xs);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0f172a66;border:1px solid #ffffff14;flex-wrap:wrap;padding:6px;display:flex;box-shadow:0 8px 32px #0000004d}.nav-tab-btn{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 24px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-tab-btn:hover:not(.active){color:#fff;background:var(--surface-faint);transform:translateY(-1px)}.nav-tab-btn.active{background:var(--accent-teal);color:#0f172a;box-shadow:0 4px 20px #14b8a680}.nav-tabs-wrapper.centered{justify-content:center}.nav-tabs-wrapper.m-lg{margin-bottom:var(--space-lg)}#background-container{z-index:-10;background:#0f172a;width:100vw;height:100vh;transition:opacity .5s ease-in-out;position:fixed;inset:0;overflow:hidden}.bg-base-layer{z-index:0;background:linear-gradient(#1e293b,#0f172a);width:100%;height:100%;position:absolute;inset:0}.bg-layer{pointer-events:none;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:104%;height:104%;transition:transform .1s ease-out,opacity 1s ease-in-out;position:absolute;top:-2%;left:-2%}.layer-1{opacity:.9}.layer-2{opacity:.8}.layer-6{filter:blur(2px)}.floating-tooltip{pointer-events:none;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0afa;border:1px solid #444;border-radius:.25rem;flex-direction:column;gap:.75rem;width:22.5rem;padding:1.25rem;animation:.3s cubic-bezier(.4,0,.2,1) tooltip-pop;display:flex;position:fixed;top:-1000px;left:-1000px;box-shadow:0 1.25rem 2.5rem #000c,0 0 1px #ffffff1a}.tt-title{color:#fff;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.2}.tt-story{color:#aaa;padding-bottom:4px;font-size:.95rem;font-style:italic;line-height:1.5}.tt-divider{border:0;border-top:1px solid #444;margin:0}.tt-status{flex-direction:column;gap:2px;font-size:.85rem;font-weight:600;display:flex}.status-built{color:#fbbf24}.status-active{color:#4ade80}.tt-section-header{color:#666;letter-spacing:1px;font-size:.75rem;font-weight:800}.tt-cost-list,.tt-effect-list{flex-direction:column;gap:4px;display:flex}.tt-data-line{color:#eee;font-size:1rem;display:flex}.tt-ready{color:#4ade80!important}.tt-blocked{color:#f87171!important}.tt-bonus{color:#fbbf24!important}.modal-overlay{width:100vw;height:100vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:30000;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.naming-modal-overlay{width:100vw;height:100vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:20000;background:#0f172acc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.naming-modal-card{background:#1e293bf2;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:650px;padding:50px 80px;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 100px #000c,inset 0 0 20px #ffffff0d}.modal-header{text-align:center}.modal-header h2{letter-spacing:5px;text-transform:uppercase;background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Cinzel,serif;font-size:2.8rem}.modal-header p{color:var(--text-dim);letter-spacing:1px;font-size:1.1rem}.naming-input-wrapper{width:100%;margin:20px 0;position:relative}.naming-input-wrapper input{background:var(--surface-whisper);color:#fff;text-align:center;letter-spacing:2px;border:none;border-bottom:2px solid #ffffff1a;outline:none;width:100%;padding:15px 0;font-family:Outfit,sans-serif;font-size:2rem;transition:all .3s}.naming-input-wrapper input:focus{border-bottom-color:var(--accent-teal);background:var(--surface-faint)}.naming-input-wrapper input.input-error{border-bottom-color:#fb7185!important}.input-feedback-row{justify-content:space-between;align-items:center;width:100%;min-height:20px;margin-top:10px;padding:0 5px;display:flex}.char-counter{color:var(--text-dim);opacity:.5;font-family:Outfit,sans-serif;font-size:.85rem}.char-counter.at-limit{color:var(--accent-gold);opacity:1}.validation-hint{color:#fb7185;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.premium-confirm-btn{background:var(--accent-teal);color:#0f172a;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:15px;padding:18px 50px;font-size:1.2rem;font-weight:800;box-shadow:0 0 30px #14b8a666}.premium-confirm-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #14b8a699}.modal-overlay-enter{transition:opacity .6s}.modal-overlay-enter-start{opacity:0}.modal-overlay-enter-end{opacity:1}.modal-card-enter{transition:all .8s cubic-bezier(.4,0,.2,1)}.modal-card-enter-start{opacity:0;transform:scale(.9)translateY(40px)}.modal-card-enter-end{opacity:1;transform:scale(1)translateY(0)}.confirm-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50000;background:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:#152032f7;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:22px;width:90%;max-width:480px;padding:40px 50px 36px;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards confirm-pop;display:flex;box-shadow:0 40px 80px #000000b3,inset 0 0 0 1px #ffffff0a}@keyframes confirm-pop{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-icon{font-size:2.8rem;line-height:1}.confirm-message{color:var(--text-dim);text-align:center;max-width:340px;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;line-height:1.6}.confirm-actions{gap:14px;width:100%;display:flex}.confirm-btn{letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.confirm-btn-yes{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 20px #ef444459}.confirm-btn-yes:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ef444480}.confirm-btn-no{color:var(--text-dim);background:#ffffff0f;border:1px solid #ffffff14}.confirm-btn-no:hover{background:var(--surface-light);color:#fff;transform:translateY(-2px)}.ellie-intro-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:19900;background:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.ellie-intro-inner{flex-direction:column;justify-content:flex-end;align-items:center;gap:0;width:100%;max-width:1040px;max-height:100vh;padding:0 16px 16px;display:flex}.ellie-image-shell{justify-content:center;align-items:flex-end;width:100%;display:flex}.ellie-image{object-fit:contain;width:min(960px,90vw);height:auto;max-height:calc(100vh - 220px);box-shadow:none;filter:drop-shadow(0 32px 64px #00000047);background:0 0;border:none;border-radius:0}.ellie-text-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1423e0;border:none;border-radius:20px;width:min(860px,90vw);padding:24px 28px;box-shadow:0 18px 40px #0000002e}.ellie-text-card h4{color:var(--accent-teal);margin-bottom:16px;font-size:1.9rem}.ellie-text-card p{color:var(--text-main);margin:10px 0;font-size:1rem;line-height:1.6}.ellie-text-card .btn-small{color:var(--accent-teal);cursor:pointer;background:#469fff2e;border:1px solid #469fff59;border-radius:16px;margin-top:24px;padding:14px 22px;font-weight:700}.ellie-text-card .btn-small:hover{background:#469fff40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.global-log-container{flex-direction:column;height:100%;display:flex;padding-left:0!important;padding-right:0!important}.global-log-container .category-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding:0 1rem 10px;display:flex}.global-log-container .category-header h3{text-align:center;flex:1;justify-content:center;margin-left:24px}.log-stream{flex-direction:column;flex:1;align-items:stretch;gap:4px;min-height:0;padding:0 4px 0 0;display:flex;overflow-y:auto}.log-stream::-webkit-scrollbar{width:3px}.log-stream::-webkit-scrollbar-track{background:#0000001a}.log-stream::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:2px}.log-entry{color:#e2e8f0;word-wrap:break-word;background:#ffffff06;border-left:3px solid #334155;flex-shrink:0;width:100%;padding:8px 12px;font-size:.85rem;line-height:1.4;transition:all .2s;animation:.3s ease-out forwards log-slide-in;display:block}.log-entry:hover{background:var(--surface-faint);border-left-color:#475569}.log-highlight{border-left-color:var(--gold)!important;background:#eab30808!important}.log-discovery{border-left-color:var(--accent-teal)!important;background:#14b8a608!important}.log-danger{background:#ef444408!important;border-left-color:#ef4444!important}.log-quest{background:#8b5cf608!important;border-left-color:#8b5cf6!important}.log-magic{border-left-color:var(--accent-purple)!important;background:#a855f708!important}.empty-history-watermark{text-align:center;opacity:.2;padding:40px 20px}@keyframes log-slide-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}#toast-container{z-index:20000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1px;opacity:0;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:30px;padding:12px 30px;font-family:Cinzel,serif;font-size:.9rem;transition:all .5s cubic-bezier(.4,0,.2,1);transform:translateY(-20px);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-color:var(--accent-teal);color:var(--accent-teal);background:#14b8a61a}#juice-container{pointer-events:none;z-index:100000;position:fixed;inset:0}.juice-particle{pointer-events:none;text-shadow:0 2px 10px #00000080;z-index:100001;white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:900;animation:2s ease-out forwards particle-fly-up;position:absolute}.juice-particle.p-normal{color:#fff}.juice-particle.p-energy{color:var(--accent-teal)}.juice-particle.p-magic{color:var(--accent-purple)}.juice-particle.p-shards{color:var(--gold)}@keyframes particle-fly-up{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-100px)scale(1)}}.stat-row.highlight-needed{background:#fbbf241a;border-radius:8px;padding:2px 5px;transition:all .3s;transform:translate(5px);box-shadow:0 0 15px #fbbf2433}.basis-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.basis-val{background:var(--surface-whisper);color:var(--text-dim);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px 15px;font-size:.9rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 0 20px #0003}.basis-icon{opacity:.8;filter:drop-shadow(0 0 5px #ffffff1a);font-size:1.2rem}.basis-val.empty-state{opacity:.6;background:#0003;border-style:dashed}.basis-val.empty-state .basis-icon{filter:grayscale()opacity(.5);animation:3s ease-in-out infinite ghost-float}.basis-val.active{color:#fff;background:#2dd4bf14;border-style:solid;border-color:#2dd4bf4d;box-shadow:0 4px 15px #0000004d,inset 0 0 10px #2dd4bf1a}.basis-val.milestone{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf2466;font-weight:700;animation:3s ease-in-out infinite milestone-glow}@keyframes ghost-float{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(-3px)}}@keyframes milestone-glow{0%,to{border-color:#fbbf244d;box-shadow:0 0 15px #fbbf241a}50%{border-color:#fbbf2499;box-shadow:0 0 25px #fbbf2433}}@keyframes subtle-pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.stat-bar-fill.gain-pulse{animation:.6s cubic-bezier(.4,0,.2,1) pulse-gain}.stat-bar-fill.drain-flash{animation:.4s ease-out flash-drain}@keyframes flash-drain{0%{filter:brightness()saturate()}30%{filter:brightness(2)saturate(.5);background-color:#fff!important}to{filter:brightness()saturate()}}#game-wrapper .view-section{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:visible}#game-wrapper main{flex-direction:column;width:100%;height:100%;display:flex}.game-view-content{flex-direction:column!important;gap:30px!important;height:auto!important;min-height:100%!important;padding:30px!important;overflow:visible!important}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;grid-auto-rows:min-content!important;align-items:start!important;gap:30px!important;width:100%!important;padding-bottom:60px!important;display:grid!important}@media (width<=1100px){.game-view-content{gap:16px!important;padding:16px!important}.game-grid{gap:16px!important;padding-bottom:24px!important}}.game-card{aspect-ratio:1!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;cursor:pointer!important;background:#0f172a73!important;border:1px solid #ffffff1a!important;border-radius:24px!important;flex-direction:column!important;width:100%!important;padding:0!important;transition:all .4s cubic-bezier(.2,.8,.2,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 35px #0000004d!important}.game-card:hover{border-color:var(--accent-teal)!important;background:#2dd4bf1f!important;transform:translateY(-8px)!important;box-shadow:0 20px 45px #00000080,0 0 30px #2dd4bf26!important}.game-card:active{transform:scale(.96)translateY(-4px)!important}.game-card-visual{z-index:1!important;flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important;overflow:hidden!important}.game-card-visual img,.game-card-visual .slot-icon,.game-card-visual .blueprint-img,.game-card-visual .npc-img,.game-card-visual span{object-fit:contain!important;filter:drop-shadow(0 15px 25px #00000080)!important;justify-content:center!important;align-items:center!important;width:85%!important;max-width:85%!important;height:85%!important;max-height:85%!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important}.game-card-visual span{font-size:5rem!important}.game-card:hover img,.game-card:hover .slot-icon,.game-card:hover .blueprint-img,.game-card:hover .npc-img,.game-card:hover span{transform:scale(1.1)rotate(2deg)!important}.game-card-footer{text-align:center!important;z-index:2!important;background:linear-gradient(#0000 0%,#0f172acc 40%,#0f172afa 100%)!important;flex-direction:column!important;gap:6px!important;width:100%!important;padding:15px 10px!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important}.game-card-title{color:#fff!important;text-transform:uppercase!important;letter-spacing:1px!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-shadow:0 2px 4px #00000080!important;font-family:Outfit,sans-serif!important;font-size:.85rem!important;font-weight:800!important;display:block!important;overflow:hidden!important}.wing-profile-container{justify-content:center;gap:20px;height:120px;margin-bottom:25px;padding-top:40px;display:flex;position:relative}.wing-status-wrapper{width:90px;height:130px;transition:var(--trans-mid);position:relative}.wing-status-wrapper.left{-webkit-mask-image:url(../img/menu/logo_wings.webp);mask-image:url(../img/menu/logo_wings.webp);-webkit-mask-position:0%;mask-position:0%;-webkit-mask-size:200%;mask-size:200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wing-status-wrapper.right{-webkit-mask-image:url(../img/menu/logo_wings.webp);mask-image:url(../img/menu/logo_wings.webp);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:200%;mask-size:200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wing-status-wrapper.head{z-index:20;width:70px;height:70px;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:url(../img/Stat_head.webp);mask-image:url(../img/Stat_head.webp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wing-mask-bg{background:#0009;position:absolute;inset:0;box-shadow:inset 0 0 20px #000c}.wing-mask-fill{transition:clip-path var(--trans-slow);filter:brightness(1.1)contrast(1.1);position:absolute;inset:0}.wing-mask-fill.satiation{background:linear-gradient(#ffedd5,#fb923c,#f97316);box-shadow:0 0 30px #f9731680}.wing-mask-fill.energy{background:linear-gradient(#ccfbf1,#5eead4,#14b8a6);box-shadow:0 0 30px #14b8a680}.wing-mask-fill.magic{background:linear-gradient(#f5f3ff,#c084fc,#8b5cf6);box-shadow:0 0 30px #8b5cf680}.wing-status-wrapper:hover{filter:brightness(1.3);transform:scale(1.1)rotate(5deg)}.wing-status-wrapper.left:hover{transform:scale(1.1)rotate(-5deg)}.wing-status-wrapper.pulse-critical{animation:2s ease-in-out infinite pulse-danger}.status-card{gap:var(--space-md);flex-direction:column;display:flex}.player-name{text-align:left;color:var(--text-main);letter-spacing:1.5px;padding-bottom:var(--space-xs);border-bottom:1px solid var(--panel-border);font-family:Cinzel,serif;font-size:1.4rem}.stat-category{text-transform:uppercase;letter-spacing:1.8px;color:#ffffff80;border-bottom:2px solid #ffffff14;margin-top:5px;padding:18px 0 6px;font-size:.75rem;font-weight:800}.stat-category:first-child{padding-top:8px}.stat-subcategory{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:2px 0;transition:all .2s;display:flex}.stat-subcategory:hover{background:var(--surface-whisper)}.subcategory-name{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff80;flex:1;font-size:.7rem;font-weight:700}.expand-icon{color:#ffffff4d;font-size:.6rem;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.stat-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:3px 0;display:flex}.stat-name{color:#fffffff2;text-shadow:0 1px 2px #0000004d;white-space:nowrap;text-overflow:ellipsis;flex:0 0 92px;font-size:.82rem;font-weight:700;overflow:hidden}.stat-name.energy-label{color:var(--accent-teal)}.stat-name.magic-label{color:var(--accent-purple)}.stat-bar-bg{background:#0006;border-radius:6px;flex:1;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #00000080}.stat-bar-fill{border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffffff1a}.energy-fill{background:linear-gradient(90deg,#14b8a6,#5eead4);box-shadow:0 0 8px #14b8a666}.magic-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc);box-shadow:0 0 8px #8b5cf666}.satiation-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b66}.wood-fill{background:linear-gradient(90deg,#854d0e,#a16207)}.stone-fill{background:linear-gradient(90deg,#475569,#64748b)}.stat-val{text-align:right;white-space:nowrap;color:#ffffffd9;font-variant-numeric:tabular-nums;letter-spacing:-.2px;text-shadow:0 1px 2px #00000080;flex-shrink:0;min-width:64px;font-size:.78rem;font-weight:600}.stat-val.shard-inline{color:var(--accent-teal)}.basis-row{padding:7px 0}.basis-val{min-width:unset;text-align:left;color:#ffffffb3;font-size:.78rem}.basis-val.active{color:var(--accent-teal)}.basis-val.milestone{color:var(--gold)}.buff-container{background:var(--surface-whisper);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:6px;margin:15px 0 10px;padding:10px;display:flex;box-shadow:inset 0 2px 10px #0003}.buff-badge{background:var(--surface-faint);cursor:help;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.buff-badge:hover{background:var(--surface-light);border-color:#fff3;transform:translate(4px)}.buff-glow{pointer-events:none;background:radial-gradient(circle at 10%,#8b5cf633,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.buff-icon{filter:drop-shadow(0 0 5px #ffffff4d);font-size:1rem}.buff-label{color:#fffffff2;letter-spacing:.3px;flex:1;font-size:.8rem;font-weight:600}.buff-timer{font-variant-numeric:tabular-nums;color:var(--gold);opacity:.9;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.player-name-wrapper{flex-direction:column;gap:4px;display:flex}.active-title-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);cursor:help;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:4px;width:fit-content;padding:4px 10px;font-size:.7rem;font-weight:800;transition:all .3s;display:inline-block}.active-title-badge:hover{border-color:var(--gold);background:#fbbf2433;transform:translateY(-1px)}.title-management-section{margin-top:10px}.title-list-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:10px 0;display:grid}.title-item-slot{background:var(--surface-whisper);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .3s;display:flex}.title-item-slot:hover{background:var(--surface-soft);border-color:#fff3}.title-item-slot.is-active{border-color:var(--accent-teal);background:#14b8a61a;box-shadow:0 0 10px #14b8a633}.title-icon{font-size:1rem}.title-name-compact{color:var(--text-dim);font-size:.75rem;font-weight:600}.title-item-slot.is-active .title-name-compact{color:var(--accent-teal)}.primary-actions-bar{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;justify-content:center;gap:24px;width:100%;margin-bottom:30px;padding:20px 20px 45px;display:flex}.primary-btn{letter-spacing:.5px;text-align:center;border-width:2px;flex:1;justify-content:center;align-items:center;min-width:140px;max-width:180px;height:auto;min-height:40px;padding:6px 10px;font-size:.95rem;line-height:1.2;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.primary-energy{color:var(--accent-teal);background:#14b8a61a;border-color:#14b8a666}.primary-energy:hover{border-color:var(--accent-teal);box-shadow:var(--glow-teal);background:#14b8a633}.primary-magic{color:var(--accent-purple);background:#8b5cf61a;border-color:#8b5cf666}.primary-magic:hover{border-color:var(--accent-purple);box-shadow:var(--glow-purple);background:#8b5cf633}.primary-satiation{color:var(--gold);background:#fbbf241a;border-color:#fbbf2466}.primary-satiation:hover{border-color:var(--gold);background:#fbbf2433;box-shadow:0 0 20px #fbbf2433}.action-container{flex:1;gap:40px;display:flex}.action-column{flex-direction:column;flex:1;gap:35px;display:flex}.vertical-divider{background:linear-gradient(to bottom, transparent, var(--panel-border), transparent);width:1px}.action-group{flex-direction:column;gap:15px;display:flex}.action-group .category-header h3{color:var(--accent-teal);text-align:left;text-transform:uppercase;letter-spacing:.1em;opacity:.9;border:none;padding:0;font-size:.85rem}.btn-list{flex-direction:column;gap:12px;display:flex}.location-group{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:10px;padding:15px;transition:all .3s;display:flex}.location-group:hover{background:#ffffff0a;border-color:#14b8a61a}.location-heading{text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);opacity:.6;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:5px;font-size:.7rem;font-weight:800;transition:opacity .2s;display:flex}.location-heading:hover{opacity:1}.location-heading .expand-icon{color:var(--gold);font-size:.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.location-heading .expand-icon.expanded{transform:rotate(90deg)}.location-heading:after{content:"";background:linear-gradient(90deg,#ffffff1a,#0000);flex:1;height:1px}.btn-list-inner{flex-direction:column;gap:10px;display:flex}.action-btn-modular{position:relative;overflow:hidden}.action-btn-modular .btn-progress-container{background:var(--surface-light);z-index:1;width:100%;height:4px;position:absolute;bottom:0;left:0}.action-btn-modular .btn-progress-fill{background:var(--accent-teal);height:100%;box-shadow:0 0 10px var(--accent-teal);transition:width .3s linear}.action-btn-modular.primary-magic .btn-progress-fill{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.action-btn-modular.is-working{background:#14b8a614;border-color:#14b8a666}.focus-toggle-btn{opacity:.4;background:#0000004d;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.focus-toggle-btn:hover{opacity:.8;border-color:var(--accent-teal);background:#14b8a633}.focus-toggle-btn.is-focused{opacity:1;background:var(--accent-teal);color:#0f172a;box-shadow:0 0 15px var(--accent-teal);animation:2s infinite focusPulse}@keyframes focusPulse{0%,to{box-shadow:0 0 10px var(--accent-teal);transform:translateY(-50%)scale(1)}50%{box-shadow:0 0 20px var(--accent-teal);transform:translateY(-50%)scale(1.1)}}.location-group{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a33;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:15px;padding:18px}.location-heading{color:var(--gold);opacity:.8;margin-bottom:12px;font-size:.75rem}.btn-shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=1100px){.primary-actions-bar{gap:12px;margin-bottom:18px;padding:16px 12px 24px}.primary-btn{flex:140px;min-width:120px;max-width:none}.view-content-gameplay .action-container{gap:18px;flex-direction:column!important}.view-content-gameplay .vertical-divider{background:linear-gradient(to right, transparent, var(--panel-border), transparent);width:100%;height:1px}}.automation-bar{background:var(--surface-whisper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;margin:0 0 2rem;padding:1rem 1.5rem;display:flex}.loop-toggle-wrapper{opacity:.8;align-items:center;gap:15px;transition:all .3s;display:flex}.loop-toggle-wrapper.active{opacity:1}.loop-label{color:var(--text-dim);letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.loop-toggle-wrapper.active .loop-label{color:var(--accent-teal);text-shadow:0 0 10px #14b8a666}.premium-toggle{cursor:pointer;width:64px;height:34px;position:relative}.premium-toggle input{opacity:0;width:0;height:0}.toggle-track{background:#00000080;border:1px solid #ffffff1a;border-radius:34px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 5px #0009}.premium-toggle input:checked+.toggle-track{border-color:var(--accent-teal);background:#14b8a626;box-shadow:inset 0 2px 5px #0000004d,0 0 15px #14b8a633}.toggle-thumb{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:3px;left:4px;box-shadow:0 3px 6px #00000080}.premium-toggle input:checked+.toggle-track .toggle-thumb{background:var(--accent-teal);box-shadow:0 0 12px var(--accent-teal);transform:translate(30px)}.thumb-icon{color:#222;font-size:.85rem}.premium-toggle input:checked+.toggle-track .thumb-icon{color:#fff}.loop-status-hint{color:var(--accent-teal);font-size:13px;font-style:italic;font-weight:500;animation:2s ease-in-out infinite text-pulse-glow}@keyframes text-pulse-glow{0%,to{opacity:.5;text-shadow:0 0 #0000}50%{opacity:1;text-shadow:0 0 10px var(--accent-teal)}}.npc-img-blur-bg{filter:blur(15px)brightness(.6);opacity:.5;z-index:1;background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.npc-progress-mini-track{background:var(--surface-light);border-radius:4px;width:100%;height:4px;margin-top:6px;overflow:hidden}.npc-progress-fill{background:linear-gradient(90deg, var(--accent-teal), #2dd4bf);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.npc-progress-fill.is-maxed{background:linear-gradient(90deg, var(--gold), #fbbf24);animation:2s infinite alternate barPulse;box-shadow:0 0 10px #fbbf2466}@keyframes barPulse{0%{opacity:.8}to{opacity:1;filter:brightness(1.2)}}.npc-status-tag{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#14b8a6e6;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 5px 15px #0000004d}.npc-trade-actions{z-index:10;opacity:0;flex-direction:column;gap:6px;transition:all .3s;display:flex;position:absolute;top:12px;left:12px;transform:translate(-10px)}.game-card:hover .npc-trade-actions{opacity:1;transform:translate(0)}.npc-trade-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--gold);cursor:pointer;background:#0f172ad9;border:1px solid #fbbf2466;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.npc-trade-btn:hover{background:var(--gold);color:#000;transform:scale(1.1);box-shadow:0 0 20px #fbbf2480}.nav-tabs-wrapper{justify-content:center;margin-bottom:25px;display:flex}.school-container{border-top:1px solid #ffffff0d;margin-top:50px;padding-top:40px;position:relative}.school-container:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:100px;height:1px;position:absolute;top:-1px;left:0}.school-title{color:var(--gold);letter-spacing:.5px;margin:0;font-size:1.5rem}.school-card-footer{padding-bottom:25px}.vandara-intro{text-align:center;max-width:600px;margin:0 auto 40px}.vandara-title{color:var(--gold);margin-bottom:10px;font-size:2rem}.vandara-hint{color:var(--text-dim);line-height:1.6}.path-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s}.path-card:hover{transform:translateY(-10px)scale(1.02);border-color:var(--gold)!important}.mentor-spotlight{background:#8b5cf61a;border-color:#8b5cf633}.mentor-spotlight:hover{border-color:var(--accent-purple,#a78bfa);background:#8b5cf633}.mentor-mini-portrait{border:2px solid var(--accent-purple,#a78bfa);width:42px;height:42px;margin:0}.mentor-placeholder{background:#0000004d;font-size:1.3rem}.card-read{--subject-color:#60a5fa}.card-numbers{--subject-color:#fbbf24}.card-history{--subject-color:#f87171}.card-herbs{--subject-color:#4ade80}.card-runes{--subject-color:#c084fc}.game-card:hover{border-color:var(--subject-color,var(--accent-teal))!important}.school-card-visual{color:var(--subject-color,#fff);text-shadow:0 0 20px var(--subject-color);font-size:2rem}.school-active-bar{background:linear-gradient(90deg, var(--accent-teal), var(--subject-color,var(--gold)));width:100%;height:6px;box-shadow:0 0 15px var(--accent-teal);transition:width .3s linear;animation:1.5s infinite schoolBarPulse;position:absolute;bottom:0;left:0}@keyframes schoolBarPulse{0%,to{opacity:.7;filter:brightness()}50%{opacity:1;filter:brightness(1.5)}}.action-active-ring{border:2px solid var(--accent-teal);pointer-events:none;border-radius:22px;animation:2s infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.status-check{background:var(--gold);color:#0f172a;z-index:10;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) checkPop;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 0 15px #fbbf2466}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.school-header-flex{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.school-title-group{align-items:center;gap:15px;display:flex}.school-icon-main{filter:drop-shadow(0 0 10px var(--gold));font-size:2.2rem}.teacher-spotlight{background:var(--surface-faint);cursor:help;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:15px;padding:8px 20px;transition:all .3s;display:flex}.teacher-spotlight:hover{background:var(--surface-light);border-color:var(--accent-teal);transform:translate(-5px)}.teacher-mini-img{object-fit:cover;border:2px solid var(--accent-teal);border-radius:50%;width:40px;height:40px}.teacher-info{flex-direction:column;display:flex}.teacher-info span{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.teacher-info strong{color:#fff;font-size:.95rem}.nav-tabs-wrapper{border-bottom:1px solid #ffffff0d;padding-bottom:10px}.blueprint-card{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.blueprint-card:not(.is-completed):hover{transform:translateY(-10px)scale(1.02);box-shadow:0 15px 35px #fbbf2433;border-color:var(--gold)!important}.blueprint-card.is-completed{opacity:.8;filter:grayscale(.5);cursor:default}.blueprint-visual-wrapper{background:#0003;border-radius:12px;justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:12px;display:flex;overflow:hidden}.blueprint-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blueprint-card:hover .blueprint-img{transform:scale(1.1)}.blueprint-icon-fallback{opacity:.6;filter:drop-shadow(0 0 10px #fff3);font-size:3.5rem}.status-check{border:1px solid var(--accent-teal);color:var(--accent-teal);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2dd4bf33;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #2dd4bf66}.empty-state-container{text-align:center;background:#0f172a4d;border:1px dashed #ffffff1a;border-radius:20px;width:100%;margin-top:20px;padding:60px 20px}.empty-state-text{color:var(--text-dim);font-size:1.1rem;font-style:italic}.vault-action-container{margin-top:25px}.item-slot{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.item-slot:hover{background:var(--surface-faint);transform:translateY(-5px)scale(1.02)}.item-slot.is-selected{box-shadow:0 0 25px #14b8a633;border-color:var(--accent-teal)!important;background:#14b8a614!important}.slot-icon{object-fit:contain;filter:drop-shadow(0 5px 15px #0006);width:60%;height:60%;transition:transform .3s}.item-slot:hover .slot-icon{transform:scale(1.1)rotate(5deg)}.slot-tool{border-left:4px solid var(--accent-teal)!important}.slot-rare{border-left:4px solid var(--accent-purple)!important}.item-action-overlay{opacity:0;transition:opacity .3s;position:absolute;top:10px;right:10px}.item-slot:hover .item-action-overlay{opacity:1}.item-use-btn{background:var(--accent-teal);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:transform .2s;display:flex;box-shadow:0 4px 10px #0000004d}.item-use-btn:hover{background:#fff;transform:scale(1.2)}.item-slot-empty{aspect-ratio:1;background:#ffffff03;border:1px dashed #ffffff0d;border-radius:24px}.active-home-panel-wrapper{margin-top:1px;margin-bottom:2px}.active-home-card{-webkit-backdrop-filter:blur(20px);background:#0f172a80;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:260px 1fr;display:grid;overflow:hidden;box-shadow:0 10px 10px #0006}.home-visual{height:100%;min-height:120px;position:relative;overflow:hidden}.home-img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.active-home-card:hover .home-img{transform:scale(1.05)}.home-overlay-glow{background:linear-gradient(90deg,#0000 0%,#0f172a66 50%,#0f172a 100%);position:absolute;inset:0}.home-details{flex-direction:column;justify-content:center;gap:12px;padding:30px;display:flex}.home-badge{letter-spacing:2px;text-transform:uppercase;color:var(--accent-teal);font-size:.65rem;font-weight:800}.home-header h4{color:#fff;margin:5px 0 0;font-family:Cinzel,serif;font-size:2.2rem}.home-flavor{color:#ffffff80;max-width:600px;margin:0;font-size:1rem;font-style:italic}.home-stats-row{gap:40px;margin-top:25px;display:flex}.home-stat-item{flex-direction:column;flex-grow:1;gap:8px;max-width:400px;display:flex}.home-stat-item .stat-label{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.space-progress-bar{background:var(--surface-faint);border-radius:5px;height:10px;overflow:hidden}.space-fill{background:var(--accent-teal);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #14b8a680}.space-overload{background:#f43f5e;box-shadow:0 0 15px #f43f5e99}.stat-numeric{color:#fff;margin-top:4px;font-size:1rem;font-weight:600}.housing-empty-notice{text-align:center;color:#fff3;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:24px;padding:60px;font-family:Cinzel,serif}@media (width<=1000px){.active-home-card{grid-template-columns:1fr}.home-overlay-glow{background:linear-gradient(#0000 0%,#0f172a66 50%,#0f172a 100%)}}.housing-management-container{grid-template-columns:1fr 1fr;align-items:start;gap:30px;margin-top:0;display:grid}@media (width<=1200px){.housing-management-container{grid-template-columns:1fr}}.furniture-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a4d;border:1px solid #ffffff0d;border-radius:20px;padding:25px}.group-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px}.group-header h4{color:var(--accent-teal);letter-spacing:1px;margin:0;font-family:Cinzel,serif;font-size:1.2rem}.furniture-list{flex-direction:column;gap:10px;display:flex}.furniture-list-item{background:var(--surface-whisper);cursor:pointer;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.furniture-list-item:hover{background:var(--surface-soft);border-color:#fff3;transform:translate(5px)}.furn-info{flex-direction:column;gap:2px;display:flex}.furn-name{color:#fff;font-size:.95rem;font-weight:600}.furn-space{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.furn-btn{background:var(--accent-teal);color:#0f172a;cursor:pointer;opacity:.8;border:none;border-radius:6px;padding:6px 15px;font-size:.75rem;font-weight:700;transition:all .2s}.furniture-list-item:hover .furn-btn{opacity:1;transform:scale(1.05)}.furn-btn.remove{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e33}.furn-btn.remove:hover{color:#fff;background:#f43f5e4d}.empty-state-info{text-align:center;color:#ffffff26;border:1px dashed #ffffff0d;border-radius:12px;padding:20px;font-size:.85rem;font-style:italic}.view-content-story{flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.story-archive-layout{flex:1;grid-template-columns:280px 1fr;gap:20px;min-height:0;margin-top:10px;display:grid}.story-archive-sidebar{border-radius:var(--radius-md);background:#0f172a4d;border:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.npc-archive-tab{border-radius:var(--radius-sm);cursor:pointer;transition:var(--trans-fast);background:var(--surface-whisper);border:1px solid #0000;align-items:center;gap:12px;padding:12px 18px;display:flex}.npc-archive-tab:hover{background:var(--surface-soft);border-color:#ffffff1a}.npc-archive-tab.active{border-color:var(--accent-teal);background:#14b8a626;box-shadow:0 0 20px #14b8a626}.npc-archive-icon{font-size:1.5rem}.npc-archive-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;overflow:hidden}.npc-archive-tab.active .npc-archive-name{color:#fff;font-weight:600}.story-archive-content{border-radius:var(--radius-md);background:#0f172a33;border:1px solid #ffffff0d;flex-direction:column;display:flex;overflow:hidden}.archive-scroll-container{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.archive-entry{border-left:3px solid var(--accent-purple);background:#ffffff0a;border-radius:4px 12px 12px 4px;padding:16px 24px;box-shadow:0 4px 12px #0000001a}.archive-entry-header{text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;margin-bottom:10px;font-size:.75rem;display:flex}.archive-entry-chapter{color:var(--accent-teal);font-weight:800}.archive-entry-time{color:var(--text-dim);opacity:.5}.archive-entry-body{position:relative}.archive-entry-text{color:var(--text-main);white-space:pre-line;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7}.empty-story-splash{text-align:center;justify-content:center;align-items:center;height:50vh;min-height:400px;display:flex}.splash-inner{background:var(--surface-whisper);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;max-width:450px;padding:40px;animation:6s ease-in-out infinite float}.splash-icon{filter:drop-shadow(0 0 20px var(--accent-teal));margin-bottom:20px;font-size:4rem}.splash-inner h4{color:var(--accent-teal);letter-spacing:2px;margin-bottom:15px;font-family:Cinzel,serif;font-size:1.4rem}.splash-inner p{color:var(--text-dim);opacity:.8;font-size:1rem;line-height:1.6}.archive-scroll-container::-webkit-scrollbar{width:6px}.story-archive-sidebar::-webkit-scrollbar{width:6px}.archive-scroll-container::-webkit-scrollbar-track{background:0 0}.story-archive-sidebar::-webkit-scrollbar-track{background:0 0}.archive-scroll-container::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:10px}.story-archive-sidebar::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:10px}.archive-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.story-archive-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.library-books-container{flex:1;overflow-y:auto}.library-book-card{border-radius:var(--radius-md);background:#0f172a66;border:1px solid #ffffff14;flex-direction:column;gap:15px;transition:all .3s;display:flex}.library-book-card:hover{border-color:var(--accent-teal);background:#0f172a99;transform:translateY(-2px)}.book-info-row{align-items:flex-start;gap:20px;display:flex}.book-visual{background:#14b8a61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.book-icon{filter:drop-shadow(0 0 10px #14b8a666);font-size:2.2rem}.book-details{flex:1}.book-details h4{margin:0 0 5px;font-family:Cinzel,serif;font-size:1.1rem}.book-progress-wrapper{align-items:center;gap:12px;margin-top:10px;display:flex}.book-progress-bar{background:var(--surface-faint);border-radius:4px;flex:1;height:8px;overflow:hidden}.book-progress-fill{background:linear-gradient(90deg, var(--accent-teal), #2dd4bf);height:100%;transition:width .4s;box-shadow:0 0 10px #14b8a64d}.book-progress-text{color:var(--text-dim);min-width:40px;font-size:.75rem;font-weight:700}.book-actions{justify-content:flex-end;display:flex}.m-b-lg{margin-bottom:24px}.m-b-sm{margin-bottom:8px}.m-t-md{margin-top:16px}@media (width<=1080px){.story-archive-layout{grid-template-columns:220px 1fr}}@media (width<=800px){.story-archive-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:75vh}.story-archive-sidebar{border-bottom:1px solid #ffffff0d;flex-direction:row;padding-bottom:10px;overflow-x:auto}.npc-archive-tab{flex-shrink:0;padding:10px 15px}.npc-archive-name{display:none}}.main-menu-overlay{z-index:9000;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.main-menu-overlay[style*="display: none"]{display:none!important}.main-menu-overlay:before{content:"";opacity:.15;background-color:#0000;background-image:radial-gradient(2px 2px at 40px 60px,#ccc,#0000),radial-gradient(2px 2px at 20px 50px,#ddd,#0000),radial-gradient(2px 2px at 30px 100px,#eee,#0000),radial-gradient(2px 2px at 40px 150px,#fff,#0000),radial-gradient(2px 2px at 50px 200px,#ccc,#0000);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat;background-size:200px 200px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:200%;height:200%;animation:100s linear infinite bgRotate;position:absolute;top:-50%;left:-50%}.menu-content{z-index:10;flex-direction:column;align-items:center;gap:50px;width:100%;max-width:600px;animation:1s cubic-bezier(.165,.84,.44,1) forwards menuFadeIn;display:flex;position:relative}.menu-logo-container{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.menu-logo{filter:drop-shadow(0 0 30px #3b82f666);width:180px;height:auto;margin-bottom:20px;animation:6s ease-in-out infinite logoFloat}.menu-title{color:#fff;text-transform:uppercase;letter-spacing:5px;text-shadow:0 5px 30px #00000080;margin:0;font-family:Cinzel,serif;font-size:3.5rem}.menu-subtitle{color:#ffffff80;text-transform:uppercase;letter-spacing:8px;align-items:center;gap:15px;margin-top:5px;font-family:Outfit,sans-serif;font-size:1.1rem;display:flex}.demo-badge{color:var(--accent-teal);letter-spacing:2px;background:#14b8a633;border:1px solid #14b8a666;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.menu-actions{flex-direction:column;gap:15px;width:100%;max-width:320px;display:flex}.menu-footer{color:#ffffff4d;letter-spacing:2px;flex-direction:column;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:.9rem;display:flex;position:absolute;bottom:40px}.footer-repo-link{color:#ffffff26;border-bottom:1px solid #0000;font-size:.75rem;text-decoration:none;transition:all .3s}.footer-repo-link:hover{color:var(--accent-teal);border-bottom-color:var(--accent-teal)}.menu-btn{background:var(--surface-whisper);color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:16px 30px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.menu-btn:hover{background:var(--surface-soft);color:#fff;border-color:#ffffff4d;transform:translateY(-2px)}.menu-btn.primary{color:var(--accent-teal);background:#14b8a61a;border-color:#14b8a666}.menu-btn.primary:hover{border-color:var(--accent-teal);box-shadow:var(--glow-teal);background:#14b8a633}.menu-btn.quit{color:#ef444499;background:#ef44440d;border-color:#ef444433;margin-top:10px}.menu-btn.quit:hover{color:#f87171;background:#ef444426;border-color:#ef444480}.btn-glow{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.menu-btn:hover .btn-glow{transition:all .8s;left:200%}.settings-modal-unified{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background:#0f172ae6;border:1px solid #ffffff1f;border-radius:28px;width:min(820px,95vw);height:min(580px,90vh);animation:.5s cubic-bezier(.16,1,.3,1) modal-pop-in;display:flex;overflow:hidden;box-shadow:0 30px 70px #0009,0 0 40px #14b8a626}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.92)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-sidebar{background:var(--surface-whisper);border-right:1px solid #ffffff0d;flex-direction:column;width:240px;padding:30px 0;display:flex}.sidebar-header{border-bottom:1px solid #ffffff0d;margin-bottom:20px;padding:0 25px 25px}.sidebar-header h2{letter-spacing:2px;color:#fff;text-shadow:0 0 10px #ffffff4d;margin:0;font-family:Cinzel,serif;font-size:1.4rem}.settings-tabs{flex-direction:column;flex:1;gap:8px;padding:0 15px;display:flex}.tab-btn{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:12px 15px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;transition:all .25s;display:flex}.tab-btn:hover{background:var(--surface-faint);color:#fff}.tab-btn.active{color:var(--accent-teal);box-shadow:var(--shadow-card);background:#14b8a626;border-color:#14b8a64d}.tab-icon{opacity:.8;font-size:1.2rem}.sidebar-footer{border-top:1px solid #ffffff0d;padding:20px 20px 0}.quit-btn-sidebar{color:#f87171;cursor:pointer;background:#ef44440d;border:1px solid #ef444426;border-radius:12px;width:100%;padding:12px;transition:all .2s}.quit-btn-sidebar:hover{background:#ef444433;border-color:#ef4444}.save-back-btn-sidebar{width:100%;color:var(--accent-teal);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#14b8a61a;border:1px solid #14b8a64d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.save-back-btn-sidebar:hover{border-color:var(--accent-teal);background:#14b8a633;transform:translateY(-1px);box-shadow:0 0 20px #14b8a626}.settings-content-wrapper{background:#0000001a;flex-direction:column;flex:1;display:flex}.content-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:25px 35px;display:flex}.content-header h3{color:var(--accent-teal);letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-size:1.2rem}.close-top-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s}.close-top-btn:hover{color:#fff}.settings-body-scrollable{flex:1;padding:30px 40px;overflow-y:auto}.settings-body-scrollable::-webkit-scrollbar{width:6px}.settings-body-scrollable::-webkit-scrollbar-thumb{background:#14b8a633;border-radius:10px}.settings-card{flex-direction:column;gap:25px;margin-bottom:30px;display:flex}.settings-card label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:0;font-size:.9rem;display:block}.control-group{flex-direction:column;gap:12px;display:flex}.control-group label{text-transform:none;justify-content:space-between;align-items:center;font-size:1rem;display:flex}.val-pill{background:var(--surface-faint);color:#fff;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.85rem}.row-flex{justify-content:space-between;align-items:center;flex-direction:row!important}input[type=text],.modern-textarea{background:var(--surface-whisper);color:#fff;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:12px 18px;font-family:Outfit,sans-serif;font-size:1rem;transition:border-color .2s}input[type=text]:focus,.modern-textarea:focus{border-color:var(--accent-teal);background:var(--surface-faint)}.lang-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.lang-btn-modern{background:var(--surface-whisper);color:var(--text-dim);cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;padding:14px;font-weight:600;transition:all .3s}.lang-btn-modern.active{border-color:var(--accent-teal);color:var(--accent-teal);background:#14b8a626;box-shadow:0 0 20px #14b8a61a}.system-actions{flex-direction:column;gap:15px;margin-top:10px;display:flex}.game-btn-wide{letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:16px;width:100%;padding:18px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 4px 15px #0000004d;background:var(--surface-faint)!important;color:#fff!important;border:1px solid #ffffff1a!important}.game-btn-wide:hover{transform:translateY(-2px);box-shadow:0 10px 30px #14b8a633;border-color:var(--accent-teal)!important;color:var(--accent-teal)!important;background:#14b8a626!important}.game-btn-wide.secondary{background:var(--surface-whisper)!important;color:#fff9!important}.game-btn-wide.secondary:hover{background:var(--surface-soft)!important;color:#fff!important;border-color:#fff6!important}.action-btn-sm{cursor:pointer;border-radius:10px;flex:1;padding:10px 15px;font-size:.9rem;font-weight:600;transition:all .2s;background:var(--surface-faint)!important;color:var(--text-dim)!important;border:1px solid #ffffff1a!important}.action-btn-sm:hover{background:var(--surface-light)!important;border-color:var(--accent-teal)!important;color:#fff!important}.danger-btn{cursor:pointer;border-radius:14px;width:100%;padding:14px;font-weight:600;transition:all .2s;color:#f87171!important;background:#ef44440d!important;border:1px solid #ef444433!important}.danger-btn:hover{box-shadow:0 0 20px #ef444426;background:#ef444426!important;border-color:#ef4444!important}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-light);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-teal);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 0 15px #14b8a666}.toggle-switch{width:50px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{background:var(--surface-light);cursor:pointer;border-radius:30px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background:var(--accent-teal)}input:checked+.slider:before{transform:translate(24px)}.resolution-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:5px;display:grid}@media (width<=720px){.settings-modal-unified{flex-direction:column;height:auto;max-height:90vh}.settings-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;width:100%;padding:18px 0}.settings-tabs{flex-flow:wrap;padding:12px 15px 0}.tab-btn{flex:1;min-width:180px}.content-header,.settings-body-scrollable{padding:18px}.lang-grid,.resolution-grid{grid-template-columns:1fr}}.res-btn{background:var(--surface-faint);color:var(--text-dim);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;padding:12px;font-family:Outfit,sans-serif;font-weight:600;transition:all .25s}.res-btn:hover{background:var(--surface-light);border-color:var(--accent-teal);color:#fff}.res-btn.active{border-color:var(--accent-teal);color:var(--accent-teal);background:#14b8a626;box-shadow:0 4px 15px #14b8a61a}.hotkeys-table{border-collapse:separate;border-spacing:0 6px;width:100%;margin:16px 0}.hotkeys-table td{vertical-align:middle;color:#ffffffeb;padding:8px 12px}.hotkeys-table td:first-child{white-space:nowrap;text-align:left;width:38%}.hotkeys-table td:last-child{color:#ffffffc7;font-size:.9rem}.hotkeys-table tr{background:#ffffff0a}.hotkeys-table tr:hover{background:#ffffff12}.hotkeys-table kbd{color:#fffffff2;background:#00000073;border:1px solid #fff3;border-radius:4px;margin:0 2px;padding:2px 8px;font-family:Courier New,monospace;font-size:.85rem;display:inline-block;box-shadow:0 2px #0000004d}.finale-trigger-container{background:radial-gradient(circle,#10b9811a 0%,#0000 70%);justify-content:center;margin-bottom:20px;padding:30px 0;display:flex}.finale-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);border:3px solid #fbbf24;border-radius:60px;align-items:center;gap:20px;padding:24px 48px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #10b98166,inset 0 0 15px #fbbf244d}.finale-btn:hover{border-color:#fcd34d;transform:translateY(-5px)scale(1.05);box-shadow:0 15px 40px #10b98199,inset 0 0 25px #fbbf2480}.finale-btn-icon{filter:drop-shadow(0 0 8px #ffffff80);font-size:2.2rem}.finale-btn-glow{pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;animation:6s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}.finale-overlay{z-index:9999;justify-content:center;align-items:center;display:flex;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000e6!important}.finale-content{border:2px solid var(--accent-teal);text-align:center;background:linear-gradient(#1f2937f2 0%,#111827fa 100%);border-radius:24px;max-width:550px;padding:60px 40px;position:relative;box-shadow:0 0 60px #14b8a64d}.finale-title{color:var(--accent-teal);text-shadow:0 0 20px #14b8a680;margin-bottom:15px;font-family:Cinzel,serif;font-size:2.5rem}.finale-stats-panel{background:var(--surface-whisper);border:1px solid #ffffff0d;border-radius:20px;margin-bottom:40px;padding:30px}.stats-grid-finale{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.stat-item-f{background:#0003;border-radius:12px;flex-direction:column;align-items:center;padding:15px;display:flex}.stat-item-f .s-val{color:#fff;font-size:1.8rem;font-weight:700}.finale-actions{width:100%;display:flex;justify-content:center!important}.finale-sparkle{background:var(--accent-teal);filter:blur(2px);opacity:.5;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite sparkleFloat;position:absolute}.prologue-overlay{z-index:11000;color:#fff;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.prologue-bg{z-index:10990;background:#000;position:absolute;inset:0}.prologue-images{z-index:10995;position:absolute;inset:0}.pro-img{object-fit:cover;opacity:0;filter:brightness(.6)contrast(1.1);width:100%;height:100%;transition:opacity 3s ease-in-out,transform 10s linear;position:absolute;inset:0;transform:scale(1.05)}.pro-img.active{opacity:1;transform:scale(1.1)}.prologue-footer{z-index:11005;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:40px;right:40px}.skip-hint{color:#fff6;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:.75rem}.prologue-container{text-align:center;z-index:11010;justify-content:center;align-items:center;width:100%;max-width:1000px;height:200px;display:flex;position:relative}.prologue-text{color:#fff;text-shadow:0 5px 20px #000,0 0 40px #00000080;letter-spacing:2px;pointer-events:none;width:100%;padding:0 20px;font-family:Cinzel,serif;font-size:2.2rem;line-height:1.5;position:absolute}.skip-btn{background:var(--surface-faint);color:#fff9;cursor:pointer;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .3s}.skip-btn:hover{background:var(--surface-faint);color:#fffc;border-color:#ffffff4d}.skip-btn span{margin-left:8px;font-weight:700}.prologue-enter{transition:opacity 2.5s cubic-bezier(.4,0,.2,1),transform 2.5s cubic-bezier(.4,0,.2,1)}.prologue-enter-start{opacity:0;transform:scale(.97)translateY(5px)}.prologue-enter-end{opacity:1;transform:scale(1)translateY(0)}.prologue-leave{transition:opacity 2s cubic-bezier(.4,0,.2,1),transform 2s cubic-bezier(.4,0,.2,1)}.prologue-leave-start{opacity:1;transform:scale(1)}.prologue-leave-end{opacity:0;transform:scale(1.03)translateY(-5px)}.prologue-advance-hint{color:#fff6;letter-spacing:1px;pointer-events:none;font-family:Outfit,sans-serif;font-size:.9rem;animation:2s ease-in-out infinite hint-pulse;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes hint-pulse{0%,to{opacity:.2;transform:translate(-50%)translateY(0)}50%{opacity:.5;transform:translate(-50%)translateY(-5px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;box-shadow:0 0 15px var(--accent-gold-glow)}*{box-sizing:border-box}