/* OSGARD ORRERY: cinematic world selector */
.game-gate.orrery-gate{--world:197,160,89;position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,rgba(var(--world),.18),transparent 34%),radial-gradient(ellipse at 50% 115%,#201509,transparent 52%),#030305;transition:background .8s ease,opacity .65s,visibility .65s}.orrery-gate[data-world="protocol"]{--world:101,119,255}.orrery-gate[data-world="archetype"]{--world:215,210,196}.orrery-gate:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 25%,#fff9 0 1px,transparent 1.5px),radial-gradient(circle at 83% 18%,#fff8 0 1px,transparent 1.5px),radial-gradient(circle at 76% 78%,#fff7 0 1px,transparent 1.5px),radial-gradient(circle at 20% 71%,#fff6 0 1px,transparent 1.5px);background-size:282px 261px,337px 311px,421px 371px,257px 229px;animation:orrery-drift 18s linear infinite}
.orrery-stage{position:relative;width:min(100vw,780px);height:min(100svh,820px);min-height:540px;overflow:hidden;touch-action:none;user-select:none;cursor:grab}.orrery-stage.is-dragging{cursor:grabbing}.orrery-stage:before{content:"";position:absolute;inset:11% 3% 7%;border:1px solid rgba(var(--world),.24);border-radius:50%;transform:rotateX(67deg) rotateZ(-11deg);box-shadow:0 0 44px rgba(var(--world),.12),inset 0 0 35px rgba(var(--world),.06)}.orrery-orbit{position:absolute;left:50%;top:49%;width:min(95vw,715px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-15deg);border:1px solid rgba(var(--world),.31);border-radius:50%;box-shadow:0 0 0 14px rgba(var(--world),.017),0 0 0 32px rgba(var(--world),.012),0 0 50px rgba(var(--world),.13);pointer-events:none}.orrery-orbit:before,.orrery-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(var(--world),.18);border-radius:50%}.orrery-orbit:after{inset:27%;border-style:dashed;animation:orrery-spin 16s linear infinite}
.orrery-brand{position:absolute;left:50%;top:49%;z-index:5;width:clamp(136px,31vw,205px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-content:center;border:1px solid rgba(242,211,139,.68);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff3be 0 2%,#d9b261 8%,#866025 26%,#211307 51%,#060506 72%);box-shadow:0 0 0 8px rgba(var(--world),.055),0 0 35px rgba(var(--world),.32),0 0 100px rgba(var(--world),.17),inset -20px -24px 36px #0009;color:#fbefc9;text-align:center;pointer-events:none}.orrery-brand:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,244,196,.46);border-radius:50%;animation:orrery-spin 17s linear infinite reverse}.orrery-brand:after{content:"";position:absolute;inset:18%;border-top:1px solid rgba(255,239,177,.7);border-radius:50%;animation:orrery-pulse 3.2s ease-in-out infinite}.orrery-brand strong{font:500 clamp(22px,5vw,34px)/.8 Cormorant Garamond,serif;letter-spacing:.18em;text-indent:.18em;text-shadow:0 1px 10px #000}.orrery-brand small{display:block;margin-top:12px;color:#ebcf8a;font:500 8px/1 JetBrains Mono,monospace;letter-spacing:.2em}
.orrery-node{--x:50%;--y:20%;--scale:.74;--opacity:.55;--z:2;position:absolute;left:var(--x);top:var(--y);z-index:var(--z);width:clamp(154px,35vw,228px);transform:translate(-50%,-50%) scale(var(--scale));opacity:var(--opacity);transition:left .1s linear,top .1s linear,transform .38s cubic-bezier(.22,.82,.24,1),opacity .38s,filter .38s;filter:blur(var(--blur,0));border:0;background:transparent;color:#fff;text-align:left;padding:0;cursor:pointer}.orrery-node:focus-visible{outline:1px solid #f4d98d;outline-offset:6px}.orrery-node.is-focused{--scale:1;--opacity:1;--z:8;filter:none}.orrery-node__frame{position:relative;display:block;aspect-ratio:.91;overflow:hidden;clip-path:polygon(50% 0,94% 11%,100% 47%,85% 89%,50% 100%,15% 89%,0 47%,6% 11%);border:1px solid rgba(255,247,218,.38);background:#090a0e;box-shadow:0 18px 38px #0009,0 0 0 1px rgba(var(--world),.16),inset 0 0 28px #000;transition:.35s}.orrery-node__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff3,transparent 22% 74%,#0008);mix-blend-mode:screen;pointer-events:none}.orrery-node.is-focused .orrery-node__frame,.orrery-node:hover .orrery-node__frame{border-color:#fff1b4;box-shadow:0 22px 55px #000b,0 0 34px rgba(var(--world),.38),inset 0 0 30px #000;transform:translateY(-5px)}.orrery-art{display:block;width:100%;height:100%;transform:scale(1.06);transition:transform 1s cubic-bezier(.16,.9,.24,1)}.orrery-node.is-focused .orrery-art{transform:scale(1.16)}.orrery-node__meta{display:grid;gap:5px;margin:10px 7px 0;text-shadow:0 2px 12px #000}.orrery-node__meta small{color:rgb(var(--world));font:500 8px JetBrains Mono,monospace;letter-spacing:.18em}.orrery-node__meta b{font:400 clamp(19px,4vw,28px)/.92 Cormorant Garamond,serif}.orrery-node__meta span{color:#aaa7a5;font:500 8px/1.4 JetBrains Mono,monospace;letter-spacing:.08em}
.orrery-label{position:absolute;left:50%;bottom:36px;z-index:12;width:min(90vw,440px);transform:translateX(-50%);display:grid;justify-items:center;gap:12px;text-align:center}.orrery-label p,.orrery-utility{margin:0;color:#948d84;font:500 8px JetBrains Mono,monospace;letter-spacing:.17em;text-transform:uppercase}.orrery-utility{position:absolute;top:26px;left:50%;z-index:12;transform:translateX(-50%);white-space:nowrap}.orrery-utility:before,.orrery-utility:after{content:"—";margin:0 10px;color:rgba(var(--world),.75)}.orrery-enter{padding:13px 18px;border:1px solid rgba(239,210,137,.72);background:linear-gradient(100deg,rgba(var(--world),.18),#fff1);color:#f3d891;font:500 10px JetBrains Mono,monospace;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(7px);transition:.3s;pointer-events:none}.orrery-enter.is-ready{opacity:1;transform:none;pointer-events:auto}.orrery-enter:hover{background:rgba(var(--world),.28);box-shadow:0 0 26px rgba(var(--world),.22)}.orrery-status{min-height:15px;color:#c8c3b6;font:400 16px Cormorant Garamond,serif}.orrery-preview{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:26px;background:#030305b8;backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.45s}.orrery-preview.is-open{opacity:1;visibility:visible}.orrery-preview__card{width:min(430px,100%);padding:34px 28px;border:1px solid #fff4;background:radial-gradient(circle at 50% 0,rgba(var(--world),.17),transparent 42%),#08080b;box-shadow:0 26px 100px #000;transform:translateY(16px);transition:.45s}.orrery-preview.is-open .orrery-preview__card{transform:none}.orrery-preview p{color:#aaa5a0;font:500 9px/1.8 JetBrains Mono,monospace;letter-spacing:.09em}.orrery-preview h2{margin:10px 0 12px;color:#f1eee8;font:300 47px/.9 Cormorant Garamond,serif}.orrery-preview button{margin-top:18px;padding:11px 0;border:0;border-bottom:1px solid #ffe7ac99;background:none;color:#f1d68e;font:500 9px JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
@keyframes orrery-spin{to{transform:rotate(360deg)}}@keyframes orrery-drift{50%{transform:translate3d(1.2%,.8%,0);opacity:.9}}@keyframes orrery-pulse{50%{opacity:.38;transform:scale(.93)}}@media(prefers-reduced-motion:reduce){.orrery-gate *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:600px){.orrery-stage{height:100svh;min-height:520px}.orrery-node{width:142px}.orrery-brand{top:48%;width:131px}.orrery-label{bottom:18px}.orrery-utility{top:15px;font-size:7px}.orrery-node__meta{margin-top:7px}.orrery-node__meta span{display:none}}

/* Interaction layer: world portals remain clickable while the stage supports drag. */
.orrery-stage{isolation:isolate}
.orrery-node{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.orrery-node__frame,.orrery-node__frame *,.orrery-art,.orrery-node__meta{pointer-events:none}
.orrery-node.is-focused{z-index:30!important}
.orrery-node:active{transform:translate(-50%,-50%) scale(calc(var(--scale) * .96))}
.orrery-brand[data-world="protocol"]{background:radial-gradient(circle at 35% 28%,#c9e8ff 0 2%,#6386e5 10%,#27205f 34%,#09091b 72%);border-color:#86bfff}
.orrery-brand[data-world="archetype"]{background:radial-gradient(circle at 35% 28%,#fff 0 2%,#d5d1c4 10%,#686862 34%,#111312 72%);border-color:#eee8d8}
.orrery-brand__world{display:block;margin-top:8px;color:#fff1bb;font:500 8px/1.15 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase}
.orrery-game-screen{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(82,107,255,.2),transparent 38%),#050509;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.orrery-game-screen[data-world="archetype"]{background:radial-gradient(circle at 50% 38%,rgba(214,203,174,.2),transparent 38%),#070807}.orrery-game-screen.is-open{opacity:1;visibility:visible}.orrery-game-panel{position:relative;width:min(560px,calc(100vw - 40px));min-height:560px;padding:50px 34px 34px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.42));box-shadow:0 30px 100px #000;color:#f4f0e7;text-align:center}.orrery-game-panel small{color:#c5a059;font:500 9px JetBrains Mono,monospace;letter-spacing:.2em}.orrery-game-panel h1{margin:18px 0 8px;font:300 62px/.8 Cormorant Garamond,serif;letter-spacing:.12em}.orrery-game-panel p{color:#aaa8a4;font:500 10px JetBrains Mono,monospace;letter-spacing:.1em}.orrery-game-close{position:absolute;top:16px;right:18px;border:0;background:none;color:#d7c89b;font:300 30px/1 Inter,sans-serif;cursor:pointer}.orrery-game-core{display:grid;place-items:center;width:190px;aspect-ratio:1;margin:36px auto;border:1px solid rgba(197,160,89,.65);border-radius:50%;box-shadow:0 0 55px rgba(197,160,89,.25),inset 0 0 45px rgba(197,160,89,.15);animation:orrery-pulse 3s ease-in-out infinite}.orrery-game-core span{width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff5be,#c5a059 28%,#17120a 72%);box-shadow:0 0 35px rgba(197,160,89,.8)}.orrery-game-screen[data-world="protocol"] .orrery-game-core span{background:radial-gradient(circle at 35% 25%,#d2f1ff,#678bff 25%,#17133c 72%);box-shadow:0 0 35px #668bff}.orrery-game-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.orrery-game-actions button{padding:12px 14px;border:1px solid rgba(197,160,89,.55);background:rgba(197,160,89,.08);color:#edd18a;font:500 9px JetBrains Mono,monospace;cursor:pointer}.orrery-game-actions button:hover,.orrery-game-actions button.is-selected{background:#c5a059;color:#0b0905}.orrery-game-message{display:block;margin-top:26px;color:#d4cfc3;font:400 17px Cormorant Garamond,serif}