:root{color:#1d160b;--ink:#1d160b;--muted:#6f6048;--paper:#fff6df;--wall:#2c2113;--glow:#ff7a3d;--gold:#ffcd57;--mint:#6ee7b7;--blue:#61a5ff;--pink:#ff6fae;--room-a:#ffe8a8;--room-b:#ffd18d;--shadow:0 24px 70px #4d2d0a3d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4e6c7;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 14% 12%,#ff7a3d47,#0000 25%),radial-gradient(circle at 86% 18%,#61a5ff3d,#0000 24%),linear-gradient(135deg,#f8eccf 0%,#f3d19c 46%,#e9a96c 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.world{grid-template-rows:auto 1fr;gap:18px;width:min(1180px,100% - 28px);min-height:100vh;margin:0 auto;padding:24px 0 30px;display:grid}.skyline{justify-content:space-between;align-items:end;gap:24px;display:flex}.brand{border:2px solid var(--ink);background:var(--mint);width:fit-content;box-shadow:4px 4px 0 var(--ink);letter-spacing:.2em;text-transform:uppercase;border-radius:999px;margin:0 0 10px;padding:7px 12px;font-size:.78rem;font-weight:900}h1{letter-spacing:-.08em;max-width:760px;margin:0;font-size:clamp(3rem,8vw,7.8rem);line-height:.82}.promise{max-width:310px;color:var(--muted);margin:0 0 8px;font-size:clamp(1rem,2vw,1.22rem);font-weight:750;line-height:1.22}.carving-stage{border:4px solid var(--ink);background:linear-gradient(90deg, #1d160b0e 1px, transparent 1px) 0 0 / 34px 34px, linear-gradient(0deg, #1d160b0b 1px, transparent 1px) 0 0 / 34px 34px, var(--paper);min-height:650px;box-shadow:var(--shadow), 10px 10px 0 var(--ink);border-radius:42px;padding:clamp(16px,3vw,34px);position:relative;overflow:hidden}.stage-glow{pointer-events:none;filter:blur(10px);background:radial-gradient(circle,#ff7a3d4d,#0000 68%);height:46%;position:absolute;inset:auto -8% -34% 22%}.prefix-rail{z-index:2;border:3px solid var(--ink);background:#fffaf0;border-radius:24px;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:16px;padding:14px 16px 18px;display:grid;position:relative;box-shadow:6px 6px #1d160bf2}.rail-title{background:var(--ink);color:#fff6df;letter-spacing:.07em;text-transform:uppercase;border-radius:15px;padding:9px 12px;font-size:.88rem;font-weight:950}.rail-marks{color:var(--muted);grid-column:2;justify-content:space-between;margin-top:-6px;font-size:.76rem;font-weight:900;display:flex}input[type=range]{appearance:none;cursor:grab;background:0 0;width:100%;height:20px;margin:0}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{border:3px solid var(--ink);background:linear-gradient(90deg, var(--gold), var(--glow), var(--pink));border-radius:999px;height:14px}input[type=range]::-moz-range-track{border:3px solid var(--ink);background:linear-gradient(90deg, var(--gold), var(--glow), var(--pink));border-radius:999px;height:14px}input[type=range]::-webkit-slider-thumb{appearance:none;border:4px solid var(--ink);width:34px;height:34px;box-shadow:0 0 0 7px #ff7a3d33, 4px 4px 0 var(--ink);background:#fff6df;border-radius:50%;margin-top:-12px}input[type=range]::-moz-range-thumb{border:4px solid var(--ink);width:28px;height:28px;box-shadow:0 0 0 7px #ff7a3d33, 4px 4px 0 var(--ink);background:#fff6df;border-radius:50%}.address-space{z-index:1;border:5px solid var(--ink);background:linear-gradient(180deg, #ffffffbd, transparent 44%), repeating-linear-gradient(90deg, var(--room-a) 0 22px, var(--room-b) 22px 44px);height:clamp(330px,48vh,520px);box-shadow:inset 0 -28px 0 #1d160b14, 8px 8px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:36px;margin:clamp(34px,7vw,70px) 8px 26px;position:relative}.space-label{z-index:5;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffaf0;border-radius:14px;padding:8px 10px;font-weight:950;position:absolute;left:18px}.space-label.top{top:16px}.space-label.bottom{bottom:16px}.rooms{border-radius:29px;display:flex;position:absolute;inset:0;overflow:hidden}.room{border:0;border-right:clamp(2px, calc(var(--cut-depth) * .8px), 6px) solid #1d160bd1;background:radial-gradient(circle at 50% 24%,#ffffff7a,#0000 24%),linear-gradient(#ffffff1a,#1d160b0f);min-width:4px;transition:background .18s,transform .18s;position:relative}.room:last-child{border-right:0}.room:before{content:"";background:#ffffff24;border-radius:999px;position:absolute;inset:20% 12%}.room.active{background:radial-gradient(circle at 50% 32%,#6ee7b7f2,#0000 30%),linear-gradient(#6ee7b78a,#61a5ff80);box-shadow:inset 0 0 0 5px #1d160b80,inset 0 0 45px #ffffffb3}.room:hover{transform:translateY(-4px)}.room-range,.room-dot{color:#1d160bbf;pointer-events:none;justify-content:space-between;align-items:center;font-size:clamp(.68rem,1.6vw,.88rem);font-weight:950;display:flex;position:absolute;bottom:12px;left:8px;right:8px}.room-range i{background:#1d160b42;border-radius:999px;flex:1;height:3px;margin:0 7px}.room-dot{transform-origin:50%;white-space:nowrap;justify-content:center;transform:rotate(-90deg)}.blade{z-index:8;border-left:7px solid var(--glow);filter:drop-shadow(0 0 16px #ff7a3df2);pointer-events:none;width:0;height:calc(100% + 108px);transition:left .17s;position:absolute;top:-54px;transform:translate(-50%)}.blade:before{content:"";clip-path:polygon(50% 0,100% 78%,50% 100%,0 78%);border:4px solid var(--ink);background:var(--glow);width:38px;height:46px;position:absolute;top:0;left:-22px}.blade span{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffaf0;border-radius:15px;padding:9px 12px;font-weight:1000;position:absolute;top:-2px;left:30px}.host-bead{z-index:12;border:5px solid var(--ink);background:radial-gradient(circle at 35% 25%, #fff 0 11%, transparent 12%), var(--pink);width:70px;height:70px;box-shadow:0 16px 0 #1d160b29, 6px 6px 0 var(--ink), 0 0 0 12px #ff6fae29;color:#fffaf0;border-radius:50%;outline:0;place-items:center;font-size:1.02rem;font-weight:1000;transition:left 90ms linear,transform .16s;display:grid;position:absolute;top:48%;transform:translate(-50%,-50%)}.host-bead:focus-visible{box-shadow:0 16px 0 #1d160b29, 6px 6px 0 var(--ink), 0 0 0 14px #61a5ff61}.host-bead:hover{transform:translate(-50%,-56%)scale(1.04)}.host-rail{z-index:2;grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid;position:relative}.host-rail button{border:3px solid var(--ink);background:var(--blue);min-height:48px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);text-transform:uppercase;border-radius:18px;padding:0 16px;font-weight:950}.host-rail button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.readout{z-index:2;grid-template-columns:minmax(220px,auto) 1fr;align-items:stretch;gap:16px;margin-top:22px;display:grid;position:relative}.readout-main,.readout p,.mini-map{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffaf0;border-radius:24px}.readout-main{gap:8px;padding:16px;display:grid}.readout-main span{color:var(--muted);font-size:.95rem;font-weight:900}.readout-main strong{font-size:clamp(1.35rem,3vw,2.15rem);line-height:.96}.readout p{color:var(--muted);margin:0;padding:16px 18px;font-size:clamp(.98rem,1.8vw,1.2rem);font-weight:800;line-height:1.3}.mini-map{z-index:2;grid-template-columns:repeat(8,minmax(24px,1fr));gap:8px;margin-top:18px;padding:12px;display:grid;position:relative}.mini-map span{border:3px solid var(--ink);min-height:48px;box-shadow:3px 3px 0 var(--ink);border-radius:14px;place-items:center;font-weight:1000;display:grid}.mini-map .locked{background:var(--mint)}.mini-map .loose{background:var(--gold);animation:1.8s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-1.5deg)}}@media (width<=760px){.world{width:min(100% - 18px,1180px);padding-top:14px}.skyline,.readout,.prefix-rail,.host-rail{grid-template-columns:1fr}.skyline{display:grid}.promise{max-width:none}.carving-stage{min-height:640px;box-shadow:6px 6px 0 var(--ink);border-radius:30px}.rail-marks{grid-column:1}.address-space{height:360px;margin-inline:0}.host-bead{width:58px;height:58px;font-size:.9rem}.space-label{font-size:.78rem}.mini-map{gap:5px;padding:8px}.mini-map span{border-width:2px;min-height:40px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}