:root{--gold:#e7bc73;--muted:#aebbc9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#273953,#0d1726 75%);color:#f6eedc;font:16px/1.5 system-ui,sans-serif}header,main{max-width:1230px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px}h1{font:41px Georgia;letter-spacing:.09em;margin:6px 0}header p{font:20px Georgia;color:var(--gold);margin:0}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--gold)}nav{display:flex;gap:9px;flex-wrap:wrap}button,select{font:inherit}button{color:inherit;background:#ffffff06;border:1px solid #ffffff35;border-radius:5px;padding:10px 15px;cursor:pointer}button:hover{background:#ffffff16}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}main{padding:0 30px}h2{font:26px Georgia;margin:7px 0}.top{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;padding:19px 0;gap:20px}.stats{display:flex;gap:30px;text-align:center}.stats strong{display:block;font:31px Georgia;color:var(--gold)}.stats span{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:1fr 330px;gap:24px}.board-panel{background:#18293c;border:1px solid #b5945966;border-radius:10px;padding:21px}.board-title{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.05em;color:#d2c5aa;margin-bottom:17px}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:560px;margin:auto}.cell{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;border:1px solid #61708270;border-radius:4px;background:#334051;position:relative}.cell.floor:hover{background:#425670}.cell.wall{background:#131c29;border-color:#515966;box-shadow:inset 0 0 0 5px #222d3b}.cell.player{background:#285b87;border:2px solid #e7bc73}.cell.enemy{background:#593d53;border:1px solid #bd8f9a}.cell.moveable{box-shadow:inset 0 0 0 2px #77beab;background:#31554f}.cell.target{box-shadow:inset 0 0 0 3px #efba73}.cell .glyph{font:27px Georgia}.cell small{font-size:11px}.cell .coord{position:absolute;top:2px;left:4px;font:10px system-ui;color:#aebbd0}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:16px 0}.guide{background:#294459;border-left:3px solid var(--gold);padding:12px;font-size:14px;color:#f1dfbc;min-height:65px}.guide:empty{display:none}#message{font-size:14px;color:#d8e0e4;min-height:43px;margin:12px 0}.board-actions{display:flex;gap:10px}.board-actions button{flex:1}.selected{background:var(--gold)!important;color:#182b3e!important;border-color:var(--gold)!important}aside{background:#152438;border:1px solid #ffffff20;border-radius:10px;padding:22px}aside h2{font-size:25px}.dice{display:flex;gap:13px;margin:18px 0}.die{flex:1;text-align:center;background:linear-gradient(135deg,#f8e8c9,#c8af80);color:#253549;border-radius:8px;padding:8px 0;box-shadow:0 4px 0 #7e7058}.die strong{font:40px Georgia;display:block}.die small{font-size:11px}.assignment{display:grid;grid-template-columns:1fr 105px 35px;gap:8px;align-items:center;margin:10px 0}.assignment label{font-size:14px}.assignment small{display:block;color:var(--muted);font-size:11px}.assignment select{width:100%;background:#24384d;color:#f4e9d3;border:1px solid #68768a;border-radius:4px;padding:8px;font-size:14px}.assignment output{font:25px Georgia;color:var(--gold);text-align:right}.primary{background:var(--gold);color:#182b3e;border-color:var(--gold);font-weight:650;width:100%;margin-top:12px}.primary:hover{background:#f5d097}.rule-note{font-size:12px;color:var(--muted);margin:15px 0}.enemy-heading{border-top:1px solid #ffffff20;padding-top:8px;display:flex;align-items:center;justify-content:space-between}.enemy-heading h3{font:20px Georgia}.enemy-heading button{font-size:12px;padding:5px 10px}.enemy-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid #ffffff12}.enemy-row strong{color:#e3bcbc}#tutorial{font-size:13px;width:100%;margin-top:15px}.journal{margin-top:24px;border-top:1px solid #ffffff20;padding-top:17px}.journal h2{font-size:23px}.journal p{font-size:13px;color:var(--muted);margin:7px 0}footer{font-size:12px;color:#a5b6c6;text-align:center;padding:26px 0;line-height:1.8}dialog{background:#192b40;color:#f6eedc;border:1px solid var(--gold);border-radius:12px;padding:28px;width:min(720px,calc(100% - 28px));max-height:92vh}dialog::backdrop{background:#050d19e8}dialog h2{color:var(--gold)}dialog li{margin:10px 0}dialog button{margin:10px 7px 0 0}dialog select{width:100%;padding:12px;background:#152c41;color:white;border:1px solid var(--gold);margin:12px 0}.reward-option{width:100%;text-align:left}.reward-option strong,.reward-option small{display:block}.reward-option small{color:var(--muted);font-size:13px}.artwork{width:100%;height:auto;border-radius:8px;margin-top:14px}.big{font:40px Georgia;color:var(--gold)}@media(max-width:900px){.layout{grid-template-columns:1fr}.board{max-width:560px}aside{max-width:none}}@media(max-width:600px){header{padding:22px 16px;flex-wrap:wrap}h1{font-size:35px}main{padding:0 12px}.board-panel{padding:16px 10px}.board{gap:4px}.cell .glyph{font-size:23px}.cell small{font-size:9px}.cell .coord{display:none}.stats{gap:14px}.stats strong{font-size:25px}.stats span{font-size:11px}.top h2{font-size:23px}.legend{gap:10px}.board-actions button{padding:10px}.eyebrow{font-size:10px}}