:root{color-scheme:dark;font:13px/1.3 system-ui,sans-serif;background:#090f0c;color:#f3ecd7}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;flex-direction:column}
header{min-height:42px;display:flex;align-items:center;gap:18px;padding:5px 12px;background:#111b15;border-bottom:1px solid #dabb6c35;flex-shrink:0}
a{color:inherit;text-decoration:none}header>a,nav>a,button{padding:7px 11px;border:1px solid #dabb6c55;border-radius:7px;background:#dabb6c0c;white-space:nowrap}a:hover,button:hover{background:#e6ca7a25;border-color:#dabb6c99}a:focus-visible,button:focus-visible{outline:2px solid #e6ca7a;outline-offset:2px}header>a{background:#a6253540;border-color:#ed324855}
.brand{font-weight:700;letter-spacing:.06em}.brand>span:first-child{color:#ed3248;font-size:22px;vertical-align:middle}.game{font-weight:400;letter-spacing:0;color:#c6cabc;margin-left:8px}nav{display:flex;align-items:center;gap:6px;margin-left:auto}button{font:inherit;color:inherit;cursor:pointer}
iframe{width:100%;flex:1;min-height:0;display:block;border:0;background:black}#fault{margin:0;padding:10px;background:#662b23;color:#fff;max-height:90px;overflow:auto}
@media(max-width:600px){header{gap:6px;padding:5px 6px;font-size:11px}.game{display:none}.brand{letter-spacing:0}nav>a{display:none}button,header>a{padding:6px}.brand>span:first-child{font-size:18px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s ease,border-color .15s ease,transform .15s ease}header>a:hover,nav>a:hover,button:hover{transform:translateY(-1px)}}