.quantum-note{font-size:10px!important;color:#829bb9!important;letter-spacing:.3px}.energy-stages{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.5px;margin:22px 0}.energy-stages .yellow{color:#f1ce6a}.energy-stages .blue{color:#87bcff}.energy-stages .white{color:#f2f7ff}#encounter{max-width:760px;max-height:94dvh;overflow:auto}.encounter-layout{padding:26px 30px}.encounter-layout h2{margin-bottom:6px}.encounter-layout .eyebrow{margin-bottom:9px}.locked-team{margin:16px 0}.compass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:400px;margin:20px auto}.compass-watch{width:100%;aspect-ratio:1;position:relative;border-radius:50%;border:1px solid #4a5b72;background:radial-gradient(circle,#17263a,#0a1320 74%);color:#687c96;box-shadow:0 4px 14px #0005;transition:border-color .25s,box-shadow .25s}.compass-watch:before{content:'';position:absolute;inset:14%;border:1px dashed #5a739044;border-radius:50%}.compass-watch:hover{border-color:#b9d8fc}.compass-watch.yellow{color:#f1cf69;border-color:#b28e3d;box-shadow:0 0 24px #e4bd4d22}.compass-watch.blue{color:#85bdff;border-color:#4f91df;box-shadow:0 0 24px #438be733}.compass-watch.converter{background:radial-gradient(circle,#234876,#0a1320 74%)}.compass-watch.receiver{border-style:double;border-width:3px}.compass-watch.hinted{outline:2px solid #e6c879;outline-offset:3px}.compass-letter{position:absolute;color:#adbed2;font-size:10px;font-weight:600;line-height:1}.north{top:7%;left:calc(50% - 4px)}.east{right:7%;top:calc(50% - 5px)}.south{bottom:7%;left:calc(50% - 4px)}.west{left:6%;top:calc(50% - 5px)}.watch-wires{position:absolute;inset:15%;width:70%;height:70%;fill:currentColor;stroke:currentColor;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 5px currentColor)}.watch-index{position:absolute;left:23%;top:23%;font-size:8px;color:#8d9fb6}.watch-kind{position:absolute;bottom:21%;left:0;right:0;font-size:7px;letter-spacing:1px;color:#a1b9d7}.phase-watches{display:flex;justify-content:center;gap:12px;margin-top:20px}.phase-watch{display:flex;align-items:center;gap:14px;text-align:left;min-width:165px;font-size:9px;letter-spacing:1px}.phase-watch strong{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:#d2e4fa}.phase-dial{display:block;position:relative;width:34px;height:34px;border:1px solid #6689af;border-radius:50%}.phase-dial:before{content:'';position:absolute;inset:3px;border:1px dotted #68819d;border-radius:50%}.phase-dial i{position:absolute;left:calc(50% - 1px);top:5px;width:2px;height:12px;background:#b4d5ff;transform-origin:center 12px;transform:rotate(var(--angle));box-shadow:0 0 6px #91bbff}.wave-meter{max-width:400px;margin:18px auto}.wave-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#acbfd7}.wave-track{margin:8px 0;height:5px;background:#31415b}.wave-track i{display:block;height:100%;background:linear-gradient(90deg,#d0aa43,#75b8ff,#fff);transition:width .3s}.wave-meter small{font-size:10px}.push-electricity{display:block;margin:16px auto 22px;min-width:240px}.trial-footer{border-top:1px solid #263c56;padding-top:18px}.compass-grid:has(.yellow) .yellow .watch-wires{stroke-dasharray:5 3;animation:current-flow 1s linear infinite}.compass-grid .blue .watch-wires{stroke-dasharray:5 3;animation:current-flow .7s linear infinite}@keyframes current-flow{to{stroke-dashoffset:-16}}@media(max-width:600px){.encounter-layout{padding:20px 16px}.compass-grid{max-width:310px;gap:11px}.energy-stages{font-size:7px;letter-spacing:.5px}.phase-watch{min-width:0;flex:1;gap:9px;padding:10px}.phase-watch strong{font-size:10px}.watch-kind{font-size:6px}.watch-index{font-size:7px}.trial-footer{align-items:flex-start}.trial-footer span{flex:1}.locked-team>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.watch-wires{animation:none!important}.compass-watch,.wave-track i{transition:none}}
.compass-watch.white{color:#fff;border-color:#e9f4ff;box-shadow:0 0 28px #cbe5ff66;background:radial-gradient(circle,#44648a,#111d30 74%)}
.compass-grid{grid-template-columns:repeat(var(--grid-size,3),minmax(0,1fr));max-width:480px}.compass-grid[style*="5"]{gap:10px}.dimension-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.6;pointer-events:none}.hero:before{background:linear-gradient(90deg,#0b1421f0,#0d1726c9 38%,#0e1a2a55)}@media(max-width:600px){.compass-grid{max-width:340px;gap:8px}.compass-grid[style*="5"] .compass-letter{font-size:8px}.compass-grid[style*="5"] .watch-kind{font-size:5px}.compass-grid[style*="5"] .watch-index{font-size:6px}}