:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5e7d2;--bg-panel:#140e0be6;--bg-panel-soft:#1c130fd1;--border-soft:#ffc49133;--text-muted:#ccb193;--text-dim:#9f8468;--text-strong:#f5e7d2;--line-cold:#89cdff38;--cyan:#4be2ff;--magenta:#ff4ec4;--mix:#b07dff;--danger:#ff8b93;--shadow-panel:0 24px 70px #00000073;background:#0f0b09;font-family:Share Tech Mono,monospace;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text-strong);background:radial-gradient(circle at 14% 14%,#ffb36e1c,#0000 22%),radial-gradient(circle at 84% 12%,#4be2ff17,#0000 20%),radial-gradient(circle at 50% 120%,#cc75403d,#0000 42%),linear-gradient(#120d0a 0%,#1d1410 48%,#090706 100%);font-family:Share Tech Mono,monospace;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.11;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 8px)}body:after{opacity:.13;background:radial-gradient(circle at 22% 32%,#ffffff0a 0 2px,#0000 3px) 0 0/34px 34px,radial-gradient(circle at 76% 54%,#ffffff09 0 1px,#0000 2px) 0 0/26px 26px}button{cursor:pointer}button,select{font:inherit}.app-shell{min-height:100vh;padding:clamp(8px,1.2vw,16px);transition:background .22s}.app-shell--win{background:radial-gradient(circle at top,#5fffaf24,#0000 30%),radial-gradient(circle at 80% 10%,#ff43b429,#0000 25%)}.eyebrow,.panel-label,.stat-label,.legend-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin:0;font-size:.7rem}h1,h2,h3,p{margin:0}h2{margin-top:4px;font-size:1.15rem}h1,h2,h3,.block-window__label,.status-chip,.help-button,.control-button{font-family:Orbitron,sans-serif}.board-page{--board-max-size:calc(100dvh - 170px);gap:12px;width:min(1600px,96vw);margin:0 auto;display:grid}.board-toolbar{justify-content:flex-end;align-items:center;display:flex}.board-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.board-topbar{width:min(100%, var(--board-max-size));border:1px solid var(--border-soft);box-shadow:var(--shadow-panel);background:linear-gradient(#241812c7,#110c0adb),linear-gradient(145deg,#ffffff0b,#0000 42%);border-radius:20px;justify-items:center;gap:10px;margin-inline:auto;padding:10px 10px 8px;display:grid}.board-topbar__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.board-topbar__title{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.1rem,2.6vw,1.6rem)}.board-topbar__nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.board-topbar__link{justify-content:center;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}.board-topbar__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.board-topbar__message{text-align:center;max-width:min(780px,100%);margin-top:10px}.block-window{border:1px solid var(--border-soft);background:linear-gradient(#261913d9,#140e0bc7);border-radius:16px;align-items:center;gap:10px;padding:9px 12px;display:inline-flex;box-shadow:inset 0 0 16px #ffb36e0f,0 8px 20px #0504034d}.block-window__label{color:#e7cfb3;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:700}.block-window__slots{align-items:center;gap:6px;display:inline-flex}.block-window__slot{background:linear-gradient(145deg,#7ce8ffeb,#65ffdadb),#7ce8ffcc;border:1px solid #90ffe880;border-radius:4px;width:16px;height:12px;box-shadow:inset 0 0 8px #ffffff2e,0 0 12px #65ffda59}.block-window__slot--used{opacity:.8;background:linear-gradient(145deg,#544234bd,#3c3026c2);border-color:#977a5c73;box-shadow:inset 0 0 6px #18120e85}.board-topbar__controls{gap:10px;width:min(940px,100%);display:grid}.board-topbar__controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.music-player{justify-content:center;align-items:center;display:inline-flex}.music-player__button{min-width:138px}.level-select-inline{border:1px solid var(--border-soft);min-width:180px;color:var(--text-strong);background:#150f0ceb;border-radius:16px;height:44px;padding:0 14px}.level-select-inline--difficulty,.language-select{min-width:138px}.board-topbar__controls .help-button,.board-topbar__controls .control-button,.board-topbar__controls .music-player__button{justify-content:center;align-items:center;min-width:138px;height:44px;padding:0 14px;display:inline-flex}.board-canvas-shell{width:min(100%, var(--board-max-size));aspect-ratio:1;min-height:0;max-height:var(--board-max-size);border:1px solid var(--line-cold);background:radial-gradient(circle at 50% 20%,#4ce1ff1f,#0000 34%),linear-gradient(#0f0c10f5,#08070a);border-radius:24px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffc49114,0 24px 80px #00000073}.board-canvas-shell canvas{display:block}.target-overlay{z-index:3;pointer-events:none;position:absolute}.target-overlay__grid{width:100%;height:100%;display:grid}.target-overlay__cell{width:100%;height:100%}.status-chip{border:1px solid var(--border-soft);color:var(--text-muted);background:#16100dd6;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:inline-flex}.status-chip--accent{color:#effcff;border-color:#4fe5ff42;box-shadow:inset 0 0 20px #4fe5ff14}.status-chip--win{color:#f2fff7;background:#17291fbf;border-color:#9effb842}.help-button{border:1px solid var(--border-soft);color:var(--text-strong);background:linear-gradient(135deg,#ffb36e24,#4be2ff1f),#120d0bf0;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:transform .14s,border-color .14s,box-shadow .14s}.help-button:hover{border-color:#4fe5ff52;transform:translateY(-1px);box-shadow:0 0 20px #4fe5ff24}.help-button--active{color:#091017;background:linear-gradient(135deg,#8cf6fff0,#ffb36ee6),#120d0bf0;border-color:#b9f5ffdb;transform:translateY(-1px);box-shadow:0 0 0 1px #e4fcff70,0 0 30px #4fe5ff5c,inset 0 0 16px #ffffff4d}.help-button--active:hover{border-color:#d0fbfff2;box-shadow:0 0 0 1px #edfdff85,0 0 34px #4fe5ff73,inset 0 0 18px #ffffff5c}.help-button--ghost{background:#150f0ce6}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-soft);background:linear-gradient(#221712fa,#110c0af5);border-radius:26px;width:min(560px,100%);padding:20px;box-shadow:0 24px 80px #00000080}.win-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 18%,#6fffd51f,#0000 40%),radial-gradient(circle at 83% 15%,#ffb36e24,#0000 38%),#08070ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.win-overlay__fireworks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.win-overlay__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-overlay__confetti-piece{box-shadow:0 0 10px color-mix(in srgb, currentColor 40%, transparent);border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-8%}.win-overlay__card{text-align:center;background:linear-gradient(#211712e6,#100b09e6),#0a0809e6;border:1px solid #ffc4913d;border-radius:28px;width:min(560px,100%);padding:24px;animation:.5s ease-out both win-card-enter;position:relative;box-shadow:0 24px 100px #00000073,inset 0 0 38px #4ce2ff12}.win-overlay__title{letter-spacing:.08em;color:#f2fdff;text-shadow:0 0 15px #4be2ff8c,0 0 40px #ff4ec473;margin-top:8px;font-size:clamp(2rem,6vw,3.7rem);font-weight:800;animation:1.2s ease-in-out infinite alternate win-text-pulse}.win-overlay__subtitle{color:#d8c0a4;margin-top:8px}.win-overlay__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.win-overlay__button{min-width:185px}.win-overlay__button--next{border-color:#4fe5ff61;box-shadow:inset 0 0 24px #4fe5ff1a}.modal-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-card__body{color:var(--text-muted);gap:10px;margin-top:16px;display:grid}.panel-section+.panel-section{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:18px}.help-color-guide{gap:10px;display:grid}.help-color-guide__sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.help-color-guide__source-item{border:1px solid var(--border-soft);min-height:40px;color:var(--text-muted);background:#16100dc7;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;font-size:.9rem;display:flex}.help-color-guide__examples{gap:8px;display:grid}.help-color-guide__example{border:1px solid var(--border-soft);background:#16100dc7;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;padding:9px 10px;display:flex}.help-color-guide__op{color:#e3c8a7;text-align:center;min-width:10px;font-weight:700}.help-color-guide__text{color:var(--text-muted);font-size:.9rem}.help-color-swatch{border:1px solid #edf5ff5c;border-radius:999px;width:18px;height:18px;box-shadow:0 0 10px #00000040}.help-color-swatch--empty{background:#090e18b3;border-style:dashed;border-color:#a0b1e273}.help-color-swatch--cyan{background:var(--cyan)}.help-color-swatch--magenta{background:var(--magenta)}.help-color-swatch--mix{background:var(--mix)}.help-color-swatch--white{background:#f2f7ff;border-color:#e6f0ffe6}.level-button,.control-button{border:1px solid var(--border-soft);color:var(--text-strong);background:#150f0ceb;border-radius:16px;padding:12px 14px;transition:transform .14s,border-color .14s,background .14s}.control-button:hover{border-color:#4fe5ff57;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.stat-card{border:1px solid var(--border-soft);background:#150f0ce0;border-radius:18px;padding:14px}.stat-value{margin-top:6px;font-size:1.5rem;font-weight:700;display:block}.control-row,.edge-usage,.legend-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.edge-pill{border:1px solid var(--border-soft);color:var(--text-muted);background:#18110de6;border-radius:999px;padding:10px 12px;font-size:.88rem}.control-button{min-width:120px}.control-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.message-box{color:#ffd6d9;background:#281414c7;border:1px solid #ff8b932e;border-radius:16px;margin-top:12px;padding:12px 14px;font-size:.92rem}.target-panel__summary{color:var(--text-muted);margin-top:10px;font-size:.93rem}.notation-guide{gap:8px;display:grid}.notation-guide__item{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.93rem;display:flex}.notation-token{border:1px solid var(--border-soft);color:#ecd2b3;letter-spacing:.01em;background:#18110dd6;border-radius:10px;align-items:center;min-height:26px;padding:0 8px;font-size:.82rem;font-weight:700;display:inline-flex}.notation-guide__list{color:var(--text-muted);gap:7px;margin:0;padding-left:18px;font-size:.92rem;display:grid}.notation-guide__list li{line-height:1.42}.notation-guide__list .notation-token{margin-right:8px}.solution-list{color:var(--text-muted);gap:8px;margin:14px 0 0;padding-left:20px;display:grid}.solution-item{border:1px solid var(--border-soft);background:#140f0cc2;border-radius:14px;padding:10px 12px}.solution-item--completed{color:#d2f7df;background:#11251cc7;border-color:#78ffb82e}.solution-item--current{color:#effcff;border-color:#4fe5ff47;box-shadow:inset 0 0 24px #4fe5ff14}.solution-item--diverged{color:#ffd6d9;background:#291218d1;border-color:#ff8b9338}@keyframes win-card-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes win-text-pulse{0%{filter:saturate();transform:scale(1)}to{filter:saturate(1.14);transform:scale(1.03)}}@keyframes confetti-fall{0%{transform:translate3d(0, -12vh, 0) rotate(var(--confetti-rotate-start));opacity:0}8%{opacity:1}to{transform:translate3d(var(--confetti-drift), 115vh, 0) rotate(var(--confetti-rotate-end));opacity:.92}}@media (width<=820px){.app-shell{padding:18px}.board-page{--board-max-size:calc(100dvh - 230px)}.stats-grid{grid-template-columns:1fr}.board-topbar__controls{width:100%}.help-color-guide__sources{grid-template-columns:1fr}}