@font-face{font-family:system-local;src:local("Arial")}
:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#dfdfcb;background:#171d19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#303d2b 0,transparent 65%);min-height:100vh}main{max-width:1024px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.identity{display:flex;align-items:center;gap:12px;color:#f0eccd;text-decoration:none;font-size:15px;font-weight:850;letter-spacing:1.5px}.identity img{width:42px;height:42px;border-radius:9px}.identity small{display:block;color:#9da494;letter-spacing:.4px;font-size:11px;font-weight:400;margin-top:5px}.edition{font-size:10px;letter-spacing:1.8px;color:#a7b399}.edition span{margin-left:8px;color:#71816c}#player{position:relative;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#080a07;box-shadow:0 22px 70px #0008,0 0 0 1px #ffffff14}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}canvas:focus-visible{outline:2px solid #b9d78a;outline-offset:-3px}.cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.cover[hidden],[hidden]{display:none!important}#loading{flex-direction:column;gap:15px;color:#c6d698}progress{accent-color:#91b45d;width:180px;height:5px}#load-error{max-width:80%;font-size:12px;color:#ffb09e}#menu{background:linear-gradient(90deg,#0c18078c,transparent 75%)}.menu-content{position:absolute;left:6%;top:4%;width:43%;height:88%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:9px}.original-logo{width:100%;aspect-ratio:256/192;background:url('assets/main_menu_button.png') 0 80%/200% 266.6667%;margin-bottom:4%}.menu-content button{font-weight:850;font-style:italic;font-size:clamp(12px,2.3vw,22px);padding:10px 12px;border:1px solid #80b15155;background:#17240fdb;box-shadow:3px 3px 0 #0005;color:#e5e9ca}.menu-content button.primary{color:#91f467;background:#182b0bee}.menu-content button:hover{background:#455b29}.menu-credit{position:absolute;bottom:9px;right:12px;font-size:10px;color:#fff9;text-shadow:0 1px 3px #000}.toolbar{display:flex;justify-content:space-between;gap:8px;margin:16px 0 12px}.toolbar>div{display:flex;gap:7px}button,select{font:inherit;background:#293128;color:#d8ddc9;border:1px solid #53604766;border-radius:5px;padding:8px 12px;cursor:pointer}button:hover{color:white;border-color:#93aa76;background:#3a4932}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #c1dd87;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.toolbar button{font-size:12px}kbd{font:10px system-ui;background:#30372d;border:1px solid #68765a66;border-bottom-width:2px;border-radius:3px;padding:1px 4px;margin:0 2px;color:#bac4ab}.keyboard-hint{font-size:11px;color:#9da58f;display:flex;flex-wrap:wrap;gap:8px 17px;line-height:1.8}.shade{background:#10170ed9;backdrop-filter:blur(5px)}.panel-box{width:86%;max-height:92%;overflow:auto;padding:22px;border:1px solid #7e956050;background:#202a1df5;border-radius:9px;box-shadow:0 20px 40px #0008}.panel-box h1{margin:0 0 14px;color:#e7edd3;font-size:23px}.panel-box p{font-size:13px;line-height:1.6;color:#bdc7af}.panel-box img.help-image{width:100%;max-height:280px;object-fit:contain;background:black}.panel-box button{margin:4px}.panel-box .primary{background:#577437;color:white}#panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shop-item{border:1px solid #66745366;background:#162012;padding:9px;border-radius:5px;text-align:center}.shop-item img{width:80px;height:44px;object-fit:contain}.shop-item h2{font-size:12px;margin:5px 0}.shop-item p{font-size:10px;margin:0}.shop-item button{font-size:10px;padding:6px}#toast{position:absolute;left:50%;top:15%;transform:translateX(-50%);max-width:85%;padding:8px 14px;background:#151e10e8;border:1px solid #bdc99166;color:#f0eccd;text-align:center;font-size:clamp(11px,1.6vw,16px);border-radius:5px;pointer-events:none;opacity:0;transition:opacity .18s}#toast.visible{opacity:1}footer{border-top:1px solid #65715344;margin-top:28px;padding:20px 0;color:#9aa78a}footer p{font-size:14px;margin:0 0 13px}footer div{display:flex;flex-wrap:wrap;gap:19px}footer a,footer button{font-size:11px;color:#bdcca6;background:none;border:0;padding:0;text-decoration:none}footer a:hover,footer button:hover{text-decoration:underline;background:none}footer small{display:block;font-size:10px;margin-top:14px;color:#7d8b70}#gallery{padding:20px 0}#gallery h2{font-size:20px}.gallery-heading{display:flex;align-items:center;justify-content:space-between}#gallery p{font-size:12px;color:#a9b599}#asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px}.asset{background:#30362b;padding:12px;min-width:0;border-radius:7px}.asset img{width:100%;height:120px;object-fit:contain}.asset a{display:block;color:#d3ddc4;font-size:11px;overflow-wrap:anywhere;margin-top:10px}.asset audio{width:100%;height:30px}.asset span{font-size:11px;color:#a5b497}#player:fullscreen{border-radius:0;width:100vw;height:100dvh;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:black}#player:fullscreen canvas{width:min(100vw,150dvh);height:min(100dvh,66.6667vw)}#player:fullscreen .cover{max-width:min(100vw,150dvh);max-height:min(100dvh,66.6667vw);margin:auto}@media(max-width:600px){main{padding:16px 10px}.edition{font-size:8px;letter-spacing:.6px}.edition span{display:none}header{margin-bottom:15px}.identity{font-size:12px}.identity img{width:34px;height:34px}.toolbar button{font-size:10px;padding:7px}.toolbar kbd{display:none}.keyboard-hint{font-size:10px;gap:5px 10px}.menu-content{gap:5px}.menu-content button{padding:6px}.menu-credit{font-size:7px}.panel-box{padding:12px}.panel-box h1{font-size:17px;margin-bottom:8px}.panel-box p{font-size:11px}.shop-grid{gap:5px}.shop-item{padding:4px}.shop-item img{width:55px;height:27px}.shop-item button{font-size:9px;padding:4px}.shop-item h2{font-size:10px}.panel-box img.help-image{max-height:160px}footer{margin-top:20px}}