*{box-sizing:border-box}body{margin:0;background:#0b1115;color:#dbe0c3;font-family:system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:24px 28px}header{border-left:3px solid #a5ae72;padding-left:18px;margin-bottom:22px}header span{font:11px monospace;letter-spacing:3px;color:#a2ad84}h1{font-size:32px;margin:8px 0}h1 small{font-size:15px;color:#9aa58c;margin-left:12px}header p{font-size:13px;color:#89958f;margin:0}#game{width:100%;aspect-ratio:8/5;border:1px solid #505c46;box-shadow:0 16px 60px #0008}canvas{display:block;cursor:crosshair}footer{text-align:center;font-size:13px;line-height:1.8;color:#929c8a;padding-top:20px}@media(max-width:650px){main{padding:12px}h1{font-size:25px}footer{font-size:11px}}header{position:relative;min-height:103px;padding-right:315px}.music-controls{position:absolute;top:0;right:0;width:300px;border:1px solid #53665f;background:#142127;padding:10px 12px;color:#dbe0c3;border-radius:4px;font-size:13px;-webkit-user-select:none;user-select:none}.music-credit{font-size:13px;line-height:1.5;margin-bottom:6px;overflow-wrap:anywhere;color:#e1dbb5}.music-volume{display:flex;align-items:center;gap:7px}.music-volume label{display:flex;align-items:center;gap:5px;white-space:nowrap}.music-volume input{width:110px;cursor:pointer;accent-color:#a5ae72}.music-volume output{min-width:34px;font-variant-numeric:tabular-nums}.music-volume button{border:1px solid #738777;background:#2b4043;color:#e5e9ce;padding:3px 7px;cursor:pointer;white-space:nowrap}header .music-status{display:block;margin-top:5px;font:11px system-ui,sans-serif;letter-spacing:0;color:#9baaa4}@media(max-width:760px){header{padding-right:0}.music-controls{position:relative;margin:12px 0 0 auto;width:min(100%,300px)}}header{padding-right:450px}.header-tools{position:absolute;right:0;top:0;display:flex;align-items:flex-start;gap:12px}.header-tools .music-controls{position:relative;top:auto;right:auto;margin:0}.language-preview{width:122px;padding:10px 8px 9px;background:linear-gradient(145deg,#253238,#121d23);border:1px solid #6e795b;border-radius:5px;box-shadow:inset 0 1px #adad7833,0 3px 12px #0004;-webkit-user-select:none;user-select:none}.language-caption{font-size:11px;letter-spacing:2px;color:#b9bf9b;margin-bottom:8px;text-align:center}.language-switch{display:flex;padding:3px;background:#0c171c;border:1px solid #43534f;border-radius:4px;gap:3px}.language-switch button{flex:1;min-width:0;border:1px solid transparent;border-radius:2px;background:transparent;color:#8fa29b;font:600 13px system-ui,sans-serif;padding:6px 3px;cursor:pointer;transition:background .15s,color .15s}.language-switch button.selected{background:linear-gradient(#8e9660,#626f45);border-color:#b7ba81;color:#fcf6d6;box-shadow:0 1px 4px #0005}.language-switch button:hover{color:#fff6cc;background-color:#34443d}.language-switch button:focus-visible{outline:2px solid #e0d697;outline-offset:2px}@media(max-width:900px){header{padding-right:0}.header-tools{position:relative;margin-top:14px;justify-content:flex-end}}@media(max-width:520px){.header-tools{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.language-preview{width:90px;padding:10px 5px}.header-tools .music-controls{width:100%;padding:9px}.music-volume{flex-wrap:wrap;gap:5px}.music-volume input{width:82px}.language-caption{letter-spacing:1px}.language-switch button{font-size:12px}}