:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#171e29;color:#e5edf5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#67c8ff}button{font:inherit;cursor:pointer;border:1px solid #ffffff25;border-radius:5px;background:#293747;color:#e5edf5;padding:9px 15px}button:hover{background:#384b60}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible{outline:2px solid #67c8ff;outline-offset:4px}header{height:80px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1120px)/2));background:#1c2532}.brand{font-size:25px;font-weight:700;letter-spacing:-1px}.badge{margin-left:auto;font-size:10px;letter-spacing:2px;border:1px solid #c6b17f55;color:#d6c390;padding:4px 9px;border-radius:3px}main{max-width:1120px;margin:auto;padding:38px 24px}.heading{max-width:670px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#c6b17f}h1{font-family:Georgia,serif;font-size:56px;font-weight:400;line-height:1.1;margin:12px 0 16px}.intro{color:#a9bbcd;font-size:15px;line-height:1.8;margin:0}.layout{display:grid;grid-template-columns:minmax(0,600px) minmax(240px,1fr);gap:28px;align-items:start}.player{border:1px solid #ffffff18;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #0003;background:#10151c}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #ffffff12;background:#202b39;font-size:12px}.toolbar button{font-size:11px;padding:6px 9px}.toolbar i{display:inline-block;width:6px;height:6px;background:#c6b17f;border-radius:50%;margin-right:7px}#game-area{height:790px;position:relative}#welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#302e26,#10151c 75%)}.sigil{font-size:55px;color:#c6b17f}#welcome h2{font:36px Georgia,serif;letter-spacing:4px;margin:8px 0 20px;color:#e2d4ab}#welcome>p:not(.eyebrow){color:#9cabbc;font-size:13px}#play{margin:25px 0 10px;background:#c6b17f;color:#191f27;border:0;padding:13px 24px;font-weight:600}#play:hover{background:#e2ce9e}#play span{margin-left:24px}.load-note{font-size:11px!important;line-height:1.7}iframe{width:100%;height:100%;display:block;border:0;background:#10151c}[hidden]{display:none!important}.info{border:1px solid #ffffff12;background:#1e2937;border-radius:7px;padding:23px;margin-bottom:20px}.info h2{font-size:18px;font-weight:600;margin:10px 0}.info p{color:#a9bbcd;font-size:13px;line-height:1.8}.info .eyebrow{color:#c6b17f;font-size:10px}dl{margin:20px 0 0}dl div{padding:11px 0;border-top:1px solid #ffffff10}dt{font-size:12px;color:#d9e3ec}dd{margin:4px 0 0;font-size:12px;color:#9cabbc}#status:empty{display:none}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;color:#8293a6;padding:30px 0}footer a{text-decoration:underline}.player:fullscreen{border:0;border-radius:0;height:100%;display:flex;flex-direction:column}.player:fullscreen #game-area{height:auto;flex:1;min-height:0}@media(max-width:760px){header{padding:0 20px;height:66px;gap:20px}main{padding:28px 16px}.layout{grid-template-columns:1fr;gap:20px}.heading{margin-bottom:24px}h1{font-size:46px}#game-area{height:calc((100vw - 34px)*1.182 + 220px);max-height:850px;min-height:520px}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info{margin:0;padding:18px}}@media(max-width:520px){aside{grid-template-columns:1fr}#welcome h2{font-size:29px}header>a:not(.brand){font-size:12px}}
#name-form{display:grid;gap:10px}#name-form label{font-size:13px}#character-name{min-width:0;width:100%;font:inherit;padding:10px;border:1px solid #ffffff40;border-radius:4px;background:#111a25;color:#e5edf5}#character-name:focus-visible{outline:2px solid #67c8ff;outline-offset:3px}
.key-settings summary{cursor:pointer;font-size:13px;color:#d9e3ec;padding:8px 0}.binding-list{margin:12px 0}.binding-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,110px) auto;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #ffffff10}.binding-row span{font-size:12px;color:#d9e3ec}.binding-row button{font-size:12px;padding:7px 8px;min-width:0;overflow-wrap:anywhere}.binding-row button[aria-pressed=true]{outline:2px solid #67c8ff;outline-offset:2px}.binding-cancel,.binding-reset{margin:8px 8px 0 0}.key-settings button:focus-visible,.key-settings summary:focus-visible{outline:2px solid #67c8ff;outline-offset:3px}.key-settings [hidden]{display:none}
.fullscreen-edge{display:none}.player:fullscreen{position:relative}.player:fullscreen .toolbar{position:absolute;top:0;left:0;right:0;z-index:4;transform:translateY(-100%);opacity:0;transition:transform .18s ease,opacity .18s ease}.player:fullscreen .fullscreen-edge{display:block;position:absolute;top:0;left:0;width:100%;height:12px;z-index:3;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent}.player:fullscreen.toolbar-revealed .toolbar,.player:fullscreen .toolbar:focus-within{transform:translateY(0);opacity:1}.player:fullscreen #game-area{max-height:none;height:100%;flex:1}.player:fullscreen .fullscreen-edge:focus-visible{outline:2px solid #67c8ff;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.player:fullscreen .toolbar{transition:none}}
@media(hover:hover){.player:fullscreen .fullscreen-edge:hover+.toolbar,.player:fullscreen .toolbar:hover{transform:translateY(0);opacity:1}}