:root{--bg-0:#e9dcc3;--bg-1:#f4ead2;--bg-2:#fbf5e6;--ink:#2a1e12;--ink-soft:#6b5844;--line:#c4a878;--line-hard:#8a6b3f;--accent:#c2451f;--accent-2:#e0862b;--gold:#d9a520;--win:#3f7d3a;--loss:#a12d1f;--chrome-top:#d9b98a;--chrome-bot:#b98f56;--titlebar:linear-gradient(180deg,#b56a3a,#8a4a24);--titlebar-inactive:linear-gradient(180deg,#c2ad8a,#a08a6a);--taskbar:linear-gradient(180deg,#a86a3a,#7d4a24 4%,#7d4a24 96%,#5e3418);--shadow:0 10px 30px rgba(60,36,12,0.35);--font-ui:"Grand",ui-sans-serif,system-ui,sans-serif;--font-pixel:"PixelOperator","Courier New",monospace}[data-theme=dark]{--bg-0:#1a140d;--bg-1:#241a10;--bg-2:#2e2214;--ink:#f0e2c8;--ink-soft:#b39c78;--line:#4a3820;--line-hard:#6b5030;--accent:#e0562b;--accent-2:#e0a040;--chrome-top:#3a2c18;--chrome-bot:#241a10;--titlebar:linear-gradient(180deg,#7d4a24,#4a2c14);--titlebar-inactive:linear-gradient(180deg,#3a2c18,#241a10);--taskbar:linear-gradient(180deg,#3a2414,#241a10 5%,#241a10 95%,#12100a);--shadow:0 10px 34px rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:none;font-smooth:never}body{overflow:hidden;background-color:var(--bg-0);background-image:radial-gradient(ellipse at 50% -10%,rgba(224,134,43,.35),transparent 60%);background-repeat:no-repeat;background-attachment:fixed;image-rendering:pixelated}.pi{width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--pi) center /contain no-repeat;mask:var(--pi) center /contain no-repeat;vertical-align:-.125em}.ico,.pi{display:inline-block}.ico{width:1.15em;height:1.15em;object-fit:contain;image-rendering:pixelated;vertical-align:-.2em}.desktop{position:fixed;inset:0;display:block}.topbar{position:fixed;top:0;left:0;right:0;height:34px;gap:12px;padding:0 12px;background:var(--taskbar);border-bottom:2px solid var(--line-hard);color:#fff5e6;z-index:100}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:8px;font-weight:900;font-size:14px;letter-spacing:.03em}.topbar-brand img{width:18px;height:18px;border-radius:3px;image-rendering:pixelated}.topbar-status{gap:7px;font-size:12px;font-weight:700;padding:3px 12px;background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.25);border-radius:12px}.topbar-right,.topbar-status{display:flex;align-items:center}.topbar-right{margin-left:auto;gap:8px}.topbar-link{display:grid;place-items:center;width:24px;height:22px;border-radius:4px;background:transparent;border:none;cursor:pointer;color:#fff5e6}.topbar-link:hover{background:rgba(255,255,255,.18)}.topbar-link.on{background:var(--gold);color:#2a1e12}.topbar-link img{width:14px;height:14px;display:block}.topbar-link .pi{font-size:15px}.topbar-clock{font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dock{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:6px;padding:8px 10px;background:rgba(60,36,18,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(217,165,32,.35);border-radius:16px;box-shadow:var(--shadow);z-index:100}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:0;width:48px;transition:transform .16s cubic-bezier(.2,.9,.3,1.4)}.dock-ico{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;background:var(--bg-2);border:2px solid var(--line-hard);border-radius:11px;padding:5px;box-shadow:inset -1px -1px 0 rgba(0,0,0,.15),inset 1px 1px 0 rgba(255,255,255,.4)}.dock-item:hover{transform:translateY(-10px) scale(1.12)}.dock-item:hover+.dock-item{transform:translateY(-3px) scale(1.04)}.dock-item.active .dock-ico{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),inset 1px 1px 0 rgba(255,255,255,.4)}.dock-label{position:absolute;bottom:54px;white-space:nowrap;font-size:12px;font-weight:800;color:#fff5e6;background:rgba(46,26,12,.92);border:1px solid var(--gold);padding:3px 9px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .14s ease}.dock-item:hover .dock-label{opacity:1}.dock-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);margin-top:3px}.window{background:var(--bg-1);border:2px solid var(--line-hard);border-radius:8px 8px 6px 6px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.app-window{position:fixed;top:calc(34px + 14px);bottom:calc(70px + 14px);left:50%;transform:translateX(-50%);width:min(920px,calc(100vw - 48px));height:auto;z-index:30}.title-bar{justify-content:space-between;height:30px;padding:0 6px 0 10px;background:var(--titlebar);color:#fff5e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:2px solid var(--line-hard)}.title-bar,.title-bar-text{display:flex;align-items:center}.title-bar-text{gap:7px;font-size:12px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.35)}.window-brand-logo{width:18px;height:18px;border-radius:3px;image-rendering:pixelated;display:block}.win-back{background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.3);color:#fff5e6;width:20px;height:20px;border-radius:3px;cursor:pointer;font-size:15px;font-weight:900;line-height:1;display:grid;place-items:center}.win-back:hover{background:var(--accent)}.window-title-sep{opacity:.6}.title-bar-controls{display:flex;gap:4px}.window-button{width:20px;height:20px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line-hard);border-radius:3px;cursor:pointer;color:var(--ink);box-shadow:inset -1px -1px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5)}.window-button:hover{background:var(--accent);color:#fff}.window-button:active{box-shadow:inset 1px 1px 0 rgba(0,0,0,.3)}.window-button-icon{width:8px;height:8px;display:block}.window-minimize-button .window-button-icon{border-bottom:2px solid}.window-close-button .window-button-icon{position:relative}.window-close-button .window-button-icon:after,.window-close-button .window-button-icon:before{content:"";position:absolute;left:3px;top:-1px;width:2px;height:10px;background:currentColor}.window-close-button .window-button-icon:before{transform:rotate(45deg)}.window-close-button .window-button-icon:after{transform:rotate(-45deg)}.window-body{flex:1 1;overflow:auto;padding:14px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;gap:6px;padding:0 8px;background:var(--taskbar);border-top:2px solid var(--line-hard);z-index:100}.start-button,.taskbar{display:flex;align-items:center}.start-button{gap:7px;height:28px;padding:0 12px;background:var(--accent);color:#fff5e6;border:2px solid var(--line-hard);border-radius:5px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:inset -1px -1px 0 rgba(0,0,0,.3),inset 1px 1px 0 rgba(255,255,255,.3)}.start-button:active{box-shadow:inset 1px 1px 0 rgba(0,0,0,.4)}.start-button .pi{font-size:16px}.start-logo{width:18px;height:18px;border-radius:3px;image-rendering:pixelated;display:block}.task-buttons{gap:5px;flex:1 1}.task-button,.task-buttons{display:flex;overflow:hidden}.task-button{align-items:center;gap:6px;height:28px;padding:0 10px;max-width:180px;background:var(--bg-2);color:var(--ink);border:1px solid var(--line-hard);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:inset -1px -1px 0 rgba(0,0,0,.15),inset 1px 1px 0 rgba(255,255,255,.4)}.task-button.active{background:var(--accent-2);color:#2a1e12}.task-button.minimized{opacity:.7}.task-button .pi{font-size:14px}.tray{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;background:rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.25);border-radius:5px;color:#fff5e6}.tray-icon{background:transparent;border:none;cursor:pointer;color:#fff5e6;font-size:15px;display:grid;place-items:center;width:22px;height:22px;border-radius:3px}.tray-icon:hover{background:rgba(255,255,255,.15)}.tray-link{display:grid;place-items:center;width:24px;height:22px;border-radius:3px}.tray-link:hover{background:rgba(255,255,255,.18)}.tray-link img{width:14px;height:14px;display:block}.tray-clock{font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wallet-connect{height:24px;padding:0 12px;background:var(--gold);color:#2a1e12;border:1px solid #8a6b3f;border-radius:4px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:inset -1px -1px 0 rgba(0,0,0,.25),inset 1px 1px 0 rgba(255,255,255,.5)}.wallet-connect:hover{filter:brightness(1.08)}.wallet-connect.connected{background:var(--win);color:#fff}.start-menu{position:fixed;bottom:44px;left:8px;width:248px;background:var(--bg-1);border:2px solid var(--line-hard);border-radius:8px;box-shadow:var(--shadow);z-index:200;overflow:hidden;padding:8px}.start-menu-head{padding:10px 12px;margin:-8px -8px 8px;background:var(--titlebar);color:#fff5e6;font-weight:800;font-size:14px}.start-menu-item{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:9px 12px;margin-bottom:4px;cursor:pointer;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;background:var(--bg-2);border:1px solid var(--line);border-radius:5px;text-align:left;box-shadow:inset -1px -1px 0 rgba(0,0,0,.08),inset 1px 1px 0 rgba(255,255,255,.4)}.start-menu-item:last-child{margin-bottom:0}.start-menu-item:hover{background:var(--accent);color:#fff;border-color:var(--line-hard)}.start-menu-item .ico,.start-menu-item .pi{width:18px;height:18px;flex-shrink:0}.mini-player{position:fixed;bottom:48px;right:10px;gap:8px;padding:6px 10px;background:var(--bg-1);border:2px solid var(--line-hard);border-radius:20px;box-shadow:var(--shadow);z-index:90}.mini-player,.mp-btn,.mp-open{display:flex;align-items:center}.mp-btn,.mp-open{background:transparent;border:none;cursor:pointer;color:var(--ink);gap:6px;font-size:12px;font-weight:700}.mp-btn .pi{font-size:16px;color:var(--accent)}.mp-eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px}.mp-eq i{width:3px;background:var(--accent);display:block;animation:eq .8s ease-in-out infinite alternate}.mp-eq i:first-child{height:6px;animation-delay:0s}.mp-eq i:nth-child(2){height:12px;animation-delay:.2s}.mp-eq i:nth-child(3){height:8px;animation-delay:.4s}@keyframes eq{to{height:4px}}.cinema-banner{position:relative;height:240px;border:2px solid var(--line-hard);border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#f2b45a,#e08636 45%,#c2451f)}.cinema-scene{position:absolute;inset:0}.cinema-sun{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ffe8a3,#f2b45a 70%);box-shadow:0 0 60px 20px rgba(255,220,140,.6)}.cinema-ground{bottom:0;height:45%;background:repeating-linear-gradient(90deg,#8a5a2a 0 60px,#7d4a24 60px 120px);border-top:3px solid #5e3418}.cinema-fence,.cinema-ground{position:absolute;left:0;right:0}.cinema-fence{bottom:40%;height:40px;background:repeating-linear-gradient(90deg,transparent 0 44px,#4a2c14 44px 50px),linear-gradient(180deg,transparent 45%,#6b4020 45% 55%,transparent 55%)}.arena-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px}.arena-star{position:absolute;right:20%;bottom:6%;height:58%;width:auto;image-rendering:pixelated;transform:scaleX(-1);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));pointer-events:none;z-index:1}.arena-star.bucking{animation:buck 1.1s ease-in-out infinite}.dex-link{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:2px solid var(--line,rgba(0,0,0,.15));background:var(--panel,#fff);color:inherit;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .12s,transform .12s}.dex-link:hover{border-color:var(--accent);transform:translateY(-1px)}.dex-link img{width:15px;height:15px;object-fit:contain;border-radius:3px}@keyframes buck{0%,to{transform:scaleX(-1) rotate(0deg) translateY(0)}30%{transform:scaleX(-1) rotate(-7deg) translateY(-6px)}60%{transform:scaleX(-1) rotate(4deg) translateY(2px)}}.bull-thumb{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.chute-reel{position:absolute;right:5%;bottom:8%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px}.chute-reel-window{position:relative;width:128px;height:128px;overflow:hidden;border:3px solid var(--line-hard);border-radius:10px;background:rgba(30,18,8,.35);box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 6px 14px rgba(0,0,0,.4)}.chute-reel-strip{display:flex;height:100%;will-change:transform}.chute-reel-cell{width:128px;height:128px;flex-shrink:0;display:grid;place-items:center}.chute-reel-cell img{width:108px;height:108px;object-fit:contain;image-rendering:pixelated;transform:scaleX(-1);filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.chute-reel-marker{position:absolute;inset:0;border:2px solid var(--gold);border-radius:8px;pointer-events:none;box-shadow:inset 0 0 12px rgba(217,165,32,.6)}.chute-reel.spinning .chute-reel-window{filter:blur(.3px);animation:reelPulse .4s ease-in-out infinite alternate}@keyframes reelPulse{0%{box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 0 0 rgba(217,165,32,0)}to{box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 0 16px rgba(217,165,32,.5)}}.chute-reel-caption{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff5e6;text-shadow:0 1px 3px rgba(0,0,0,.7)}.panel{background:var(--bg-2);border:2px solid var(--line);border-radius:6px;padding:12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--line-hard);background:var(--bg-1)}.pill.win{background:var(--win);color:#fff;border-color:#2a5a26}.pill.loss{background:var(--loss);color:#fff;border-color:#6b1a10}.pill.gold{background:var(--gold);color:#2a1e12}.pill.live{background:var(--accent);color:#fff}.pill.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:.2}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:#fff5e6;border:2px solid var(--line-hard);border-radius:5px;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;box-shadow:inset -1px -1px 0 rgba(0,0,0,.25),inset 1px 1px 0 rgba(255,255,255,.25)}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:inset 1px 1px 0 rgba(0,0,0,.4)}.btn.gold{background:var(--gold);color:#2a1e12}.btn.ghost{background:var(--bg-2);color:var(--ink)}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-weight:700}.stat-value{font-size:20px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--font-pixel);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid th{text-align:left;padding:8px 10px;background:var(--chrome-top);border-bottom:2px solid var(--line-hard);font-size:11px;text-transform:uppercase;letter-spacing:.04em}table.grid td{padding:8px 10px;border-bottom:1px solid var(--line)}table.grid tr:hover td{background:rgba(194,69,31,.06)}.progress-track{position:relative;height:26px;background:var(--bg-1);border:2px solid var(--line-hard);border-radius:5px;overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .6s ease}.progress-bar-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 6px var(--gold)}.window-body::-webkit-scrollbar{width:14px}.window-body::-webkit-scrollbar-track{background:var(--bg-1);border-left:1px solid var(--line)}.window-body::-webkit-scrollbar-thumb{background:var(--chrome-bot);border:2px solid var(--bg-1);border-radius:3px}.presence-pill{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:700;background:var(--bg-1);border:2px solid var(--line-hard);border-radius:14px;box-shadow:var(--shadow);z-index:80}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--win);box-shadow:0 0 6px var(--win)}.presence-sep{opacity:.4}.lore-room{display:flex;align-items:center;justify-content:center;min-height:100%;padding:8px}.book{position:relative;width:100%;max-width:760px;min-height:460px;background:linear-gradient(180deg,#6b4423,#4a2c14);border:3px solid #2e1a0c;border-radius:8px;box-shadow:var(--shadow),inset 0 0 0 2px rgba(217,165,32,.25);padding:14px;transform-origin:center;transition:transform .35s ease}.book.flip-next{animation:pageNext .35s ease}.book.flip-prev{animation:pagePrev .35s ease}@keyframes pageNext{0%{transform:rotateY(-6deg);opacity:.7}to{transform:rotateY(0);opacity:1}}@keyframes pagePrev{0%{transform:rotateY(6deg);opacity:.7}to{transform:rotateY(0);opacity:1}}.book-cover{height:100%;min-height:430px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,rgba(217,165,32,.12),transparent 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 3px,transparent 3px 7px),#5e3418;border:2px solid #d9a520;border-radius:5px}.book-cover-inner{text-align:center;color:#f2e6c8;padding:24px}.book-cover-brand{width:72px;height:72px;margin:0 auto 16px;background:url(/logo.png) 50%/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.book-cover-inner h1{font-size:30px;font-weight:900;margin:0 0 8px;color:#f2c14e;text-shadow:0 2px 3px rgba(0,0,0,.5);letter-spacing:.02em}.book-cover-inner p{font-size:14px;opacity:.9;margin:0}.book-cover-hint{display:block;margin-top:26px;font-size:12px;opacity:.7}.book-page{display:grid;grid-template-columns:240px 1fr;grid-gap:18px;gap:18px;height:100%;min-height:430px;background:linear-gradient(180deg,#f7ecd2,#efe0bf);border:2px solid #c4a878;border-radius:5px;padding:22px;box-shadow:inset 8px 0 16px rgba(120,80,30,.12)}.book-illus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-right:2px dashed #cdb98f;padding-right:16px}.book-illus img{width:100%;max-width:200px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(90,52,24,.35))}.book-illus-link{background:var(--accent);color:#fff5e6;border:2px solid var(--line-hard);border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;cursor:pointer}.book-illus-link:hover{filter:brightness(1.1)}.book-text{color:#3a2814;overflow:auto}.book-chapter{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a0703a;font-weight:800}.book-text h2{font-size:28px;font-weight:900;margin:2px 0;color:#4a2c14}.book-epithet{font-size:12px;font-style:italic;color:#8a6b3f;margin-bottom:12px;text-transform:capitalize}.book-text p{font-size:14px;line-height:1.65;margin:0 0 12px}.page-turn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:48px;background:rgba(46,26,12,.85);color:#f2c14e;border:2px solid #d9a520;border-radius:5px;font-size:22px;font-weight:900;cursor:pointer;display:grid;place-items:center}.page-turn.left{left:-10px}.page-turn.right{right:-10px}.page-turn:hover:not(:disabled){background:var(--accent)}.page-turn:disabled{opacity:.3;cursor:default}.page-number{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;color:#f2e6c8;opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-theme=dark] .book-page{background:linear-gradient(180deg,#e8d9b8,#d8c49c)}@media (max-width:780px){.book-page{grid-template-columns:1fr}.book-illus{border-right:none;border-bottom:2px dashed #cdb98f;padding:0 0 12px}.desktop-icons{flex-direction:row;flex-wrap:wrap;width:auto;right:16px}.window{left:8px!important;right:8px;width:auto!important}}