:root{--mi-bg-dark: #14110b;--mi-bg-panel: #3c3526;--mi-bg-panel-hi: #4a4130;--mi-bg-inset: #211c12;--mi-bg-parchment: #2d1b0e;--mi-bg-overlay: rgba(0, 0, 0, .72);--mi-border-wood: #7a6038;--mi-border-wood-dark: #2c2014;--mi-border-stone: #5b4a30;--mi-bevel-light: rgba(216, 184, 122, .34);--mi-bevel-dark: rgba(0, 0, 0, .6);--mi-accent-gold: #ffb13b;--mi-accent-amber: #d4a574;--mi-accent-teal: #4fd1c5;--mi-accent-clay: #c45c3e;--mi-accent-green: #5cb24a;--mi-accent-green-dark: #2d5a27;--mi-accent-blue: #5b8def;--mi-accent-purple: #9b59b6;--mi-text: #f0e6d3;--mi-text-dim: #a89878;--mi-text-muted: #7a6c52;--mi-text-subtle: #c4b48c;--mi-shadow-panel: 0 6px 22px rgba(0, 0, 0, .62);--mi-shadow-inset: inset 2px 2px 4px rgba(0, 0, 0, .6), inset -1px -1px 0 rgba(122, 96, 56, .25);--mi-radius: 2px;--mi-radius-sm: 1px;--mi-font: "Courier New", monospace;--mi-font-display: "Courier New", monospace}#ui-overlay,#ui-overlay *{box-sizing:border-box}#ui-overlay{font-family:var(--mi-font);color:var(--mi-text);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#ui-overlay ::-webkit-scrollbar{width:6px}#ui-overlay ::-webkit-scrollbar-track{background:transparent}#ui-overlay ::-webkit-scrollbar-thumb{background:var(--mi-border-wood);border-radius:3px}#ui-overlay ::-webkit-scrollbar-thumb:hover{background:var(--mi-accent-amber)}.mi-btn{font-family:var(--mi-font);color:var(--mi-text);cursor:pointer;border:none;background:none;padding:0;margin:0}.mi-btn:focus-visible{outline:2px solid var(--mi-accent-amber);outline-offset:2px}.mi-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid transparent;border-radius:var(--mi-radius-sm);color:var(--mi-text-dim);cursor:pointer;font-family:var(--mi-font);transition:color .15s,border-color .15s}.mi-close:hover{color:var(--mi-accent-clay);border-color:var(--mi-accent-clay)}.mi-header{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;font-size:13px;font-weight:700;font-family:var(--mi-font-display);color:var(--mi-accent-gold);text-transform:uppercase;letter-spacing:.07em;text-shadow:1px 1px 0 rgba(0,0,0,.75);background:linear-gradient(180deg,#d8b87a1a,#0000002e);border-bottom:2px solid var(--mi-border-wood-dark);box-shadow:inset 0 1px 0 var(--mi-bevel-light)}.mi-frame-wood{background:linear-gradient(135deg,rgba(216,184,122,.07) 0%,transparent 38%,rgba(0,0,0,.14) 100%),var(--mi-bg-panel);border:3px solid var(--mi-border-wood);border-radius:var(--mi-radius);box-shadow:var(--mi-shadow-panel),inset 0 0 0 1px var(--mi-border-wood-dark),inset 2px 2px 0 1px var(--mi-bevel-light),inset -2px -2px 0 1px var(--mi-bevel-dark);position:relative}.mi-frame-wood:before,.mi-frame-wood:after{content:"";position:absolute;width:7px;height:7px;background:radial-gradient(circle at 35% 30%,#f0c878 20%,#9a7634 65%,#5a4320);border-radius:50%;border:1px solid #2c2014;z-index:1}.mi-frame-wood:before{top:4px;left:4px;box-shadow:calc(100% - 17px) 0 0 0 #9a7634}.mi-frame-wood:after{bottom:4px;left:4px;box-shadow:calc(100% - 17px) 0 0 0 #9a7634}.mi-frame-stone{background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 45%,rgba(0,0,0,.15) 100%),var(--mi-bg-inset);border:1px solid var(--mi-border-wood-dark);border-radius:var(--mi-radius-sm);box-shadow:inset 2px 2px 4px #000000b8,inset -1px -1px #7a603847}.mi-frame-parchment{background:linear-gradient(170deg,rgba(216,184,122,.08) 0%,transparent 35%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,#2d1b0ef7,#1c160cf0);border:2px solid var(--mi-border-wood);border-radius:var(--mi-radius);box-shadow:0 3px 12px #00000073,inset 0 0 0 1px var(--mi-border-wood-dark),inset 1px 1px 0 1px var(--mi-bevel-light);scrollbar-width:thin;scrollbar-color:var(--mi-border-wood) transparent}.mi-bar-wrap{position:relative;height:14px;background:var(--mi-bg-inset);border:1px solid var(--mi-border-wood-dark);border-radius:var(--mi-radius-sm);overflow:hidden;box-shadow:inset 1px 1px 3px #000000b3,inset -1px -1px #7a603833}.mi-bar-fill{height:100%;border-radius:0;background-image:linear-gradient(180deg,#ffffff47,#ffffff0d 45%,#00000047);transition:width .3s ease,background .3s ease}.mi-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--mi-text);text-shadow:1px 1px 0 #000}.mi-btn-action{font-family:var(--mi-font);font-size:12px;font-weight:700;padding:8px 16px;border-radius:var(--mi-radius-sm);cursor:pointer;transition:background .12s,border-color .12s,transform .06s;border:1px solid var(--mi-border-wood-dark);text-shadow:1px 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px 0 var(--mi-bevel-light),inset 0 -3px 5px #00000061,0 2px 3px #00000073}.mi-btn-action:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0009}.mi-btn-confirm{background:var(--mi-accent-green-dark);border-color:#1d3a18;color:var(--mi-text)}.mi-btn-confirm:hover{background:#3d7a37}.mi-btn-confirm:disabled{opacity:.5;cursor:default}.mi-btn-cancel{background:#5a2727;border-color:#3a1717;color:var(--mi-text)}.mi-btn-cancel:hover{background:#7a3737}.mi-btn-neutral{background:var(--mi-bg-panel-hi);border-color:var(--mi-border-wood-dark);color:var(--mi-text)}.mi-btn-neutral:hover{background:#564b38}#landing-root{position:fixed;inset:0;z-index:1000;font-family:Inter,Helvetica Neue,system-ui,sans-serif;color:#f0e6d3;overflow:hidden;background:#0d0d1a}#landing-root.hidden{pointer-events:none;opacity:0;transition:opacity .6s ease-out}#landing-canvas{position:absolute;inset:0;z-index:0}#landing-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 60%,transparent 0%,rgba(13,13,26,.15) 70%,rgba(13,13,26,.55) 100%)}.landing-shell{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh;padding:24px 32px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;width:100%}.landing-brand{display:flex;align-items:center;gap:12px}.landing-brand-mark{width:32px;height:32px;border-radius:7px;display:block;filter:drop-shadow(0 0 10px rgba(156,128,255,.35))}.landing-brand-name{font-size:18px;letter-spacing:6px;font-weight:700;color:#ffb13b;text-shadow:1px 1px 0 rgba(0,0,0,.7);text-transform:uppercase}.landing-topbar-link{font-size:12px;color:#c4b48c;text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;padding:8px 14px;border:1px solid #2c2014;border-radius:2px;transition:filter .15s,color .15s;background:linear-gradient(180deg,#4a4130,#3c3526);text-shadow:1px 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px #d8b87a4d,inset 0 -3px 5px #00000059,0 2px 4px #00000073;cursor:pointer}.landing-topbar-link:hover{color:#ffb13b;filter:brightness(1.12)}.landing-pulse{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8b7355}.landing-pulse-dot{width:8px;height:8px;border-radius:50%;background:#4a9e4a;box-shadow:0 0 8px #4a9e4ae6;animation:landing-pulse-blink 1.6s ease-in-out infinite}@keyframes landing-pulse-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;padding:28px 0 20px}.landing-hero{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;margin-left:auto;align-items:flex-end}.landing-eyebrow{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:4px;color:#4fd1c5;background:#4fd1c51a;border:1px solid rgba(79,209,197,.3);padding:6px 12px;border-radius:999px;text-transform:uppercase}.landing-title{font-size:clamp(38px,6vw,64px);font-weight:700;letter-spacing:-1px;line-height:1.05;color:#f5e9d0;text-shadow:0 2px 24px rgba(0,0,0,.5)}.landing-title .accent{background:linear-gradient(120deg,#d4a574,#f0c886,#4fd1c5);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-tagline{font-size:15px;line-height:1.6;color:#b8aea0;max-width:420px}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:8px}.landing-feature{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#c0b8a8}.landing-feature-dot{flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#d4a574;box-shadow:0 0 6px #d4a574cc}.landing-card{width:380px;max-width:92vw;background:linear-gradient(135deg,rgba(216,184,122,.07) 0%,transparent 38%,rgba(0,0,0,.16) 100%),#3c3526f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:3px solid #7a6038;border-radius:2px;padding:32px;box-shadow:0 30px 80px -20px #000000d1,inset 0 0 0 1px #2c2014,inset 2px 2px 0 1px #d8b87a57,inset -2px -2px 0 1px #0009;position:relative}.landing-card:before,.landing-card:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 30%,#f0c878 20%,#9a7634 65%,#5a4320);border-radius:50%;border:1px solid #2c2014;pointer-events:none}.landing-card:before{top:6px;left:6px;box-shadow:calc(100% - 22px) 0 0 0 #9a7634}.landing-card:after{bottom:6px;left:6px;box-shadow:calc(100% - 22px) 0 0 0 #9a7634}.landing-card-title{font-size:20px;font-weight:700;letter-spacing:4px;text-transform:uppercase;text-align:center;color:#ffb13b;text-shadow:1px 1px 0 rgba(0,0,0,.75);margin-bottom:6px}.landing-card-subtitle{font-size:12px;color:#c4b48c;text-align:center;letter-spacing:1.5px;margin-bottom:24px}.landing-tab-row{display:flex;gap:4px;background:#14110bb3;border:1px solid #2c2014;border-radius:2px;padding:4px;margin-bottom:20px;box-shadow:inset 2px 2px 4px #0000008c}.landing-tab{flex:1;padding:8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#a89878;background:transparent;border:1px solid transparent;border-radius:1px;cursor:pointer;transition:all .18s;font-family:inherit}.landing-tab:hover{color:#f0e6d3}.landing-tab.active{background:linear-gradient(180deg,#4a4130,#3c3526);color:#ffb13b;border-color:#2c2014;text-shadow:1px 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px #d8b87a57,inset 0 -2px 4px #0006}.landing-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.landing-field label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c4b48c}.landing-input{background:#14110be0;border:1px solid #2c2014;border-radius:1px;padding:10px 12px;color:#f0e6d3;font-size:13px;font-family:inherit;outline:none;box-shadow:inset 2px 2px 4px #0009;transition:border-color .18s,box-shadow .18s}.landing-input:focus{border-color:#ffb13b;box-shadow:inset 2px 2px 4px #0009,0 0 0 2px #ffb13b40}.landing-input::placeholder{color:#7a6c52}.landing-btn{width:100%;padding:12px;font-size:13px;font-family:inherit;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:1px solid #2c2014;border-radius:2px;cursor:pointer;transition:filter .15s,transform .06s,box-shadow .15s;margin-top:8px}.landing-btn-primary{background:linear-gradient(180deg,#e8a860,#c45c3e);color:#1a1020;text-shadow:1px 1px 0 rgba(255,220,170,.4);box-shadow:inset 0 1px #ffebc873,inset 0 -3px 6px #00000059,0 3px 6px #00000080}.landing-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.landing-btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #00000080}.landing-btn-primary:disabled{opacity:.55;cursor:progress}.landing-btn-ghost{background:linear-gradient(180deg,#4a4130,#3c3526);color:#c4b48c;text-shadow:1px 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px #d8b87a4d,inset 0 -3px 5px #00000059,0 2px 4px #00000073}.landing-btn-ghost:hover:not(:disabled){border-color:#7a6038;color:#ffb13b;filter:brightness(1.12)}.landing-btn-ghost:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #00000080}.landing-divider{display:flex;align-items:center;margin:18px 0;font-size:10px;letter-spacing:3px;color:#5a5a6e}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(212,165,116,.2),transparent)}.landing-divider:before{margin-right:12px}.landing-divider:after{margin-left:12px}.landing-error{margin-top:10px;font-size:12px;color:#f08070;min-height:16px;text-align:center}.landing-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5a5a6e;letter-spacing:1.5px;text-transform:uppercase}.landing-footer .links{display:flex;gap:16px}.landing-footer a{color:#8b7355;text-decoration:none}.landing-footer a:hover{color:#d4a574}.landing-marquee-wrap{display:flex;flex-direction:column;gap:8px;margin:12px 0 8px;position:relative;z-index:1}.landing-marquee-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8b7355;text-align:center}.landing-footer-tip{color:#5a5a6e;font-style:italic;text-transform:none;letter-spacing:1px;font-size:10px}@media(max-width:720px){.landing-shell{padding:16px}.landing-main{gap:24px;padding:16px 0}.landing-hero{text-align:center;align-items:center}.landing-eyebrow{align-self:center}.fx-bento{grid-template-columns:1fr}.fx-stats-strip{gap:16px}.fx-stat-value{font-size:22px}.landing-pulse{display:none}.landing-music-slider{width:80px}}.landing-topbar-right{display:flex;align-items:center;gap:14px}.landing-music{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;background:#14121e8c;border:1px solid rgba(212,165,116,.22);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.landing-music-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:50%;color:#d4a574;cursor:pointer;transition:color .18s,background .18s}.landing-music-btn:hover{background:#d4a5741f;color:#f0e6d3}.landing-music-btn.is-muted{color:#8b7355}.landing-music-ico{display:block}.landing-music-ico--off,.landing-music-btn.is-muted .landing-music-ico--on{display:none}.landing-music-btn.is-muted .landing-music-ico--off{display:block}.landing-music-slider{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:#f5e9d02e;border-radius:2px;outline:none;cursor:pointer;margin:0}.landing-music-slider:disabled{opacity:.45;cursor:default}.landing-music-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#d4a574;border:none;box-shadow:0 0 6px #d4a574bf;cursor:pointer}.landing-music-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#d4a574;border:none;box-shadow:0 0 6px #d4a574bf;cursor:pointer}@property --fx-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.fx-meteors{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fx-meteor{position:absolute;width:2px;height:2px;border-radius:50%;background:#f5e9d0;box-shadow:0 0 0 1px #f5e9d01a;animation:fx-meteor-fall linear infinite;opacity:0}.fx-meteor:before{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(215deg);transform-origin:0 50%;width:90px;height:1px;background:linear-gradient(90deg,rgba(245,233,208,.9),transparent)}@keyframes fx-meteor-fall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(-380px,380px) rotate(0);opacity:0}}.fx-spotlight{position:relative}.fx-spotlight:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--fx-mx, 50%) var(--fx-my, 50%),rgba(212,165,116,.18),transparent 60%);opacity:0;transition:opacity .25s}.fx-spotlight:hover:after{opacity:1}.fx-shimmer-btn{position:relative;isolation:isolate;overflow:hidden}.fx-shimmer-btn:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--fx-angle),transparent 0%,rgba(255,224,184,.95) 8%,rgba(79,209,197,.7) 16%,transparent 24%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fx-spin 4s linear infinite;z-index:-1}@keyframes fx-spin{to{--fx-angle: 360deg}}.fx-border-beam{position:relative}.fx-border-beam:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--fx-angle),transparent 0%,rgba(212,165,116,.9) 6%,rgba(79,209,197,.7) 14%,transparent 22%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fx-spin 6s linear infinite;pointer-events:none}.fx-gradient-text{background:linear-gradient(120deg,#d4a574,#f0c886,#4fd1c5,#f0c886,#d4a574);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-gradient-drift 8s ease-in-out infinite}@keyframes fx-gradient-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fx-stat{display:inline-flex;align-items:center;gap:8px}.fx-stat-value{font-size:18px;font-weight:700;letter-spacing:1px;color:#f0e6d3;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(212,165,116,.4)}.fx-stat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}.fx-stat-dot--keepers{background:#6fd49f;box-shadow:0 0 8px #6fd49f99}.fx-stat-dot--items{background:#d4a574;box-shadow:0 0 8px #d4a57499}.fx-stat-dot--islands{background:#4fd1c5;box-shadow:0 0 8px #4fd1c599}.fx-stat-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8b7355}.fx-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.fx-marquee-track{display:flex;gap:18px;width:max-content;animation:fx-marquee-scroll 38s linear infinite}.fx-marquee:hover .fx-marquee-track{animation-play-state:paused}@keyframes fx-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fx-marquee-cell{flex:0 0 auto;width:56px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#14121e99;border:1px solid rgba(212,165,116,.15);border-radius:6px;padding:6px;transition:transform .2s,border-color .2s,box-shadow .2s}.fx-marquee-cell:hover{transform:translateY(-3px);border-color:#d4a5748c;box-shadow:0 6px 18px -8px #d4a57499}.fx-marquee-icon{width:32px;height:32px;image-rendering:pixelated}.fx-marquee-caption{font-size:9px;letter-spacing:1px;color:#8b7355;text-transform:uppercase;white-space:nowrap;max-width:52px;overflow:hidden;text-overflow:ellipsis}.fx-marquee-cell-fallback{font-size:9px;color:#8b7355;text-align:center}.fx-bento{display:grid;grid-template-columns:1.2fr 1fr;grid-auto-rows:1fr;gap:10px;margin-top:14px}.fx-bento-tile{position:relative;background:#14121e8c;border:1px solid rgba(212,165,116,.2);border-radius:8px;padding:14px;overflow:hidden;min-height:88px;transition:border-color .2s,transform .2s}.fx-bento-tile:hover{border-color:#d4a5748c;transform:translateY(-2px)}.fx-bento-tile-title{font-size:11px;letter-spacing:3px;color:#d4a574;text-transform:uppercase;margin-bottom:6px;position:relative;z-index:1}.fx-bento-tile-body{font-size:11px;line-height:1.5;color:#b8aea0;position:relative;z-index:1}.fx-bento-tile-glow{position:absolute;inset:-40% -40% auto auto;width:120%;height:120%;background:radial-gradient(closest-side,rgba(212,165,116,.22),transparent);filter:blur(20px);pointer-events:none}.fx-bento-tile-glow.teal{background:radial-gradient(closest-side,rgba(79,209,197,.22),transparent)}.fx-bento-tile-glow.clay{background:radial-gradient(closest-side,rgba(196,92,62,.22),transparent)}.fx-bento-tile-glow.green{background:radial-gradient(closest-side,rgba(74,158,74,.22),transparent)}.fx-bento-skill{display:inline-block;font-family:Courier New,monospace;font-size:12px;color:#f0e6d3;letter-spacing:1px}.fx-bento-skill:after{content:"_";margin-left:2px;animation:fx-blink 1s steps(2) infinite}@keyframes fx-blink{to{opacity:0}}.fx-stats-strip{display:inline-flex;gap:18px;align-items:center;padding:8px 14px;background:#14121e8c;border:1px solid rgba(212,165,116,.18);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
