*{box-sizing:border-box}html,body{margin:0;background:#050607;color:#eee;font-family:Arial,sans-serif}.stage{width:100%;display:flex;justify-content:center;background:#050607}.canvas{position:relative;width:min(1536px,100vw);aspect-ratio:1536/1024;overflow:hidden}.reference{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.hotspot{position:absolute;z-index:3;border:0;background:transparent;cursor:pointer}.hotspot:hover{background:rgba(230,173,43,.035);border-radius:6px}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.84);z-index:20;padding:18px}.modal.open{display:flex}.modal-card{width:min(470px,100%);max-height:90vh;overflow:auto;background:linear-gradient(#121518,#080a0c);border:1px solid #8a6925;border-radius:16px;padding:26px;box-shadow:0 30px 90px #000}.modal-card.wide{width:min(760px,100%)}.modal-card h2{font-family:Georgia,serif;color:#efefeb;letter-spacing:.04em}.close{float:right;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.modal-card label{display:block;color:#d8d8d4;font-size:12px;font-weight:700;margin:12px 0}.modal-card input,.modal-card select,.modal-card textarea{width:100%;margin-top:6px;background:#0b0d0f;border:1px solid #504425;border-radius:8px;color:#eee;padding:12px}.modal-card textarea{min-height:110px}.gold-btn{width:100%;padding:13px;border:1px solid #ffd15a;border-radius:8px;background:linear-gradient(#f5bf3c,#d99a14);color:#111;font-family:Georgia,serif;font-weight:900;cursor:pointer}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role{padding:11px;background:#0d0f11;border:1px solid #514323;color:#eee;border-radius:8px}.role.active{border-color:#e3aa28;color:#f1b52d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span2{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;background:#11151a;border:1px solid #8b6922;border-radius:10px;padding:13px 16px;opacity:0;transform:translateY(12px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}@media(max-width:700px){.grid{grid-template-columns:1fr}.span2{grid-column:auto}.hotspot:hover{background:rgba(230,173,43,.035);border-radius:6px}}