html,body,#root{width:100%;height:100%;margin:0;background:#020207;overflow:hidden}.room-world{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--p0);color:transparent;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none}.world-surface{--px:50%;--py:50%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:none;touch-action:none}.world-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 90px at var(--px) var(--py),color-mix(in srgb,var(--p2) 11%,transparent),transparent 72%);mix-blend-mode:screen;opacity:.85}.world-surface canvas{display:block;width:100%;height:100%}.depth-spine{position:fixed;right:max(15px,env(safe-area-inset-right));top:50%;display:grid;gap:5px;transform:translateY(-50%);pointer-events:none}.depth-spine i{width:5px;height:5px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(0,0,0,.28);transition:.45s}.depth-spine i.lit{background:var(--p2);border-color:#fffc;box-shadow:0 0 8px var(--p2),0 0 18px var(--p3);transform:scale(1.35)}.world-map-button,.sound-orb{position:fixed;z-index:12;border:1px solid rgba(255,255,255,.18);background:rgba(2,2,7,.3);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);color:var(--p2);box-shadow:0 12px 40px #00000057,inset 0 0 20px #ffffff08;cursor:none}.world-map-button{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%}.world-map-button span{font-size:25px;text-shadow:0 0 15px var(--p3)}.sound-orb{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px}.sound-orb i{display:block;width:3px;height:18px;border-radius:4px;background:var(--p3);box-shadow:0 0 8px var(--p3);animation:sound-wave .9s ease-in-out infinite alternate}.sound-orb i:nth-child(2){height:29px;animation-delay:-.4s}.sound-orb i:nth-child(3){height:12px;animation-delay:-.7s}.sound-orb.muted i{animation:none;height:3px;opacity:.45}@keyframes sound-wave{to{transform:scaleY(.35);opacity:.55}}.room-sigil{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top));transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none}.room-sigil>i{display:block;width:28px;height:28px;border:1px solid var(--p2);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:radial-gradient(circle,var(--p3),transparent 60%);box-shadow:0 0 18px var(--p2);animation:sigil-turn 12s linear infinite}.room-sigil span{display:flex;gap:4px}.room-sigil b{display:block;width:3px;height:3px;border-radius:50%;background:var(--p2);box-shadow:0 0 6px var(--p2)}@keyframes sigil-turn{to{transform:rotate(360deg)}}.completion-portal{position:fixed;z-index:11;left:50%;top:50%;width:min(34vw,210px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:none;animation:portal-breathe 2.6s ease-in-out infinite}.completion-portal:before,.completion-portal:after,.completion-portal i{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid var(--p2);border-radius:50%;box-shadow:0 0 25px var(--p2),inset 0 0 30px color-mix(in srgb,var(--p3) 35%,transparent)}.completion-portal:after{top:22%;right:22%;bottom:22%;left:22%;border-style:dotted;animation:sigil-turn 8s linear infinite reverse}.completion-portal i{top:39%;right:39%;bottom:39%;left:39%;background:radial-gradient(circle,var(--p2),transparent 68%);border:0}@keyframes portal-breathe{50%{transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.35)}}.portal-map{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;padding:max(55px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left));overflow:auto;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--p1) 88%,#000),rgba(2,2,7,.97) 62%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.portal-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(11,1fr);gap:clamp(8px,1.5vw,18px)}.portal{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.015);color:#ffffff24;cursor:none;transition:.25s}.portal i{font:400 clamp(13px,2vw,25px)/1 serif}.portal.open{color:var(--c);border-color:color-mix(in srgb,var(--c) 48%,transparent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--c) 15%,transparent)}.portal.open:hover,.portal.open:focus-visible{transform:scale(1.18) rotate(15deg);background:color-mix(in srgb,var(--c) 13%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--c) 65%,transparent)}.portal.seen:after{content:"";position:absolute;top:42%;right:42%;bottom:42%;left:42%;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.portal:disabled{opacity:.24}.map-close{position:fixed;z-index:2;right:18px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.22);color:#ffffffb3;font:200 28px/1 system-ui;cursor:none}.visual-fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#020207}.visual-fallback button{width:min(38vw,190px);aspect-ratio:1;border:1px solid #ffe2bf;border-radius:50%;background:radial-gradient(circle,#7dd3fc 0 4%,transparent 5% 40%,rgba(255,226,191,.08) 41%);box-shadow:0 0 45px #ffe2bf73;animation:portal-breathe 2.6s ease-in-out infinite}@media (max-width:700px){.portal-grid{grid-template-columns:repeat(7,1fr)}.portal-map{padding-left:18px;padding-right:18px}.depth-spine{gap:4px}.depth-spine i{width:4px;height:4px}.world-map-button{width:50px;height:50px}.sound-orb{width:48px;height:48px}}@media (max-width:390px){.portal-grid{grid-template-columns:repeat(6,1fr);gap:8px}}@media (prefers-reduced-motion:reduce){.room-sigil>i,.sound-orb i,.completion-portal,.completion-portal:after,.visual-fallback button{animation:none}.portal,.depth-spine i{transition:none}.world-surface:after{display:none}}.world-surface:focus-visible{outline:2px solid var(--p2);outline-offset:-7px}.motion-orb{position:fixed;z-index:12;right:max(78px,calc(env(safe-area-inset-right) + 62px));bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(2,2,7,.3);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);color:var(--p3);font:24px/1 system-ui;box-shadow:0 12px 40px #00000057;cursor:none}.motion-orb[aria-pressed=true]{background:color-mix(in srgb,var(--p2) 20%,rgba(2,2,7,.5));border-color:var(--p2)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html.mc-reduced-motion *,html.mc-reduced-motion *:before,html.mc-reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.mc-reduced-motion .comet-companion,html.mc-reduced-motion .comet-spark,html.mc-reduced-motion .comet-bloom{display:none!important}@media (pointer:fine){html.mc-reduced-motion,html.mc-reduced-motion body,html.mc-reduced-motion button,html.mc-reduced-motion a,html.mc-reduced-motion [role=button]{cursor:auto!important}}@media (max-width:700px){.motion-orb{right:max(72px,calc(env(safe-area-inset-right) + 60px));width:44px;height:44px}}.map-all-rooms{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;padding:10px 16px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(2,2,7,.58);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--p2);font:11px/1.2 system-ui;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.map-all-rooms:focus-visible{outline:2px solid var(--p2);outline-offset:4px}:root{color-scheme:dark;--bg: #03040a;--ink: #f8fafc;--muted: rgba(248, 250, 252, .67);--dim: rgba(248, 250, 252, .42);--line: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .065);--glass-strong: rgba(255, 255, 255, .105);--pink: #ff4f9a;--blue: #67e8f9;--gold: #fde68a;--violet: #a78bfa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}.gate-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;background:radial-gradient(circle at 50% 30%,rgba(236,72,153,.22),transparent 28%),radial-gradient(circle at 25% 70%,rgba(103,232,249,.18),transparent 32%),radial-gradient(circle at 78% 58%,rgba(253,230,138,.12),transparent 25%),#02030a}.ambient-grid,.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.gate-card{width:min(760px,100%);min-height:min(680px,calc(100vh - 48px));display:grid;align-content:center;justify-items:center;text-align:center;gap:22px;padding:clamp(28px,7vw,72px);border:1px solid var(--line);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),radial-gradient(circle at 50% 50%,rgba(167,139,250,.12),transparent 45%);box-shadow:0 30px 120px #0009,inset 0 0 90px #ffffff0a;position:relative;overflow:hidden}.gate-card:before{content:"";width:min(44vw,320px);height:min(64vw,460px);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(253,230,138,.28),rgba(103,232,249,.18) 32%,rgba(236,72,153,.08) 54%,transparent 72%);filter:blur(1px);opacity:.75;animation:portalBreath 6s ease-in-out infinite}.gate-card>*{position:relative;z-index:1}@keyframes portalBreath{0%,to{transform:translate(-50%,-50%) scale(.94) rotate(-2deg);opacity:.58}50%{transform:translate(-50%,-50%) scale(1.06) rotate(2deg);opacity:.9}}.eyebrow{margin:0;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);font-size:.72rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:760px;font-size:clamp(3.1rem,11vw,8.4rem);line-height:.82;letter-spacing:-.08em;margin-bottom:0;text-wrap:balance}.gate-line{max-width:530px;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.quiet{color:var(--dim);line-height:1.55}.enter-button{width:172px;height:172px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.55),transparent 18%),radial-gradient(circle at 50% 50%,rgba(103,232,249,.24),rgba(236,72,153,.18) 46%,rgba(255,255,255,.05));box-shadow:0 0 60px #67e8f947,inset 0 0 40px #ffffff29;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.enter-button:hover{transform:scale(1.04);box-shadow:0 0 90px #fde68a59,inset 0 0 50px #ffffff38}.enter-button span{letter-spacing:.18em;text-transform:uppercase;font-size:.84rem}.portal-shell{min-height:100vh;padding:18px;position:relative;background:radial-gradient(circle at 15% 15%,rgba(236,72,153,.13),transparent 26%),radial-gradient(circle at 90% 12%,rgba(103,232,249,.14),transparent 28%),radial-gradient(circle at 60% 92%,rgba(253,230,138,.09),transparent 32%),#02030a}.portal-shell.full{--glass: rgba(255,255,255,.09);--line: rgba(255,255,255,.2)}.topline{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;margin:0 auto 18px;max-width:1480px;border:1px solid var(--line);border-radius:999px;background:rgba(2,3,10,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-line{display:flex;gap:16px;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;overflow:auto;white-space:nowrap}.ghost-button,.secondary-action,.primary-action,.save-action,.world-tabs button{border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ghost-button:hover,.secondary-action:hover,.primary-action:hover,.save-action:hover,.world-tabs button:hover{transform:translateY(-1px);background:var(--glass-strong);border-color:#ffffff47}.primary-action{background:linear-gradient(135deg,rgba(236,72,153,.46),rgba(103,232,249,.22));border-color:#ffffff40}.save-action{width:100%;background:linear-gradient(135deg,rgba(253,230,138,.22),rgba(167,139,250,.22))}.hero-world{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px}.canvas-stage,.control-oracle,.map-layer,.artifact-layer,.drop-zone,.aftermath-layer,.engine-layer{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-radius:34px;box-shadow:0 24px 80px #00000059,inset 0 0 60px #ffffff09}.canvas-stage{min-height:clamp(520px,70vh,860px);position:relative;overflow:hidden}.portal-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.floating-title{position:absolute;left:clamp(18px,4vw,54px);bottom:clamp(18px,4vw,54px);max-width:680px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(2,3,10,.44);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-title h2{font-size:clamp(2.4rem,7vw,7.5rem);line-height:.84;letter-spacing:-.07em;margin-bottom:18px}.floating-title p:last-child{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.55;margin-bottom:0}.control-oracle{padding:22px;display:flex;flex-direction:column;gap:18px}blockquote{margin:0;padding:20px;border-left:1px solid var(--gold);color:var(--ink);background:rgba(255,255,255,.045);border-radius:18px;font-size:1.1rem;line-height:1.55}.weather-panel{display:grid;gap:12px}.weather-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.weather-track{height:8px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.weather-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--blue),var(--gold))}.action-row{display:flex;gap:10px}.action-row>*{flex:1}.action-row.wide{max-width:760px}.world-tabs{max-width:1480px;margin:18px auto;display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}.world-tabs button{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.world-tabs button.active{color:var(--ink);background:rgba(255,255,255,.16)}.map-layer,.artifact-layer,.drop-zone,.aftermath-layer,.engine-layer{max-width:1480px;margin:0 auto 48px;padding:clamp(18px,4vw,34px)}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:22px}.section-heading h3{margin-bottom:0;font-size:clamp(1.6rem,4vw,3.4rem);letter-spacing:-.05em}.node-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.capsule-node{min-height:170px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:16px;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--a),transparent 38%),transparent 34%),radial-gradient(circle at 75% 70%,color-mix(in srgb,var(--b),transparent 55%),transparent 42%),rgba(255,255,255,.045);position:relative;overflow:hidden;cursor:pointer}.capsule-node.active{border-color:#fde68ab8;box-shadow:0 0 50px color-mix(in srgb,var(--c),transparent 80%)}.node-orb{position:absolute;width:98px;height:98px;border-radius:999px;right:-22px;top:-20px;background:radial-gradient(circle,var(--c),transparent 67%);opacity:.7}.node-copy{position:relative;z-index:1;display:grid;gap:9px;align-content:end;min-height:132px}.node-copy strong{font-size:1.2rem;letter-spacing:-.03em}.node-copy em{color:var(--muted);font-size:.88rem}.artifact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.artifact-card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;text-align:left;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(150deg,color-mix(in srgb,var(--a),transparent 78%),rgba(255,255,255,.04)),#070915;cursor:pointer}.artifact-card.selected{border-color:var(--gold)}.artifact-glow{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b),transparent 38%),transparent 68%);filter:blur(18px);opacity:.68}.artifact-card strong,.artifact-card span{position:relative;z-index:1}.artifact-card strong{font-size:1.45rem;letter-spacing:-.04em}.artifact-card span{color:var(--muted)}.artifact-type{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--blue)!important}.drop-zone{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}.file-drop{min-height:190px;border:1px dashed rgba(255,255,255,.28);border-radius:28px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.04)}.file-drop input{display:none}.file-drop span{color:var(--muted)}.preview-box{grid-column:1 / -1;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.25);padding:12px}.preview-box img,.preview-box video{width:100%;max-height:420px;object-fit:contain;border-radius:18px}.preview-box audio{width:100%}.field-input,textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.25);color:var(--ink);padding:14px 16px;outline:none}textarea{min-height:150px;resize:vertical;grid-column:1 / -1}.drop-zone .primary-action{grid-column:1 / -1}.archive-list{display:grid;gap:12px}.archive-item{display:grid;grid-template-columns:180px 1fr 120px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045)}.archive-item span,.archive-item em{color:var(--dim)}.archive-item p{grid-column:2 / -1;margin:0;color:var(--muted)}.engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.engine-grid article{min-height:190px;padding:18px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:space-between;gap:20px}.engine-grid strong{font-size:1.2rem;letter-spacing:-.03em}.engine-grid span{color:var(--muted);line-height:1.5}@supports not (background: color-mix(in srgb,red,transparent 50%)){.capsule-node,.artifact-card{background:rgba(255,255,255,.06)}}@media (max-width: 1050px){.hero-world{grid-template-columns:1fr}.control-oracle{order:-1}.node-map,.artifact-grid,.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.portal-shell{padding:10px}.topline{border-radius:22px;align-items:stretch}.status-line{display:none}.hero-world{gap:10px}.canvas-stage{min-height:520px;border-radius:26px}.floating-title{left:12px;right:12px;bottom:12px}.node-map,.artifact-grid,.engine-grid,.drop-zone{grid-template-columns:1fr}.section-heading{display:block}.archive-item{grid-template-columns:1fr}.archive-item p{grid-column:auto}.action-row{flex-direction:column}}:root{--mc-brass:#d7b77c;--mc-moss:#8eaa88;--mc-petrol:#183c35;--mc-line:rgba(222,203,157,.22)}body{background:#070b0a}.gate-screen{background:radial-gradient(ellipse at 50% 48%,#203d35 0,transparent 32rem),radial-gradient(ellipse at 80% 10%,#35232c 0,transparent 30rem),#070b0a}.gate-card{border-radius:3px;border-color:var(--mc-line);background:linear-gradient(135deg,rgba(13,31,27,.9),rgba(8,12,15,.84));box-shadow:0 35px 110px #000b,inset 0 0 90px #8eaa8810}.gate-card:before{width:min(54vw,430px);height:min(68vw,520px);background:url(/mirror-cartographer-ui/art/main-glasshouse.svg) center/cover no-repeat;filter:none;opacity:.64;mix-blend-mode:screen}.enter-button{border-color:#d7b77c99;background:radial-gradient(circle at 50% 45%,#d7b77c55,#183c3555 42%,#07100e 72%);box-shadow:0 0 55px #8eaa8840,inset 0 0 45px #d7b77c22}.portal-shell{background:radial-gradient(ellipse at 60% 10%,#1d3a32 0,transparent 35rem),radial-gradient(ellipse at 12% 70%,#38232d 0,transparent 34rem),#070b0a}.topline{border-radius:3px;border-color:var(--mc-line);background:#07100ee8}.canvas-stage,.control-oracle,.map-layer,.artifact-layer,.drop-zone,.aftermath-layer,.engine-layer{border-radius:3px;border-color:var(--mc-line);background:linear-gradient(145deg,#10231dcc,#09110ff0);box-shadow:0 25px 80px #0008,inset 0 0 60px #b7c9a00a}.canvas-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/mirror-cartographer-ui/art/main-glasshouse.svg) center/cover;opacity:.43;mix-blend-mode:screen;pointer-events:none;z-index:0}.canvas-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,#050a08b8);pointer-events:none;z-index:0}.portal-canvas{z-index:1;mix-blend-mode:screen}.floating-title{z-index:2;border-radius:2px;border-color:#d7b77c55;background:#07100ed9}.control-oracle blockquote{border-left-color:var(--mc-brass);background:#d7b77c0b;border-radius:2px}.world-tabs button,.ghost-button,.secondary-action,.primary-action,.save-action{border-radius:2px}.primary-action{background:linear-gradient(120deg,#8eaa8844,#d7b77c22);border-color:#d7b77c88}.capsule-node,.artifact-card,.engine-grid article{border-radius:2px;background-color:#0d1915;border-color:var(--mc-line)}.capsule-node:after,.artifact-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/mirror-cartographer-ui/art/main-glasshouse.svg);background-size:cover;opacity:.14;mix-blend-mode:screen;pointer-events:none}.system-note{max-width:1480px;margin:0 auto 18px;padding:12px 16px;border:1px solid rgba(253,230,138,.28);border-radius:999px;background:rgba(253,230,138,.08);color:#fef3c7e6;font-size:.82rem;letter-spacing:.04em;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media (max-width: 680px){.system-note{border-radius:18px;text-align:left}}.comet-garden{--comet-core:#fff;--comet-wing:#a891ff;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:9;mix-blend-mode:screen}.comet-seed{position:absolute;left:0;top:0;border-radius:999px;background:radial-gradient(circle,#fff 0 12%,color-mix(in srgb,var(--comet-core) 88%,white) 26%,color-mix(in srgb,var(--comet-wing) 38%,transparent) 56%,transparent 72%);box-shadow:0 0 14px color-mix(in srgb,var(--comet-core) 75%,transparent),0 0 34px color-mix(in srgb,var(--comet-wing) 35%,transparent);will-change:transform,opacity}.comet-garden:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 90deg at 50% 50%,transparent,color-mix(in srgb,var(--comet-core) 3%,transparent),transparent,color-mix(in srgb,var(--comet-wing) 4%,transparent),transparent);animation:comet-field-turn 28s linear infinite}@keyframes comet-field-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.comet-garden{display:none}}:root{--possibility-phase: 0;--possibility-pressure: .34;--possibility-warmth: .5;--possibility-tension: .5;--possibility-x: 50%;--possibility-y: 56%}#root:before,#root:after{content:"";position:fixed;top:-18vmax;right:-18vmax;bottom:-18vmax;left:-18vmax;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;transform:translateZ(0);will-change:transform,opacity}#root:before{background:radial-gradient(circle at var(--possibility-x) var(--possibility-y),rgba(255,226,191,calc(.05 + var(--possibility-warmth) * .08)),transparent 24%),radial-gradient(circle at 76% 18%,rgba(167,243,208,calc(.04 + var(--possibility-pressure) * .06)),transparent 22%),radial-gradient(circle at 62% 78%,rgba(196,181,253,calc(.04 + var(--possibility-tension) * .06)),transparent 28%);mix-blend-mode:screen;opacity:calc(.48 + var(--possibility-pressure) * .24);filter:saturate(calc(.9 + var(--possibility-warmth) * .35));animation:possibility-drift calc(36s - var(--possibility-pressure) * 12s) ease-in-out infinite alternate}#root:after{background:repeating-radial-gradient(ellipse at var(--possibility-x) var(--possibility-y),rgba(255,255,255,calc(.012 + var(--possibility-tension) * .022)) 0,rgba(255,255,255,calc(.012 + var(--possibility-tension) * .022)) 1px,transparent 1px,transparent calc(11px - var(--possibility-pressure) * 3px));-webkit-mask-image:radial-gradient(circle at center,black 0%,rgba(0,0,0,.72) 34%,transparent 74%);mask-image:radial-gradient(circle at center,black 0%,rgba(0,0,0,.72) 34%,transparent 74%);opacity:calc(.16 + var(--possibility-tension) * .28);animation:possibility-breathe calc(24s - var(--possibility-pressure) * 8s) ease-in-out infinite}canvas,button,[role=button],a,input,textarea,select{position:relative;z-index:3}@keyframes possibility-drift{0%{transform:translate3d(-1.5%,-1%,0) rotate(calc(-1deg - var(--possibility-tension) * .4deg)) scale(1);opacity:calc(.42 + var(--possibility-pressure) * .2)}55%{transform:translate3d(1%,.5%,0) rotate(calc(.4deg + var(--possibility-tension) * .5deg)) scale(calc(1.015 + var(--possibility-pressure) * .025));opacity:calc(.54 + var(--possibility-pressure) * .24)}to{transform:translate3d(.5%,1.4%,0) rotate(calc(.7deg + var(--possibility-tension) * .4deg)) scale(calc(1.005 + var(--possibility-pressure) * .018));opacity:calc(.48 + var(--possibility-pressure) * .2)}}@keyframes possibility-breathe{0%,to{transform:scale(calc(.98 + var(--possibility-pressure) * .012)) rotate(calc(-.5deg + var(--possibility-tension) * .2deg));opacity:calc(.12 + var(--possibility-tension) * .2)}50%{transform:scale(calc(1.008 + var(--possibility-pressure) * .022)) rotate(calc(.2deg + var(--possibility-tension) * .35deg));opacity:calc(.2 + var(--possibility-tension) * .28)}}@media (max-width: 680px){#root:before,#root:after{top:-10vmax;right:-10vmax;bottom:-10vmax;left:-10vmax}#root:before{opacity:calc(.4 + var(--possibility-pressure) * .18);animation-duration:34s}#root:after{opacity:calc(.12 + var(--possibility-tension) * .2);animation-duration:20s}}@media (prefers-reduced-motion: reduce){#root:before,#root:after{animation:none;will-change:auto}}:root{--mc-void:#0b0d0b;--mc-coal:#111510;--mc-panel:#151a15;--mc-panel-2:#1a211a;--mc-ink:#e8e1d1;--mc-muted:#aaa493;--mc-dim:#77796c;--mc-line:rgba(190,171,128,.24);--mc-brass:#b49a6d;--mc-bone:#d9c9a6;--mc-moss:#78866b;--mc-water:#607b77;--mc-rust:#8c5c4d;--mc-glow:rgba(170,151,105,.13);color-scheme:dark}html,body,#root{background:var(--mc-void);color:var(--mc-ink)}body{font-family:Georgia,Times New Roman,serif;background:radial-gradient(ellipse at 50% 8%,rgba(100,119,91,.12),transparent 42%),radial-gradient(ellipse at 85% 78%,rgba(95,113,105,.07),transparent 34%),var(--mc-void)}::selection{background:rgba(180,154,109,.34);color:#fff4dd}button,input,textarea,select{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:1px solid var(--mc-bone)!important;outline-offset:4px!important}a{color:var(--mc-bone)}.room-world{background:radial-gradient(ellipse at 50% 50%,rgba(109,126,100,.13),transparent 54%),radial-gradient(ellipse at 50% 110%,rgba(137,112,76,.09),transparent 55%),#0b0d0b!important}.world-surface:after{background:radial-gradient(circle 130px at var(--px) var(--py),rgba(206,190,151,.09),transparent 74%),repeating-radial-gradient(ellipse at 50% 50%,rgba(206,190,151,.018) 0 1px,transparent 1px 17px)!important;mix-blend-mode:screen;opacity:.7}.world-map-button,.sound-orb,.motion-orb{border:1px solid rgba(190,171,128,.38)!important;border-radius:2px!important;background:rgba(13,17,13,.72)!important;color:var(--mc-bone)!important;box-shadow:0 12px 38px #0008,inset 0 0 18px #beab8009!important}.world-map-button{width:52px;height:52px;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.world-map-button span{font-size:23px;text-shadow:0 0 16px var(--mc-brass)}.sound-orb i{background:var(--mc-moss)!important;box-shadow:0 0 8px var(--mc-moss)!important}.motion-orb{color:var(--mc-moss)!important}.room-sigil>i{border-color:var(--mc-brass)!important;box-shadow:0 0 20px #b49a6d4d!important;background:radial-gradient(circle,var(--mc-bone),transparent 65%)!important;clip-path:none!important;border-radius:50%!important}.room-sigil b{background:var(--mc-brass)!important;box-shadow:0 0 6px var(--mc-brass)!important}.depth-spine i{border-radius:0!important;border-color:#beab8052!important}.depth-spine i.lit{background:var(--mc-brass)!important;border-color:var(--mc-bone)!important;box-shadow:0 0 9px var(--mc-brass),0 0 18px #b49a6d4d!important}.completion-portal:before,.completion-portal:after,.completion-portal i{border-color:var(--mc-brass)!important;box-shadow:0 0 24px #b49a6d52,inset 0 0 25px #78866b26!important}.completion-portal i{background:radial-gradient(circle,var(--mc-bone),transparent 70%)!important}.portal-map{background:radial-gradient(ellipse at 50% 42%,rgba(77,91,68,.36),transparent 50%),repeating-linear-gradient(135deg,rgba(190,171,128,.018) 0 1px,transparent 1px 13px),rgba(9,12,9,.97)!important}.portal{border-radius:2px!important;border-color:#beab8026!important}.portal.open{box-shadow:inset 0 0 18px #b49a6d1a!important}.portal.open:hover,.portal.open:focus-visible{background:rgba(180,154,109,.13)!important;box-shadow:0 0 26px #b49a6d38!important}.map-close,.map-all-rooms{border-radius:2px!important;border-color:var(--mc-line)!important;background:#111711!important;color:var(--mc-bone)!important}.mc-page,.wrap,.page-shell{position:relative}.eyebrow,.kicker,.num,.brand,.quiet,.readout,.pill,.btn,.back,.nav,.sound-state{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.13em}h1,h2,h3,.hero h1,.heading h2,.room strong,.instrument h3{font-family:Georgia,Times New Roman,serif!important;font-weight:400!important;letter-spacing:-.045em}h1 em,h1 i,.hero h1 i{color:var(--mc-bone)!important}.eyebrow,.kicker{color:var(--mc-brass)!important}p,.lead,.subtle{color:var(--mc-muted)}.top,header{background:rgba(11,14,11,.86)!important;border-color:var(--mc-line)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.top .brand{color:var(--mc-ink)!important}.pill,.btn,.sound-state,.control-row button,.actions button{border:1px solid var(--mc-line)!important;border-radius:2px!important;background:#151b15!important;color:var(--mc-ink)!important;box-shadow:inset 0 0 20px #beab8006;transition:background .22s,border-color .22s,transform .22s}.pill:hover,.btn:hover,.control-row button:hover,.actions button:hover{background:#222a20!important;border-color:var(--mc-brass)!important;transform:translateY(-2px)}.pill.primary,.btn.primary{background:#b49a6d!important;color:#151710!important;border-color:#cbb58b!important}.room,.instrument,.result,.list a,.lens,.detail,.map,.entry,.node,.gate-card,.portal-shell{border-radius:2px!important;border-color:var(--mc-line)!important;background-color:#141a14db!important;box-shadow:inset 0 1px #e6d7b409,0 18px 50px #00000029}.room{background-image:linear-gradient(145deg,rgba(105,121,91,.11),transparent 58%),linear-gradient(0deg,#0e130f,#171d17)!important}.room:before{opacity:.55;filter:saturate(.55)}.room:hover{border-color:#beab80b3!important;transform:translateY(-3px)}.instrument,.detail,.lens,.entry,.result{background:linear-gradient(145deg,rgba(28,36,28,.95),rgba(14,18,14,.96))!important}.section,.rule{border-color:var(--mc-line)!important}.hero:after{opacity:.36!important;filter:grayscale(.4) sepia(.12)}input,textarea,select{border-radius:2px!important;border-color:var(--mc-line)!important;background:#0d120e!important;color:var(--mc-ink)!important}input::placeholder,textarea::placeholder{color:#77796c!important}footer{border-color:var(--mc-line)!important;color:var(--mc-dim)!important}@media (max-width:700px){.world-map-button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.orbit{border-color:#beab806b!important;background:radial-gradient(circle,rgba(105,124,96,.17),rgba(20,28,20,.08) 48%,transparent 68%)!important;box-shadow:0 0 100px #aa97691a,inset 0 0 90px #aa97690b!important}.orbit:before,.orbit:after{border-color:#beab8057!important}.core{background:radial-gradient(circle at 35% 30%,#d9c9a6,#a58b5f 68%,#343b2c)!important;color:#171a13!important;box-shadow:0 0 48px #b49a6d38!important}.orbit-node{border-radius:2px!important;border-color:#beab807a!important;background:rgba(15,20,15,.94)!important;color:#d9c9a6!important;box-shadow:0 0 24px #b49a6d12!important}.orbit-node:hover,.orbit-node.active{background:#b49a6d!important;color:#141810!important;box-shadow:0 0 28px #b49a6d3d!important}.room:nth-child(3n+2),.room:nth-child(3n){background-color:#141a14!important}.instrument h3,.room strong{color:#e8e1d1!important}.hero .subtle{color:#b7b09f!important}.heading p,.instrument p,.room span{color:#a7a493!important}.top .nav a:hover,.list a:hover{color:#d9c9a6!important}.searchrow input:focus,.searchrow select:focus{border-color:#b49a6d!important;outline:1px solid rgba(180,154,109,.4)!important}body{background-image:repeating-linear-gradient(117deg,transparent 0 37px,rgba(190,171,128,.012) 38px,transparent 39px 76px),radial-gradient(ellipse at 12% 8%,rgba(120,134,107,.08),transparent 36%),radial-gradient(ellipse at 92% 84%,rgba(96,123,119,.065),transparent 32%)}.top{box-shadow:0 1px #d9c9a609,0 14px 36px #0000001f}.hero{position:relative}.hero:before{content:"";position:absolute;left:0;top:15%;height:58%;width:1px;background:linear-gradient(transparent,var(--mc-line),transparent);pointer-events:none}.section{position:relative}.section:before{content:"";position:absolute;left:0;top:-1px;width:clamp(42px,8vw,110px);height:1px;background:var(--mc-brass);opacity:.6}.room:after,.instrument:after{content:"";position:absolute;pointer-events:none;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(190,171,128,.045)}.room{isolation:isolate}.room small{color:var(--mc-brass)!important}.room:hover{box-shadow:inset 0 0 0 1px #d9c9a60f,0 20px 54px #00000042!important}.orbit{overflow:hidden}.orbit:after{border-style:solid!important;opacity:.55}.orbit-node{clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)}@media (max-width:700px){.hero:before{display:none}.room:after,.instrument:after{top:5px;right:5px;bottom:5px;left:5px}}body[data-mode=carnival]{--bg:#100d10!important;--ink:#e8d7c0!important;background:radial-gradient(ellipse at 50% 28%,rgba(111,53,72,.24),transparent 48%),repeating-linear-gradient(90deg,rgba(180,154,109,.018) 0 1px,transparent 1px 64px),linear-gradient(180deg,#21131c 0%,#100d10 58%,#08090a 100%)!important;color:#e8d7c0!important}body[data-mode=carnival] canvas{filter:saturate(.72) contrast(1.08)}body[data-mode=carnival] .ui{padding:clamp(16px,3.5vw,48px)!important;background:linear-gradient(180deg,rgba(8,7,9,.46),transparent 30%,transparent 65%,rgba(8,7,9,.72))}body[data-mode=carnival] .top{align-items:flex-start}body[data-mode=carnival] .tag{color:#b49a6d!important;letter-spacing:.28em!important;text-shadow:0 1px #080608}body[data-mode=carnival] .title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif!important;font-size:clamp(42px,9.8vw,112px)!important;line-height:.82!important;letter-spacing:-.045em!important;color:#e8d7c0!important;text-shadow:1px 1px 0 #a86f70,3px 4px 0 #3c202f,7px 8px 0 rgba(0,0,0,.48)!important;transform:rotate(-1.2deg);transform-origin:left center}body[data-mode=carnival] .copy{max-width:340px!important;color:#c0a99d!important;font-family:Georgia,serif!important;font-style:italic;line-height:1.65!important;border-left:1px solid rgba(180,154,109,.42);padding-left:12px}body[data-mode=carnival] .pill{border:1px solid rgba(180,154,109,.52)!important;border-radius:1px!important;color:#d9c9a6!important;background:rgba(34,17,29,.82)!important;box-shadow:3px 3px #a86f7029!important;transform:rotate(2deg)}body[data-mode=carnival] .controls button,body[data-mode=carnival] .mc-home{border:1px solid rgba(180,154,109,.5)!important;border-radius:1px!important;color:#e8d7c0!important;background:rgba(24,15,21,.9)!important;box-shadow:3px 3px #4b2435cc,inset 0 0 0 1px #d9c9a609!important;padding:12px 15px!important;text-transform:uppercase;letter-spacing:.1em;font-size:10px!important}body[data-mode=carnival] .controls button:hover,body[data-mode=carnival] .mc-home:hover{background:#3c202f!important;border-color:#d9c9a6!important;transform:translate(-1px,-1px) rotate(-.6deg)}body[data-mode=carnival] .note{color:#9c877f!important;font-family:Georgia,serif;font-style:italic}body[data-mode=carnival] .mc-intensity,body[data-mode=carnival] .mc-key-hint{color:#b49a6d!important}body[data-mode=carnival] input[type=range]{accent-color:#a86f70}body[data-mode=carnival] button:focus-visible,body[data-mode=carnival] a:focus-visible,body[data-mode=carnival] input:focus-visible{outline:1px dashed #d9c9a6!important;outline-offset:5px!important}@media (max-width:650px){body[data-mode=carnival] .title{font-size:clamp(42px,14vw,78px)!important}body[data-mode=carnival] .copy{max-width:290px!important}body[data-mode=carnival] .bottom{gap:12px}}@media (prefers-reduced-motion:reduce){body[data-mode=carnival] .title{transform:none}}.card,.cards .card,.grid .card{position:relative;border-radius:2px!important;border-color:var(--mc-line)!important;background-color:#111510!important;box-shadow:inset 0 1px #e6d7b409,0 16px 42px #0003!important}.card:after,.cards .card:after,.grid .card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(190,171,128,.07);pointer-events:none}.card:hover,.cards .card:hover,.grid .card:hover{border-color:#beab80b8!important;box-shadow:inset 0 0 24px #b49a6d0d,0 22px 50px #0000004d!important}.card .name,.card strong,.cards .card strong,.grid .card .name{color:var(--mc-ink)!important}.card .n,.card .verb,.cards .card small,.grid .card .verb{color:var(--mc-muted)!important}.grid .card:nth-child(4){background:radial-gradient(ellipse at 80% 12%,rgba(168,111,112,.17),transparent 54%),linear-gradient(150deg,#21141d,#100d10)!important;border-color:#b49a6d47!important}.grid .card:nth-child(4):before{content:"";position:absolute;right:14px;top:14px;width:42px;height:42px;border:1px solid rgba(180,154,109,.38);border-radius:50%;box-shadow:inset 0 0 0 7px #a86f7012,inset 0 0 0 14px #b49a6d0a;pointer-events:none}