:root{font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;color:#132349;background:radial-gradient(circle at top left,#dbe7ff,transparent 34%),radial-gradient(circle at bottom right,#fff0cc,transparent 28%),linear-gradient(180deg,#f4f7ff,#f9fbff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid rgba(45,121,255,.45);outline-offset:2px}#root{min-height:100vh}p{line-height:1.7}.app-shell{width:min(100%,520px);margin:0 auto;padding:18px 14px 42px}.hero-card,.summary-card,.board-card,.controls-card,.stepper-card,.path-card,.inventory-group,.path-empty{border:1px solid rgba(62,97,172,.12);background:#ffffffd6;box-shadow:0 20px 44px #101f481c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card,.board-card,.controls-card,.inventory-group{border-radius:28px;padding:18px}.hero-card{position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero-card:before{left:-44px;top:-28px;width:180px;height:180px;background:radial-gradient(circle,rgba(96,154,255,.24),transparent 68%)}.hero-card:after{right:-50px;bottom:-48px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,196,92,.28),transparent 70%)}.hero-kicker,.section-kicker,.summary-card span,.stepper-card span{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4d67b6}.hero-card h1,.section-head h2,.inventory-group h2,.summary-card strong,.path-card strong,.stepper-card strong,.route-editor strong,.inventory-row strong{margin:0;color:#192b59}.hero-card h1{margin-top:8px;font-size:clamp(2.3rem,12vw,4.2rem);line-height:.95;letter-spacing:-.06em}.hero-card p,.section-head p,.summary-card p,.board-note,.path-card p,.inventory-row p,.path-empty{color:#5b6b8b}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.summary-card{min-height:122px;padding:14px;border-radius:24px}.summary-card strong{display:block;margin-top:6px;font-size:1.64rem}.summary-card.voltage{background:linear-gradient(135deg,#dfeafe,#9bc8ff)}.summary-card.current{background:linear-gradient(135deg,#fff1ca,#ffc878)}.summary-card.brightness{background:linear-gradient(135deg,#fff9d0,#ffe169)}.summary-card.count{background:linear-gradient(135deg,#e0f7ef,#9de4cb)}.board-card,.controls-card,.path-grid,.inventory-card{margin-top:14px}.section-head{display:grid;gap:12px}.section-head h2{margin-top:6px;font-size:1.5rem}.ghost-button{justify-self:start;padding:11px 14px;border:0;border-radius:999px;background:#1b58ca;color:#fff;font-weight:800}.route-editor{display:grid;gap:12px;margin-top:16px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#e9f1ffeb,#fff9ecf0)}.route-editor-group{display:grid;gap:8px}.route-chip-row{display:flex;flex-wrap:wrap;gap:8px}.route-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:999px;font-weight:800;color:#1c2d59}.route-chip span{width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#ffffffc2}.route-chip.is-add{box-shadow:inset 0 0 0 1px #ffffff5c}.empty-state{font-size:.88rem;color:#667691}.board-stage{position:relative;margin-top:14px;aspect-ratio:390 / 470;overflow:hidden;border-radius:30px;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 32%),linear-gradient(180deg,#f0f7ff,#e0edff)}.board-svg{display:block;width:100%;height:100%}.board-surface{fill:transparent}.board-blob{fill:#ffffff8c}.board-blob.warm{fill:#ffe59657}.wire-track,.wire-glow,.wire-live{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-track{stroke:#cfdbef;stroke-width:14}.wire-track.is-inactive{stroke:#c1cde580;stroke-dasharray:8 10}.wire-live{stroke:#5a8eff}.wire-glow{stroke:#5a8eff47}.outer{stroke:#4f89ff;background:#4f89ff21}.route-a{stroke:#ff8a5c;background:#ff8a5c24}.route-b{stroke:#26c3a1;background:#26c3a124}.route-c{stroke:#f5bf2d;background:#f5bf2d29}.route-d{stroke:#7a7cff;background:#7a7cff24}.particle-outer,.particle-route-a,.particle-route-b,.particle-route-c,.particle-route-d{filter:drop-shadow(0 0 8px rgba(74,113,214,.4))}.particle-outer{fill:#4f89ff}.particle-route-a{fill:#ff8a5c}.particle-route-b{fill:#26c3a1}.particle-route-c{fill:#f5bf2d}.particle-route-d{fill:#7a7cff}.junction-dot{fill:#fff;stroke:#7090d6;stroke-width:3}.board-note{margin:12px 0 0;font-size:.9rem;line-height:1.6}.board-battery,.board-bulb{position:absolute;z-index:2;border:0;background:transparent;padding:0;touch-action:none}.board-battery{width:92px;height:40px;transform:translate(-50%,-50%) rotate(var(--angle));animation:battery-float 2.8s ease-in-out infinite;animation-delay:var(--delay)}.board-battery.is-dragging,.board-bulb:active{z-index:4}.battery-core{position:absolute;inset:0;filter:drop-shadow(0 12px 22px rgba(17,28,54,.18))}.battery-cap-shell,.battery-cap-ring,.battery-body,.battery-band{position:absolute}.battery-cap-shell{left:0;top:4px;width:20px;height:32px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,#7d7d7d,#b2b2b2)}.battery-cap-ring{left:6px;top:9px;width:11px;height:22px;border-radius:999px;background:linear-gradient(180deg,#eceef3,#cfd5df);box-shadow:inset 0 0 0 2px #7d7d7d59}.battery-body{position:absolute;inset:4px 0 4px 16px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,#ffffff29,#fff0 38%),linear-gradient(90deg,#404040,#5b5b5b 55%,#4a4a4a)}.battery-band{left:20px;right:2px;height:6px;border-radius:999px;background:#ea9300}.battery-band.top{top:4px}.battery-band.bottom{bottom:4px}.battery-text{position:absolute;font-weight:900}.battery-text.label{left:34px;top:14px;color:#ffffff61;font-size:.36rem;letter-spacing:.06em}.battery-text.plus,.battery-text.minus{top:10px;font-size:.84rem;text-shadow:0 1px 0 rgba(0,0,0,.08)}.battery-text.plus{left:30px;color:#f3f4f7}.battery-text.minus{right:14px;color:#f3f6fc}.board-bulb{width:72px;height:102px;transform:translate(-50%,-74%);animation:bulb-hover var(--pulse-speed) ease-in-out infinite;animation-delay:var(--float-delay)}.board-bulb:not(.is-active){opacity:.45}.bulb-aura{position:absolute;inset:4px 6px auto;height:64px;border-radius:999px;background:radial-gradient(circle,rgba(255,238,158,.95),rgba(255,238,158,.18) 58%,transparent 72%);transform:scale(var(--glow-scale));opacity:var(--glow-opacity);filter:blur(var(--halo-blur));animation:aura-pulse var(--pulse-speed) ease-in-out infinite}.bulb-ray{position:absolute;left:50%;top:28px;width:5px;height:20px;margin-left:-2.5px;border-radius:999px;background:linear-gradient(180deg,rgba(255,235,147,.95),transparent 100%);opacity:var(--ray-opacity);transform-origin:center 28px;animation:ray-flicker var(--pulse-speed) ease-in-out infinite}.ray-1{transform:rotate(0) translateY(-26px) scaleY(var(--ray-scale))}.ray-2{transform:rotate(60deg) translateY(-26px) scaleY(var(--ray-scale))}.ray-3{transform:rotate(120deg) translateY(-26px) scaleY(var(--ray-scale))}.ray-4{transform:rotate(180deg) translateY(-26px) scaleY(var(--ray-scale))}.ray-5{transform:rotate(240deg) translateY(-26px) scaleY(var(--ray-scale))}.ray-6{transform:rotate(300deg) translateY(-26px) scaleY(var(--ray-scale))}.bulb-stem{position:absolute;left:calc(50% - 2px);bottom:8px;width:4px;height:28px;border-radius:999px;background:linear-gradient(180deg,#6e81b72e,#6b81b7)}.bulb-glass{position:absolute;left:50%;top:8px;width:42px;height:50px;transform:translate(-50%) scale(var(--bulb-scale));border-radius:28px 28px 24px 24px;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.92),transparent 30%),radial-gradient(circle at 50% 46%,#ffec94e0,#ffce4d5c 55%,#bfd6ffc7);box-shadow:inset 0 0 0 2px #ffffffbd,0 0 var(--glow-size) rgba(255,214,79,calc(.14 + var(--brightness) * .36)),0 12px 22px #324e9224;filter:saturate(calc(.7 + var(--brightness) * .95)) brightness(calc(.78 + var(--brightness) * .74))}.board-bulb:not(.is-active) .bulb-glass{background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.92),transparent 30%),radial-gradient(circle at 50% 46%,#dbe7fff2,#c2d2f4b8 58%,#b5c8eeeb);box-shadow:inset 0 0 0 2px #ffffff9e,0 8px 14px #324e9214;filter:saturate(.8) brightness(.84)}.bulb-filament{position:absolute;left:50%;top:22px;width:14px;height:8px;transform:translate(-50%);border-bottom:3px solid #7d5318;border-radius:0 0 10px 10px}.bulb-filament:before,.bulb-filament:after{content:"";position:absolute;bottom:-1px;width:2px;height:10px;background:#7d5318}.bulb-filament:before{left:2px}.bulb-filament:after{right:2px}.bulb-shine{position:absolute;left:8px;top:8px;width:9px;height:14px;border-radius:999px;background:#ffffffa3;transform:rotate(-18deg)}.bulb-base{position:absolute;left:50%;top:55px;width:22px;height:20px;transform:translate(-50%);border-radius:0 0 12px 12px;background:linear-gradient(180deg,#e2e5ef,#9aa8c8),repeating-linear-gradient(180deg,transparent,transparent 4px,rgba(65,80,122,.18) 4px,rgba(65,80,122,.18) 6px)}.controls-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stepper-card{padding:14px;border-radius:22px;background:linear-gradient(135deg,#e6effff5,#fff9ecf2)}.stepper{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.stepper button{width:42px;height:42px;border:0;border-radius:14px;background:#1d58c9;color:#fff;font-size:1.16rem;font-weight:800}.stepper strong{font-size:1.6rem}.path-grid{display:grid;gap:10px}.path-card,.path-empty{border-radius:22px;padding:14px}.path-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.path-card span{font-weight:800;color:#4f648d}.path-card strong{font-size:1.42rem}.inventory-card,.inventory-group{display:grid;gap:10px}.inventory-group h2{font-size:1.1rem}.inventory-row{display:grid;gap:6px;padding:12px 14px;border-radius:18px;background:#f1f6ffeb}.zone-chip{justify-self:start;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:800;color:#29427e}.glow-meter{--meter: 0;margin-top:2px;height:12px;border-radius:999px;background:#ffffffbd;overflow:hidden}.glow-meter span{display:block;width:calc(var(--meter) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd34d,#ff8a5c 46%,#7a7cff);box-shadow:0 0 14px #ffb83d5c}.glow-meter.large{margin-top:14px}@keyframes battery-float{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes bulb-hover{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes aura-pulse{0%,to{transform:scale(calc(var(--glow-scale) * .94));opacity:calc(var(--glow-opacity) * .9)}50%{transform:scale(calc(var(--glow-scale) * 1.04));opacity:var(--glow-opacity)}}@keyframes ray-flicker{0%,to{opacity:calc(var(--ray-opacity) * .76)}50%{opacity:var(--ray-opacity)}}@media(min-width:760px){.app-shell{width:min(100%,920px);padding-inline:20px}.section-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.route-editor,.controls-card,.path-grid,.inventory-card{grid-template-columns:repeat(2,minmax(0,1fr))}}