:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf6f5;background:#07121e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#254656,#07121e 62%)}button{font:inherit;cursor:pointer;color:inherit}main{max-width:1260px;margin:auto;padding:24px}header{text-align:center;margin:14px 0 26px}header small{color:#79dcca;letter-spacing:.25em;font-weight:800}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5.5rem);margin:10px 0}h1 em{color:#e6c581;font-weight:400}header p,.keys,footer{color:#a8bfca}h2{font-family:Georgia,serif;letter-spacing:.07em}.intro,.game{position:relative;border:1px solid #77999177;border-radius:20px;background:#112633;box-shadow:0 30px 90px #0007;overflow:hidden}.intro{text-align:center;padding:64px 22px}.intro p{max-width:520px;margin:16px auto 26px;line-height:1.6}.sigil{font-size:4rem;color:#e9c776}.primary{background:#e7c783;color:#172634;border:0;border-radius:8px;padding:15px 28px;font-weight:900;letter-spacing:.08em}.keys{font-size:.85rem}.hud{display:flex;gap:18px;padding:16px;background:#0b1b26}.hud>div{flex:1}.hud small{display:block;color:#a4c8cb;font-size:.72rem;letter-spacing:.12em}.hud strong{display:block;margin:4px 0}.meter{height:8px;border-radius:9px;background:#34434c;overflow:hidden}.meter i{display:block;height:100%;background:#73d5aa}.meter.stamina i{background:#e4c77d}.meter.boss i{background:#ed826b}.viewport{height:min(55vw,600px);min-height:340px}.viewport canvas{display:block}.message{text-align:center;color:#f5ce84;min-height:24px;font-weight:700}.touch{display:flex;justify-content:space-between;gap:16px;padding:12px 18px 20px}.pad,.actions{display:flex;gap:7px;flex-wrap:wrap}.touch button{background:#263e4b;border:1px solid #75969c;border-radius:9px;padding:12px;min-width:52px;touch-action:none}.actions button{border-color:#ba9d69}.result{position:absolute;inset:70px 0 0;background:#091923e9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.result h2{font-size:clamp(2rem,5vw,4rem);color:#e8c785}footer{text-align:center;padding:20px;font-size:.75rem}:focus-visible{outline:3px solid #edcc80;outline-offset:3px}@media(max-width:650px){main{padding:10px}.hud{gap:7px;padding:10px}.hud small{font-size:.57rem}.hud strong{font-size:.8rem}.touch{padding:8px}.touch button{min-width:44px;padding:9px;font-size:.75rem}.pad,.actions{max-width:48%}.viewport{min-height:380px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}input,select{font:inherit;color:#edf6f5;background:#0b1b26;border:1px solid #75969c;border-radius:7px;padding:12px;max-width:100%;min-width:0}label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}form{display:grid;gap:20px;max-width:400px;margin:auto}form label{display:grid;text-align:left}button{background:#263e4b;border:1px solid #75969c;border-radius:8px;padding:12px 18px;min-height:44px}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{border-color:#e7c783;background:#415154;color:#ffe2a4}.topline,.account,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topline small{font-size:.65rem}.topline select{padding:8px}.account{padding:18px 0;color:#d5e7e7}.account small{color:#a8bfca}.account label{font-size:.8rem}.account input{width:18px;height:18px}nav{display:flex;gap:8px;margin:10px 0 20px;flex-wrap:wrap}.party,.journal,.sanctuary{padding:24px;border:1px solid #77999155;border-radius:16px;background:#112633;margin:18px 0}.party h2,.journal h2{margin-top:0}.toolbar{justify-content:flex-start;padding:10px 0}.game>.toolbar{padding:18px}.members{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0}.members li{padding:12px;background:#203946;border-radius:8px;font-size:.85rem}.destinations{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.destinations button{padding:22px;text-align:left;background:linear-gradient(135deg,#253e4c,#162735)}.destinations strong,.destinations small{display:block;margin:6px 0}.destinations small,.keys{color:#a8bfca}.notice{border:1px solid #e7b083;background:#473528;padding:15px;border-radius:9px;position:sticky;top:8px;z-index:5}.sanctuary{text-align:center;padding:70px 25px;background:radial-gradient(ellipse at center,#354960,#0b1b26)}.sanctuary.forest{background:radial-gradient(ellipse at center,#375e49,#0b1b26)}.sanctuary.prism{background:radial-gradient(ellipse at center,#5d4379,#0b1b26)}.sanctuary .toolbar{justify-content:center}.player-id{overflow-wrap:anywhere}.journal p{line-height:1.7}@media(max-width:650px){.party,.journal{padding:16px}.topline{justify-content:center}.account{font-size:.8rem}.destinations{grid-template-columns:1fr 1fr}.destinations button{padding:10px;font-size:.8rem}h1{font-size:2.7rem}.toolbar input{width:100%}}