@font-face{font-family:PalacePixel;src:url('/assets/palace-pixel.ttf') format('truetype');font-display:swap}
:root{--pixel:PalacePixel,'Courier New',monospace;--background-shade:.6;--cream:#f6eddf;--gold:#ecc983}body{background:#100e14}.cinema{z-index:-1;background:#100e14 url('/assets/scene-1.png') center/cover no-repeat}.trailer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:0;transition:opacity 1.1s ease;filter:saturate(.72);transform:scale(1.025)}.trailer.active{opacity:1}.cinema .shade{background:linear-gradient(90deg,rgba(9,8,15,.32),rgba(9,8,15,.15) 40%,rgba(9,8,15,.82)),linear-gradient(0deg,rgba(9,8,15,.72),rgba(9,8,15,var(--background-shade)) 90%);transition:background .3s}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #07060a80;pointer-events:none}.topbar{height:100px;padding:20px 3.5vw;gap:20px;border:none;background:linear-gradient(#0b0914a8,transparent);position:relative;z-index:2;align-items:center}.account-pill,.top-button{font-family:var(--pixel);font-size:10px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;border:2px solid #bdb9c04f;color:#eeebf6;background:#12101a80;box-shadow:0 3px 0 #0003,inset 0 0 0 1px #ffffff05;transition:transform .22s ease,border-color .22s,background .22s;min-height:48px;padding:12px 17px;border-radius:15px}.account-pill{border-radius:999px;border-color:#e1def2;outline:3px solid #111321b0;background:#15192eb3;padding:10px 21px;min-width:205px;justify-content:flex-start}.account-pill:hover,.top-button:hover{transform:translateY(-3px);border-color:#f5d487;background:#242035b0}.crown{font-family:Georgia,serif;font-size:29px;color:#ffd958;line-height:1}.online-dot{width:8px;height:9px;background:#6fe3a8;box-shadow:0 0 14px #6fe3a824;border-radius:2px;margin-left:auto}.top-actions{display:flex;align-items:center;gap:11px}.top-button{position:relative}.top-button>span:first-child:not(:only-child){font-size:20px;line-height:1;font-family:system-ui}.top-button.square{width:49px;padding:9px;font:24px/1 system-ui}.top-button.support{color:#412509;background:linear-gradient(#ffe691,#edb841);border-color:#fff0c6;box-shadow:0 3px 0 #513c23}.support>span:first-child{color:#f56c86;text-shadow:1px 1px #9b384c}.news-icon{color:#9bc9f4}#news-dot{width:7px;height:7px;border-radius:2px;background:#ef788f;position:absolute;right:7px;top:6px;box-shadow:0 0 0 3px #15101c}.cinema-menu{max-width:1600px;grid-template-columns:1.2fr 1fr;min-height:calc(100vh - 180px);padding:35px 8vw 80px;gap:8vw}.title{align-self:center}.title h1{font-size:clamp(55px,6.7vw,100px);text-shadow:0 3px 50px #000,0 1px 0 #dbba7b;line-height:.98;margin-top:25px}.title h1 span{font-size:.65em}.title .eyebrow{font-family:var(--pixel);font-size:7px;letter-spacing:1.6px;color:#d4b47a}.title .subtitle{letter-spacing:10px;margin-top:33px;color:var(--gold)}.title>p{font:italic 21px/1.7 Georgia,serif;color:#ddd2c5;margin-top:45px}.right-menu{display:flex;flex-direction:column;width:100%;max-width:425px;justify-self:end;gap:16px;background:none;border:none;box-shadow:none;padding:0;backdrop-filter:none}.menu-heading{font-family:var(--pixel);font-size:8px;letter-spacing:1px;color:#d1b98b;padding-left:38px;margin-bottom:10px}.oval-menu{position:relative;width:100%;display:flex;align-items:center;gap:24px;text-align:left;padding:24px 30px;border:1px solid #e3d8d129;border-radius:999px;background:#0c0b1340;color:var(--cream);font-family:var(--pixel);font-size:17px;line-height:1.6;min-height:82px;box-shadow:0 4px 18px #0000000a;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s;color .35s;isolation:isolate;overflow:hidden}.oval-menu:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#ebc57d24,transparent);opacity:0;transition:opacity .35s;z-index:-1}.oval-menu.featured{border-color:#ecd2a47a;background:#d3ae6c0e;color:#ffe5ae}.oval-menu:hover,.oval-menu:focus-visible{transform:translateX(10px);border-color:#edce8c;background:#201b208c;box-shadow:0 0 35px #d7b16c13}.oval-menu:hover:before{opacity:1}.menu-symbol{font-family:Georgia,serif;font-size:25px;color:#d1b887;width:25px;text-align:center}.menu-arrow{margin-left:auto;font-family:system-ui;font-size:24px;opacity:0;transform:translateX(-12px);transition:opacity .3s,transform .35s}.featured .menu-arrow{opacity:.8;transform:none}.oval-menu:hover .menu-arrow{opacity:1;transform:translateX(3px)}.oval-menu small{font:6px var(--pixel);letter-spacing:0;color:#b5a8a0;margin-left:auto;align-self:center}.controls-link{border:0;background:none;align-self:flex-end;margin:8px 30px 0;padding:10px 0;font:8px var(--pixel);color:#c1b1a2;transition:color .3s}.controls-link span{display:inline-block;margin-left:15px;font:16px system-ui}.controls-link:hover{color:var(--gold)}.menu-version{font:6px var(--pixel);color:#8e8291;text-align:right;margin:10px 30px 0;letter-spacing:.4px}.cinema-caption{position:fixed;bottom:60px;left:8vw;display:flex;align-items:center;gap:16px;color:#c0b2a5;font:7px var(--pixel);letter-spacing:.5px}.caption-line{height:1px;width:35px;background:#d3b27480}.scene-dots{display:flex;gap:8px;margin-left:15px}.scene-dots button{width:6px;height:6px;border:1px solid #d5c3a780;border-radius:50%;padding:0;background:none;transition:background .3s,transform .3s}.scene-dots button.active{background:var(--gold);border-color:var(--gold);transform:scale(1.2)}footer{position:fixed;bottom:0;left:0;right:0;height:40px;color:#9a8c99;font-size:7px;background:linear-gradient(transparent,#09071055)}.playing .topbar{height:75px;padding-top:12px;padding-bottom:12px}.playing .cinema-caption{display:none}.playing .backdrop{opacity:.22}.playing .account-pill,.playing .top-button{min-height:40px}.playing .top-button.square{height:40px;width:42px}.playing .top-button.support{display:none}.playing #stage{max-width:1120px}#play-screen{padding-top:0}.sheet{position:fixed;inset:0;background:#090713a8;backdrop-filter:blur(12px);display:grid;place-items:center;padding:30px;z-index:20}.sheet-card{width:min(920px,100%);max-height:90vh;overflow:auto;background:linear-gradient(135deg,#283e74f2,#18264ded);border:2px solid #91a5d466;border-radius:25px;padding:30px 34px;box-shadow:0 25px 100px #0008,inset 0 1px 0 #ffffff15}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sheet-heading h2{font:23px/1.5 var(--pixel);margin:0;color:#fff5f3}.sheet-heading .top-button{font-size:9px;min-height:42px;background:#ffffff08}.sheet-heading .top-button span{font:20px system-ui;margin-left:10px}.sheet-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.sheet-tabs:empty{display:none}.sheet-tabs button{font:10px/1.8 var(--pixel);background:#14254899;border:2px solid #9baedb66;border-radius:13px;padding:12px 16px;color:#fff8f2;transition:background .2s,border-color .2s}.sheet-tabs button.active{background:#768db63b;border-color:#f5d25e}.sheet-body{border-top:1px solid #b7c9ee24;padding-top:20px;min-height:210px;color:#d9e1f1;font:14px/1.8 'Segoe UI',sans-serif}.sheet-body h3{font:12px/1.8 var(--pixel);color:#fff3d8;margin:6px 0 20px}.sheet-body p{max-width:690px;color:#c6d0e6;font-size:13px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff15}.setting-row strong{font-weight:500;color:#fff2e0}.setting-row small{display:block;color:#a5b6d7;font-size:11px}.setting-row input[type=checkbox]{appearance:none;width:45px;height:24px;border:1px solid #aebcda80;background:#121b34;border-radius:99px;position:relative;flex-shrink:0;cursor:pointer}.setting-row input[type=checkbox]:before{content:'';position:absolute;height:16px;width:16px;left:3px;top:3px;border-radius:50%;background:#c2cce0;transition:transform .2s}.setting-row input[type=checkbox]:checked{background:#8c7535;border-color:#e5c479}.setting-row input[type=checkbox]:checked:before{transform:translateX(21px);background:#ffe9a9}.setting-row input[type=range]{accent-color:#f5d25e;width:160px}.sheet-body input[type=text],.sheet-body select{font:14px system-ui;border:1px solid #9dadd276;background:#101c37;color:#fff4dc;border-radius:10px;padding:12px 14px}.sheet-body .primary{border-radius:999px;max-width:320px;justify-content:center;letter-spacing:1px;font-size:10px}.sheet-body label.account-edit{display:grid;gap:10px;max-width:400px;margin-top:25px;font-size:12px}.news-entry{padding:10px 0 20px;border-bottom:1px solid #ffffff17}.news-entry time{font-size:10px;color:#a3b8df}.news-entry h3{margin:7px 0 10px}.news-entry p{margin:0}.sheet-body .notice{border:1px solid #e4ca7a55;border-radius:12px;background:#d7b8740d;padding:15px 18px;font-size:12px;color:#efe1bc}.control-table{width:100%;border-collapse:collapse}.control-table td{padding:10px;border-bottom:1px solid #ffffff15;font-size:13px}.control-table td:first-child{color:#f2d88a;font-family:monospace;width:135px}.sheet-body a{color:#f5d58e;text-decoration:underline}.about-line{font-size:11px!important}.sheet-body .skin-preview-placeholder{display:flex;gap:20px;align-items:center;margin:20px 0}.skin-preview-placeholder img{height:95px;image-rendering:pixelated}.sheet button:focus-visible,.sheet input:focus-visible,.sheet select:focus-visible{outline:2px solid #f5d25e;outline-offset:4px}#announcement{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 23px;border:1px solid #f4d28977;border-radius:999px;background:#171424ee;color:#f9e7bc;font-size:12px;z-index:30}.dialog{border-radius:24px}.dialog .primary,.dialog .secondary{border-radius:999px}.background-paused .trailer{transition:none}.smooth-graphics #engine-frame{image-rendering:auto}@media(max-width:1000px){.topbar{padding:18px 3vw;gap:10px}.account-pill{min-width:170px;font-size:9px;padding:9px 14px}.top-actions{gap:8px}.top-button{font-size:8px;padding:10px 13px}.top-button.square{width:43px}.cinema-menu{padding:40px 6vw 90px;gap:40px}.oval-menu{font-size:14px;padding:21px 23px;gap:15px;min-height:75px}.oval-menu small{font-size:5px}.right-menu{gap:13px}.title h1{font-size:64px}.title .eyebrow{font-size:6px;letter-spacing:.5px}.title>p{font-size:19px}.cinema-caption{left:6vw}}@media(max-width:750px){.topbar{height:auto;min-height:82px;flex-wrap:wrap;justify-content:center;padding:14px 16px;gap:12px;background:linear-gradient(#0a0815e0,transparent)}.account-pill{min-width:160px;margin-right:auto;font-size:8px;min-height:43px}.top-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.top-button{font-size:7px;padding:9px 10px;min-height:41px;gap:7px;border-radius:12px}.top-button.square{width:39px;font-size:22px}.support{display:none}.cinema-menu{display:grid;grid-template-columns:1fr;align-content:center;min-height:calc(100svh - 150px);gap:30px;padding:25px 6vw 95px}.title{margin:0}.title h1{font-size:47px;margin-top:14px}.title h1 br{display:none}.title h1 span{margin-left:8px}.title .subtitle{font-size:8px;letter-spacing:6px;margin:18px 0 0}.title .eyebrow{font-size:6px;letter-spacing:.4px}.title>p{display:none}.right-menu{justify-self:end;width:85%;max-width:360px;gap:12px}.menu-heading{font-size:6px;padding-left:24px;margin:0 0 5px}.oval-menu{min-height:65px;font-size:12px;padding:15px 23px;gap:14px}.oval-menu:hover{transform:translateX(5px)}.menu-symbol{font-size:20px;width:20px}.oval-menu small{font-size:5px}.controls-link{font-size:7px;margin:0 22px 0}.menu-version{font-size:5px;margin-top:2px}.cinema-caption{bottom:42px;left:6vw;font-size:5px;gap:10px}.caption-line{width:18px}.scene-dots{gap:8px;margin-left:4px}footer{font-size:6px;padding:0 6vw;height:30px}.sheet{padding:15px}.sheet-card{padding:20px;border-radius:20px}.sheet-heading{gap:10px}.sheet-heading h2{font-size:17px}.sheet-tabs{gap:8px;margin-bottom:16px}.sheet-tabs button{font-size:8px;padding:9px 11px}.sheet-body{padding-top:12px}.sheet-heading .top-button{font-size:7px;padding:8px 10px}.setting-row{gap:12px}.setting-row input[type=range]{width:110px}.playing .topbar{height:auto;padding:10px 12px}.playing .top-button:not(.square){display:none}.playing .account-pill{min-height:35px;min-width:135px;padding:6px 12px}.playing .top-button.square{width:35px;min-height:35px;height:35px;font-size:20px}.playing .crown{font-size:23px}.playing .top-actions{gap:6px}.playing .hud{padding-top:6px}}@media(max-width:380px){.top-button#news-button{font-size:0;gap:0;min-width:40px}.top-button#news-button>.news-icon{font-size:22px}.account-pill{min-width:145px}.right-menu{width:95%}.title h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.trailer,.oval-menu,.oval-menu:before,.menu-arrow,.top-button,.account-pill{transition:none!important}.oval-menu:hover,.top-button:hover,.account-pill:hover{transform:none}}

.ranking-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.ranking-tabs button{padding:14px 18px}.ranking-tabs .active{color:#ffeba0;border-color:#7ee8dc;background:#493358}.ranking-content select{padding:12px;margin:8px 0 20px;max-width:100%;color:inherit;background:#202640}.ranking-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ranking-table th,.ranking-table td{text-align:left;padding:14px 8px;border-bottom:1px solid #ffffff26}.ranking-table th{color:#7ee8dc}.ranking-table td:last-child{white-space:nowrap;color:#ffeba0}.ranking-table td:nth-child(2){overflow-wrap:anywhere}
/* One live silent engine, with a frozen outgoing frame for gentle scene changes. */
.menu-showcase,.showcase-snapshot{position:absolute;left:50%;top:50%;width:max(100vw,160vh);height:max(100vh,62.5vw);transform:translate(-50%,-50%) scale(1.025);border:0;pointer-events:none;image-rendering:pixelated;opacity:0;transition:opacity .16s ease;filter:saturate(.8)}
.menu-showcase.active,.showcase-snapshot.active{opacity:1}.showcase-snapshot{z-index:1}.cinema .shade,.cinema .vignette{z-index:2}.cinema{overflow:hidden}.background-paused .showcase-snapshot,.background-paused .menu-showcase{transition:none}@media(prefers-reduced-motion:reduce){.menu-showcase,.showcase-snapshot{transition:none}}

.showcase-black{position:absolute;inset:0;background:#050509;opacity:0;z-index:2;pointer-events:none;transition:opacity .16s ease-in-out}.showcase-black.active{opacity:1}.cinema .shade,.cinema .vignette{z-index:3}

.news-entry > p { white-space:pre-line; }