.play-page{background:#080d0b;height:100dvh;overflow:hidden}.play-page #stage{position:fixed;inset:0}.play-page #stage video{position:absolute;inset:0;object-fit:contain!important;width:100%!important;height:100%!important}.play-header{z-index:8;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));pointer-events:none;text-shadow:0 1px 5px #000;align-items:center;gap:10px;display:flex;position:fixed}.play-header .brand{margin-right:auto;font-size:19px}.play-header a,.play-header button{pointer-events:auto}.play-header .brand img{width:26px;height:26px}#connection-status{color:#e0e8d5;font-size:11px}.quiet,#controls button{color:#edf1e7;background:#17251cdb;border:1px solid #c0d4ae60;border-radius:6px;min-height:44px;padding:10px 14px;font-size:12px}.connect-cover{z-index:6;background:linear-gradient(90deg,#101912f5,#101912c9),url(/dominion.png) 50%/cover;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.connect-card{width:min(460px,100%);padding:85px 30px 35px}.connect-card h1{letter-spacing:-2.4px;margin:20px 0 24px;font-size:64px}.connect-card .eyebrow{font-size:9px}.connect-card p:not(.eyebrow){color:#bccab7;font-size:14px;line-height:1.6}.connect-card .fine{margin:20px 0 25px;color:#93a68f!important;font-size:11px!important;line-height:1.7!important}#join-form{gap:12px;margin-top:24px;display:grid}#join-form label{color:#d7dfcb;font-size:12px}#access-code{color:#edf3e7;background:#ffffff08;border:1px solid #b7c9aa50;border-radius:3px;width:100%;padding:15px;font-size:16px}#join-form .primary{width:100%;margin-top:2px}.back-link{color:#c5d6bb;font-size:12px}#look{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:62px 0 0 29%}#controls{-webkit-user-select:none;user-select:none}#stick{z-index:5;left:max(30px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));touch-action:none;background:#20351c55;border:1px solid #d6e6b95e;border-radius:50%;width:130px;height:130px;position:fixed}#knob{pointer-events:none;background:#bccfa659;border:1px solid #e2efce88;border-radius:50%;width:54px;height:54px;position:absolute;top:calc(50% - 27px);left:calc(50% - 27px)}#stick span{text-align:center;letter-spacing:2px;color:#e7eddf;width:100%;font-size:9px;position:absolute;top:calc(100% + 7px)}.action-buttons{right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));z-index:5;grid-template-columns:repeat(2,90px);gap:9px;display:grid;position:fixed}#controls button{touch-action:none;min-height:48px}#controls button small{color:#bdcda9;margin-top:3px;font-size:8px;display:block}#controls button:active{background:#7d936abb}#controls .interact{color:#172015;background:#d9e6bd;font-weight:700}#controls .interact small{color:#46593a}#craft-controls{z-index:5;right:max(24px,env(safe-area-inset-right));background:#0d180ee6;border-radius:7px;gap:6px;padding:8px;display:flex;position:fixed;bottom:155px}#craft-controls button{padding:10px;font-size:11px}.look-hint{color:#d8e5ca;text-shadow:0 2px 4px #000;z-index:3;pointer-events:none;white-space:nowrap;font-size:10px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (orientation:portrait){.play-header{flex-wrap:wrap}.play-header .brand{font-size:16px}#connection-status{order:5;width:100%}.quiet{padding:8px;font-size:10px}.look-hint{white-space:normal;text-align:center;width:90%;bottom:192px}#craft-controls{flex-wrap:wrap;bottom:207px;left:16px;right:16px}#stick{width:115px;height:115px;left:20px}.action-buttons{grid-template-columns:repeat(2,80px);right:18px}}@media (height<=500px){.connect-card{width:min(600px,100%);padding:75px 30px 20px}.connect-card h1{margin:10px 0;font-size:37px}.connect-card h1 br{display:none}#join-form{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}#join-form label{grid-column:1/-1}.connect-card .fine{margin:10px 0!important}#stick{width:110px;height:110px;bottom:27px}.action-buttons{grid-template-columns:repeat(2,80px);gap:6px;bottom:24px}#controls button{min-height:42px;padding:8px}#craft-controls{bottom:127px}.look-hint{font-size:8px;bottom:7px}}:root{color:#eeeede;--accent:#d9e6bd;--line:#ffffff1d;background:#111815;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;padding:0 5vw;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:700;display:inline-flex}.brand img{width:33px;height:33px}nav{align-items:center;gap:34px;font-size:13px;display:flex}nav>a:not(.nav-play){color:#c3cbbd}.nav-play{border:1px solid #bfcbbd5e;border-radius:3px;padding:13px 19px}.nav-play span{margin-left:24px}.hero{align-items:center;min-height:min(850px,100svh - 100px);display:flex;position:relative;overflow:hidden}.hero-art{opacity:.8;background:url(/dominion.png) 105% 47%/auto 122% no-repeat;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#111815 3%,#111815eb 26%,#11181555 67%,#11181520),linear-gradient(#0000 76%,#111815);position:absolute;inset:0}.hero-copy{z-index:1;max-width:850px;padding:70px 7vw 100px;position:relative}.eyebrow{letter-spacing:2.3px;color:#bac6ab;align-items:center;gap:12px;font-size:10px;font-weight:600;line-height:1.7;display:flex}.spark{background:#d6a365;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 16px #ca804d}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-4px;margin:30px 0;font-family:Georgia,serif;font-size:clamp(72px,7.3vw,112px);font-weight:400;line-height:.99}h1 em{color:#d4dfbe;font-weight:400}.intro{color:#bec8be;margin-bottom:32px;font-size:15px;line-height:1.8}.primary{background:var(--accent);color:#1a251b;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:40px;padding:19px 25px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.primary:hover{background:#e5efcf;transform:translateY(-1px)}.primary span{font-size:20px;font-weight:400}.hero-note{letter-spacing:1.7px;color:#9da98f;margin:19px 0 0;font-size:9px}.world-caption{z-index:2;letter-spacing:1.3px;color:#abb5a3;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:30px;left:7vw;right:5vw}.world-caption span:last-child{letter-spacing:0;font-family:Georgia,serif;font-size:13px;font-style:italic}.world-details{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12%;padding:90px 7vw;display:grid}h2{letter-spacing:-1px;margin:18px 0 0;font-family:Georgia,serif;font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.15}.world-details>div:last-child{color:#d1d7cb;padding-top:29px;font-size:15px;line-height:1.8}.muted{color:#a2afa4}.how{background:#162019;padding:65px 7vw 90px}.section-top{justify-content:space-between;align-items:center;display:flex}.section-top h2{margin:0}.steps{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px;display:grid}.steps article{border-top:1px solid #ffffff30;padding-top:22px}.steps article>span{letter-spacing:2px;color:#afbfa4;font-size:10px}h3{margin:27px 0 13px;font-size:17px;font-weight:500}.steps p{color:#aebbaa;max-width:320px;font-size:13px;line-height:1.8}footer{color:#a2b19e;justify-content:space-between;align-items:center;padding:40px 5vw;font-size:12px;display:flex}footer .brand{color:#eeeede;font-size:20px}footer .brand img{width:27px;height:27px}footer>a:last-child{color:#dbe4ce}@media (width<=700px){.site-header{height:78px;padding:0 6vw}.brand{font-size:21px}nav{gap:12px}nav>a:not(.nav-play){display:none}.nav-play{padding:11px;font-size:11px}.nav-play span{margin-left:10px}.hero{align-items:flex-start;min-height:710px}.hero-copy{padding:80px 7vw 140px}h1{letter-spacing:-3px;margin:29px 0;font-size:72px}.intro{font-size:14px}.hero-art{opacity:.47;background-position:62% 100%;background-size:auto 88%}.hero-shade{background:linear-gradient(#111815,#111815c9 24%,#11181555 70%,#111815 99%)}.world-caption{flex-direction:column;gap:8px;bottom:28px}.world-details{grid-template-columns:1fr;gap:0;padding:60px 7vw}.world-details>div:last-child{padding-top:28px}.how{padding:50px 7vw}.section-top{display:block}.section-top h2{margin-top:18px}.steps{grid-template-columns:1fr;gap:26px;margin-top:36px}.steps h3{margin-top:16px}.steps p{max-width:none}footer{flex-wrap:wrap;gap:25px;padding:32px 7vw}footer>span{order:3;width:100%;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}