:root{font-family:Segoe UI Variable,Aptos,Segoe UI,sans-serif;color:#f4efe4;background:#11130f;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #11130f;--paper: #f1eadb;--gold: #e0b457;--line: rgba(255, 255, 255, .19)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{position:relative;width:100%;height:100%;height:100vh;height:100dvh;background:#11130f;overflow:hidden}.app>div:first-child{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.app canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block}.intro{position:absolute;inset:0;z-index:10;display:grid;grid-template-columns:minmax(20px,1fr) minmax(320px,620px) minmax(20px,1fr);grid-template-rows:auto 1fr auto;padding:28px clamp(22px,4vw,64px);background:linear-gradient(90deg,#0c0e0bf5,#0c0e0bd1 43%,#0c0e0b1f 76%);animation:reveal .7s cubic-bezier(.2,.7,.2,1) both}.intro__brand,.wordmark{display:flex;align-items:center;gap:12px;font:600 12px/1 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.18em}.intro__brand{grid-column:1 / 4}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(224,180,87,.68);color:var(--gold);font:500 20px/1 Georgia,serif}.intro__content{grid-column:1 / 3;align-self:center;max-width:640px;padding-top:24px}.eyebrow{margin:0 0 18px;color:var(--gold);font:600 11px/1.3 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.18em;text-transform:uppercase}h1{max-width:520px;margin:0;font:500 clamp(52px,7vw,92px)/.91 "Segoe UI Variable","Aptos",sans-serif;letter-spacing:-.065em}.intro__lead{max-width:560px;margin:24px 0 30px;color:#f4efe4ba;font-size:clamp(15px,1.45vw,18px);line-height:1.55}.role-list{display:grid;max-width:560px;border-top:1px solid var(--line)}.role-option{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;min-height:66px;padding:9px 0;color:#f4efe494;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:color .2s,padding .2s,background .2s}.role-option:hover{color:#fff;padding-left:10px}.role-option.is-selected{color:#fff}.role-option__icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2)}.is-selected .role-option__icon{color:#17130c;border-color:var(--gold);background:var(--gold)}.role-option__copy{display:grid;gap:4px}.role-option__copy strong{font:600 14px/1 Segoe UI Variable,Aptos,sans-serif}.role-option__copy small{color:#f4efe47a;font-size:12px}.role-option__check{font:600 10px/1 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.12em;text-transform:uppercase}.is-selected .role-option__check{color:var(--gold)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:240px;min-height:52px;margin-top:24px;padding:0 22px;color:#17130c;border:1px solid var(--gold);background:var(--gold);font-weight:700;cursor:pointer;transition:transform .16s,background .16s}.primary-button:hover{background:#edc56e}.primary-button:active{transform:translateY(1px) scale(.99)}.intro__note{grid-column:1 / 3;display:flex;align-items:center;gap:10px;max-width:520px;color:#f4efe48f;font-size:12px}.intro__scale{position:absolute;right:clamp(22px,4vw,64px);bottom:30px;display:grid;grid-template-columns:auto 120px auto;gap:12px;align-items:center;font:500 10px/1 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.12em;text-transform:uppercase}.intro__scale i{height:1px;background:#ffffff8c}.game-ui{position:absolute;inset:0;z-index:8;pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:16px 22px;background:linear-gradient(180deg,rgba(12,14,11,.78),transparent)}.wordmark{justify-self:start;font-size:10px}.wordmark .brand-mark{width:28px;height:28px;font-size:16px}.role-chip{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.22);background:#11130fab;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.role-chip svg{grid-row:1 / 3;color:var(--gold)}.role-chip span{font:600 12px/1.15 Segoe UI Variable,Aptos,sans-serif}.role-chip small{color:#ffffff85;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.icon-button{justify-self:end;display:grid;place-items:center;width:38px;height:38px;color:#fff;border:1px solid rgba(255,255,255,.23);background:#11130f8c;pointer-events:auto;cursor:pointer}.icon-button:hover{color:var(--gold);border-color:var(--gold)}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;left:50%;top:50%;display:block;background:#ffffffd9;transform:translate(-50%,-50%)}.crosshair i:first-child{width:14px;height:1px}.crosshair i:last-child{width:1px;height:14px}.resume{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:7px;min-width:260px;padding:22px 28px;color:#191a16;border:1px solid var(--gold);background:var(--paper);box-shadow:0 18px 60px #20180c47;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}.resume svg{color:#7c571d}.resume strong{font-size:14px}.resume span{color:#66685f;font-size:10px}.resume:hover{background:#fff9ec}.map{position:absolute;left:22px;top:86px;width:182px;padding:12px;color:#f5eddf;border:1px solid rgba(255,255,255,.2);background:#11130fb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map__head{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding-bottom:10px;font:600 9px/1 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.12em;text-transform:uppercase}.map__head span:last-child{color:#ffffff6b}.map__plan{display:grid;place-items:center;height:190px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.map__court{position:relative;width:74px;height:164px;border:1px solid rgba(255,255,255,.55)}.map__gate{position:absolute;left:50%;bottom:-4px;width:42px;color:var(--gold);background:#22241f;transform:translate(-50%);font-size:6px;text-align:center}.map__altar{position:absolute;left:50%;bottom:44px;width:16px;height:16px;border:1px solid #b47a49;transform:translate(-50%)}.map__laver{position:absolute;left:50%;bottom:67px;width:8px;height:8px;border:1px solid #b47a49;border-radius:50%;transform:translate(-50%)}.map__tent{position:absolute;left:50%;top:20px;width:22px;height:64px;border:1px solid var(--gold);transform:translate(-50%)}.map__veil{position:absolute;left:-1px;right:-1px;top:21px;height:1px;background:var(--gold)}.map__ark{position:absolute;left:6px;top:8px;width:8px;height:5px;background:var(--gold)}.map__legend{display:flex;gap:7px;align-items:center;padding-top:10px;color:#ffffffb3;font-size:10px}.map__legend svg{color:var(--gold)}.controls{position:absolute;left:22px;bottom:20px;display:flex;align-items:center;gap:6px;padding:9px 11px;color:#ffffffa3;background:#11130f9e;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}kbd,.key{display:inline-grid;min-width:24px;height:24px;place-items:center;padding:0 6px;color:#fff;border:1px solid rgba(255,255,255,.3);background:#ffffff17;font:600 9px/1 Segoe UI Variable,Aptos,sans-serif}.interact{position:absolute;left:50%;bottom:88px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;color:#fff;border:0;background:#11130fd1;transform:translate(-50%);animation:lift .25s ease-out both;pointer-events:auto;cursor:pointer}.interact:hover{background:#1e221aeb}.interact.is-touch{pointer-events:auto}.interact span:last-child{font-size:12px}.denied{position:absolute;left:50%;top:96px;display:flex;align-items:center;gap:9px;max-width:420px;padding:11px 14px;color:#231708;background:var(--gold);transform:translate(-50%);font-size:12px;animation:lift .25s ease-out both}.fact-panel{position:absolute;right:22px;bottom:22px;width:min(390px,calc(100vw - 44px));padding:28px;color:#191a16;background:var(--paper);box-shadow:0 22px 80px #2a1f0f47;pointer-events:auto;animation:panel-in .38s cubic-bezier(.2,.8,.2,1) both}.fact-panel__close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;color:#34362f;border:1px solid rgba(25,26,22,.2);background:transparent;cursor:pointer;pointer-events:auto;transition:background .15s,color .15s}.fact-panel__close:hover{background:#191a161f;color:#000}.fact-panel__icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:28px;color:#7c571d;border:1px solid #ad8a50}.fact-panel>p:first-of-type{margin:0 0 10px;color:#7c571d;font:700 10px/1 Segoe UI Variable,Aptos,sans-serif;letter-spacing:.15em;text-transform:uppercase}.fact-panel h2{margin:0 0 12px;font:600 30px/1.05 Segoe UI Variable,Aptos,sans-serif;letter-spacing:-.04em}.fact-panel strong{font-size:12px;font-weight:600}.fact-panel__rule{width:48px;height:1px;margin:22px 0;background:#ad8a50}.fact-panel .fact-panel__body{margin:0;color:#4e5048;font-size:14px;line-height:1.6}.fact-panel small{display:block;margin-top:22px;padding-top:16px;color:#74766c;border-top:1px solid rgba(25,26,22,.14);font-size:10px;line-height:1.45}.touch-controls{position:absolute;inset:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.touch-move{position:absolute;left:18px;bottom:22px;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:6px;pointer-events:auto}.touch-key{display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.34);background:#11130fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:700;touch-action:none}.touch-key:active{color:#17130c;border-color:var(--gold);background:var(--gold)}.touch-key--up{grid-column:2;grid-row:1}.touch-key--left{grid-column:1;grid-row:2}.touch-key--down{grid-column:2;grid-row:2}.touch-key--right{grid-column:3;grid-row:2}.touch-look{position:absolute;right:18px;bottom:22px;display:grid;place-items:center;align-content:center;gap:5px;width:128px;height:102px;color:#ffffffc7;border:1px solid rgba(255,255,255,.28);background:#11130f7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;touch-action:none}.touch-look span{font-size:9px;letter-spacing:.06em;text-transform:uppercase}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes lift{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:720px){.intro{grid-template-columns:1fr;padding:20px;background:#0c0e0be0;overflow-y:auto}.intro__brand,.intro__content,.intro__note{grid-column:1}.intro__content{align-self:start;padding-top:64px}h1{font-size:50px}.intro__lead{margin:18px 0 22px;font-size:14px}.role-option{min-height:58px}.intro__note{margin:28px 0 12px}.intro__scale,.map,.controls,.wordmark{display:none}.topbar{grid-template-columns:1fr auto}.role-chip{justify-self:start}.fact-panel{right:12px;bottom:12px;width:calc(100vw - 24px)}.crosshair{display:none}.interact{bottom:138px;white-space:nowrap}}@media(max-width:420px){.touch-move{left:10px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px)}.touch-look{right:10px;width:112px;height:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.map,.role-chip,.controls{background:#1a1c18;-webkit-backdrop-filter:none;backdrop-filter:none}}