#encounter{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;background:radial-gradient(ellipse at 55% 40%,#182f4c,#070e19 75%);overflow:auto}.encounter-layout{max-width:1120px;margin:auto;padding:25px 35px}.encounter-layout>header{align-items:center;border-bottom:1px solid #344a66;padding-bottom:15px}.encounter-layout>header h2{font-size:36px}.encounter-layout>p{max-width:850px;margin:12px 0 8px}.trial-stage{display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;align-items:start}.crew-panel{position:sticky;top:20px;padding-top:20px}.crew-panel>p{color:#8ca3c0;font-size:11px}.crew-panel .eyebrow{font-size:9px}.locked-team{display:grid;gap:10px;margin:14px 0}.locked-team>span{display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;background:#14243a;border:1px solid #3a5778;padding:9px;gap:0 10px;border-radius:5px}.trial-avatar{grid-row:1/3;width:46px;height:57px;object-fit:cover;object-position:50% 22%;border-radius:3px}.locked-team strong{font-size:12px;font-weight:600;align-self:end}.locked-team small{font-size:9px;color:#8da7c7;align-self:start}.circuit-panel{width:100%;max-width:700px}.energy-stages{margin:15px 0;font-size:9px}.puzzle-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:10px;color:#a3c0df;font-size:11px}.puzzle-toolbar>div{display:flex;gap:8px}.puzzle-toolbar button{padding:7px 11px;font-size:10px}.compass-grid{position:relative;max-width:500px;gap:18px;margin:20px auto}.compass-grid[style*="5"]{gap:14px}.compass-watch{z-index:2;background:radial-gradient(circle at 42% 35%,#223955,#091422 73%);border:2px solid #556d8d;box-shadow:0 5px 12px #0008,inset 0 0 0 4px #111e30,inset 0 0 0 5px #33455c}.compass-watch:before{border-style:solid;border-color:#8da8cc3d;inset:17%}.watch-wires{stroke-width:6;filter:drop-shadow(0 0 5px currentColor)}.watch-kind{font-size:7px;bottom:23%;text-shadow:0 1px #000}.compass-watch.yellow{border-color:#d0af5e;background:radial-gradient(circle,#594824,#0e1724 72%)}.compass-watch.blue{border-color:#72b5ff;background:radial-gradient(circle,#264d7e,#0e1724 72%)}.compass-watch.white{background:radial-gradient(circle,#6a829f,#142136 72%)}.compass-letter{font-family:Georgia,serif;color:#d2dfef}.circuit-trace{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.circuit-trace path{fill:none;stroke-width:1;stroke-linecap:round;stroke-dasharray:2 1;animation:current-flow 1s linear infinite;filter:drop-shadow(0 0 2px currentColor)}.phase-watches{margin-top:15px}.wave-meter{max-width:500px}.trial-footer{margin-top:10px}.character-avatar{height:100%;width:100%;object-fit:cover;object-position:center 22%;position:absolute;inset:0}.being-art:has(.character-avatar):before,.being-art:has(.character-avatar):after{display:none}.being-art .form-label,.being-art .dimension-label{z-index:2;background:#071321c9;padding:3px 5px;border-radius:2px}.team-avatar{width:48px;height:55px;object-fit:cover;object-position:center 22%;border-radius:3px;display:block;margin:0 auto 8px}.cast-portrait{height:min(65dvh,650px);max-width:75vw;object-fit:contain;margin:0 auto;border:1px solid #779cc1;border-radius:4px;animation:portrait-cast 4.2s ease-out both}.cast-fallback:has(.cast-portrait:not([hidden])){background:radial-gradient(ellipse,#264369,#07111e 70%)}@keyframes portrait-cast{from{opacity:0;transform:scale(.85)}35%{opacity:1}to{transform:scale(1.04)}}@media(max-width:760px){.encounter-layout{padding:18px 16px}.encounter-layout>header h2{font-size:27px}.trial-stage{grid-template-columns:1fr;gap:0}.crew-panel{position:static;padding-top:5px}.crew-panel>p{display:none}.crew-panel .locked-team{display:flex;gap:5px;margin:10px 0}.locked-team>span{display:block;text-align:center;padding:5px;flex:1;min-width:0}.trial-avatar{width:100%;height:54px;margin:0;object-fit:cover;object-position:center 20%}.locked-team strong{font-size:9px;display:block;margin-top:4px}.locked-team small{display:none}.compass-grid{max-width:440px;gap:11px}.compass-grid[style*="5"]{gap:9px}.energy-stages{font-size:7px}.encounter-layout>p{font-size:11px}.puzzle-toolbar{font-size:9px}.puzzle-toolbar button{padding:6px 8px}.phase-watch{min-width:0;flex:1}.compass-grid[style*="5"] .watch-kind{font-size:5px}.compass-grid[style*="5"] .compass-letter{font-size:8px}.cast-portrait{height:auto;max-height:65dvh;width:70vw}}@media(prefers-reduced-motion:reduce){.cast-portrait,.circuit-trace path{animation:none}}