*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080808;color:#f5f3ef;font:16px/1.5 Arial,sans-serif;min-height:100svh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#08080855,#080808ee 70%),url('/story-worlds-mobile.webp') center top/cover no-repeat;opacity:.6}.hub{width:min(100% - 40px,540px);margin:auto;padding:38px 0 26px}header{text-align:center}.emblem{object-fit:contain}.name{font-size:11px;letter-spacing:.24em;color:#d5c7b0;margin:14px 0 22px}h1{font:normal clamp(38px,9vw,52px)/1.08 Georgia,serif;margin:0}h1 em{color:#c6a76b;font-weight:normal}.intro{font-size:14px;color:#c2beb6;line-height:1.8;margin:20px 0 30px}.destinations{display:grid;gap:12px}.destination{display:flex;align-items:center;gap:18px;padding:19px 22px;border:1px solid #c6a76b50;background:#111e;color:inherit;text-decoration:none;border-radius:5px;transition:background .2s,border-color .2s}.destination:hover{background:#211c14;border-color:#c6a76b}.destination:first-child{background:#c6a76b;color:#080808}.destination:first-child small{color:#302719}.destination span{flex:1;min-width:0}.destination strong{display:block;font-size:16px;font-weight:600}.destination small{display:block;color:#bcb7ae;font-size:12px;margin-top:4px}.destination b{font-weight:400;font-size:22px}.destination:focus-visible,a:focus-visible{outline:3px solid #f5f3ef;outline-offset:4px}footer{text-align:center;margin-top:32px;font-size:12px;color:#aaa}footer p{font:italic 16px Georgia,serif;color:#c6a76b;margin-bottom:18px}footer a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:reduce){*{transition:none!important}}