:root{color-scheme:dark;background:#171712;color:#fff3da;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f4d193;outline-offset:4px}.kingdoms{position:relative;min-height:100svh;overflow:hidden;background:#171712}.scenes,.scene,.scene img,.veil,.mist{position:absolute;inset:0;width:100%;height:100%}.scene{opacity:0;transition:opacity 2.5s ease}.scene.active{opacity:1}.scene img{object-fit:cover;object-position:center;transform:scale(1.06);animation:camera 18s ease-in-out infinite alternate}.veil{background:linear-gradient(90deg,#121712ed 0%,#11180dce 34%,#10191548 70%,#11160e33),linear-gradient(0deg,#11160de8 0%,transparent 28%,#0d161452 100%)}.mist{background:radial-gradient(ellipse at 40% 86%,#d4caa614,transparent 55%);filter:blur(25px);animation:mist 18s ease-in-out infinite alternate}.masthead{position:relative;z-index:5;display:flex;align-items:center;gap:24px;padding:clamp(20px,3vw,42px) clamp(20px,5vw,80px)}.brand{font:26px Georgia,serif;color:#dfbf83;white-space:nowrap}.brand span{font-size:18px;letter-spacing:.2em}.edition{font-size:9px;letter-spacing:.25em;color:#e1cead;font-weight:800}.masthead button{margin-left:auto;margin-right:148px;background:none;border:0;color:#f2dfbc;font-size:10px;font-weight:800;letter-spacing:.14em;padding:10px}.masthead button:hover{color:#fff}.story{position:relative;z-index:4;width:min(700px,58vw);margin:clamp(55px,13vh,155px) 0 185px clamp(20px,9vw,160px);padding:0 0 0 clamp(0px,2vw,28px);border-left:2px solid #bd9b64a0}.chapter{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#e1c58e}.chapter .rule{width:42px;height:1px;background:#d5b778}.overline{font-size:10px;letter-spacing:.26em;color:#ebd1a8;font-weight:800;margin:35px 0 14px}h1{font:400 clamp(56px,5.4vw,94px)/.94 Georgia,serif;letter-spacing:-.05em;margin:0;max-width:660px;text-wrap:balance}.narrative{font:17px/1.67 Georgia,serif;color:#e8e2d5;max-width:600px;margin:28px 0 0;text-shadow:0 2px 12px #000}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.actions a{border:1px solid #dbb979;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:.15em;background:#162019af}.actions a:first-child{background:#d4b577;color:#1b1c16}.actions a:hover{background:#edce91;color:#171712}.music{position:absolute;z-index:6;right:clamp(20px,5vw,80px);bottom:160px;display:flex;align-items:center;gap:18px;padding:11px 12px 11px 16px;background:#0e1817ae;border:1px solid #dac18a88;backdrop-filter:blur(10px)}.music span{font-size:8px;letter-spacing:.15em;color:#d5bb8b}.music strong{display:block;font-size:12px;letter-spacing:0;color:#fff0d2;margin-top:4px}.music button{background:#d7b77d;color:#171712;border:0;padding:10px 14px;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.music button:hover{background:#f2d9a2}.bottom{position:absolute;z-index:5;left:clamp(20px,5vw,80px);right:clamp(20px,5vw,80px);bottom:clamp(18px,4vw,50px)}.progress{width:100%;height:2px;background:#e8d7b75a}.progress span{display:block;height:100%;background:#eac88b;transition:width .5s}.footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.step-label{font-size:10px;letter-spacing:.2em;color:#e4cb9b;font-weight:800}.controls{display:flex;gap:9px}.controls button{padding:11px 16px;background:#14201fc9;border:1px solid #d5bf9690;color:#fff0d3;font-size:10px;font-weight:800;letter-spacing:.13em}.controls button:hover:not(:disabled){background:#bd9b64;color:#161810}.controls button:disabled{opacity:.35;cursor:default}@keyframes camera{to{transform:scale(1.12) translateX(-1.5%)}}@keyframes mist{to{transform:translateX(8%)}}@media(max-width:850px){.story{width:min(680px,70vw);margin-top:12vh}.music{bottom:115px}}@media(max-width:700px){.kingdoms{min-height:100svh}.scene img{object-position:62% center}.veil{background:linear-gradient(0deg,#141810f7 0%,#141810d9 49%,#14181042 100%)}.masthead{padding:19px 18px}.brand{font-size:21px}.brand span{font-size:14px}.edition{display:none}.masthead button{position:absolute;top:72px;left:18px;margin:0;padding:6px 0;font-size:9px}.story{width:auto;margin:clamp(150px,23vh,260px) 18px 200px;border-left:0;padding:0}.chapter{font-size:9px;gap:7px}.chapter .rule{width:20px}.overline{margin:20px 0 9px;font-size:9px}h1{font-size:clamp(42px,12vw,66px)}.narrative{font-size:clamp(14px,3.7vw,17px);line-height:1.45;margin-top:15px}.actions{margin-top:18px;gap:8px}.actions a{padding:10px 11px;font-size:8px}.music{left:18px;right:auto;bottom:106px;padding:7px 9px}.music span{font-size:7px}.music strong{font-size:10px}.music button{padding:8px;font-size:8px}.bottom{left:18px;right:18px;bottom:16px}.footer-row{margin-top:11px}.step-label{font-size:8px}.controls button{font-size:8px;padding:8px}}@media(max-width:380px){.story{margin-top:125px;margin-bottom:175px}.narrative{font-size:13px;line-height:1.37}.actions{margin-top:12px}.music{bottom:93px}.step-label{display:none}}@media(max-height:650px) and (max-width:700px){.story{margin-top:115px}.overline{margin-top:12px}.narrative{font-size:12px;line-height:1.32}.music{bottom:79px}.bottom{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.scene img{transform:none}}
@media(max-width:380px) and (max-height:650px){.kingdoms{height:100svh;min-height:0}.story{margin-top:59px;margin-bottom:0}.overline{margin-top:9px;margin-bottom:6px}h1{font-size:35px}.narrative{font-size:12px;line-height:1.3;margin-top:10px}.actions{flex-wrap:nowrap;margin-top:9px;gap:5px}.actions a{white-space:nowrap;font-size:7px;letter-spacing:.04em;padding:8px 6px}.music{bottom:69px}.bottom{bottom:8px}.footer-row{margin-top:8px}}