*{box-sizing:border-box;margin:0}:root{--bg: #10142b;--card: #1c2244;--card-hover: #262e5c;--text: #eef1ff;--muted: #9aa3d0;--accent: #ffd166;--pink: #ef6aa5;--teal: #4ecdc4;--purple: #9b8cff}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}#app{max-width:900px;margin:0 auto;padding:24px 20px 60px}.home-title{font-size:40px;margin:24px 0 4px}.home-sub{color:var(--muted);font-size:18px;margin-bottom:28px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pattern-card{background:#0a0d20;border:2px solid transparent;border-radius:16px;padding:12px 10px 10px;cursor:pointer;color:var(--text);font:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .12s ease,border-color .12s ease}.pattern-card:hover{transform:translateY(-3px);border-color:var(--accent)}.pattern-card canvas{width:100%;max-width:150px;height:auto}.pattern-card span{font-size:13.5px;color:var(--muted)}.pattern-card:hover span{color:var(--text)}.level-list{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}.level-card{display:flex;align-items:center;gap:16px;text-align:left;background:var(--card);border:2px solid transparent;border-radius:16px;padding:14px 18px;cursor:pointer;color:var(--text);font:inherit;transition:transform .12s ease,border-color .12s ease}.level-card:hover{transform:translate(4px);border-color:var(--accent);background:var(--card-hover)}.level-card.done{border-color:#2c5a3f}.level-num{flex:none;width:44px;height:44px;border-radius:50%;background:#0a0d20;border:2px solid #3a4478;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent)}.level-card.done .level-num{border-color:var(--accent)}.level-body{display:flex;flex-direction:column;gap:3px;min-width:0}.level-name{font-size:17px;font-weight:600}.level-tag{font-size:13.5px;color:var(--muted)}.level-go{margin-left:auto;font-size:20px;color:var(--muted)}.level-nav{display:flex;gap:14px;align-items:center}.tries{margin:0 0 14px;display:flex;flex-direction:column;gap:6px}.try-item{font-size:14.5px;color:var(--text);background:var(--card);border-radius:10px;padding:8px 14px}.goal-banner{font-size:14.5px;font-weight:600;color:var(--muted);border:1px dashed #3a4478;border-radius:10px;padding:8px 14px;margin-bottom:14px}.goal-banner.earned{color:#ffd166;border-color:#ffd166;border-style:solid}.toybox-title{font-size:22px;margin:8px 0 4px}.demo-card{background:var(--card);border-radius:16px;padding:20px;cursor:pointer;border:2px solid transparent;transition:transform .12s ease,border-color .12s ease;text-align:left;color:var(--text);font:inherit}.demo-card:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--card-hover)}.demo-card .emoji{font-size:34px;display:block;margin-bottom:10px}.demo-card h2{font-size:20px;margin-bottom:6px}.demo-card p{color:var(--muted);font-size:14px;line-height:1.5}.back-btn{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;padding:8px 0;margin-bottom:8px}.back-btn:hover{color:var(--text)}.demo-title{font-size:30px;margin-bottom:6px}.demo-blurb{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:20px;max-width:640px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.controls label{font-size:14px;color:var(--muted)}.controls .value{font-size:16px;font-weight:600;color:var(--accent);min-width:52px}input[type=range]{flex:1;min-width:140px;accent-color:var(--accent)}button.chip,input[type=number]{background:var(--card);color:var(--text);border:1px solid #3a4478;border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer}button.chip:hover{border-color:var(--accent)}button.chip.primary{background:var(--accent);color:#221a00;font-weight:600;border-color:var(--accent)}input[type=number]{width:110px;cursor:text}canvas.stage{width:100%;border-radius:16px;background:#0a0d20;display:block}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.stat{background:var(--card);border-radius:12px;padding:10px 18px}.stat .label{font-size:12px;color:var(--muted)}.stat .num{font-size:22px;font-weight:700;color:var(--teal)}.stat input.num-edit{background:none;border:1px solid transparent;color:var(--teal);font-size:22px;font-weight:700;width:96px;padding:0 4px;border-radius:8px;font-family:inherit}.stat input.num-edit:hover{border-color:#3a4478}.stat input.num-edit:focus{border-color:var(--accent);outline:none;background:#0a0d20}.hint{color:var(--muted);font-size:13px;margin-top:10px}.wheel-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.pad-mark{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#ffd166;opacity:.7;pointer-events:none;transition:transform .1s ease,opacity .1s ease;z-index:1}.pad-mark.hot{transform:scale(1.7);opacity:1;box-shadow:0 0 9px #ffd166}.rail-div{position:absolute;top:8px;bottom:16px;width:1px;background:#2c356b}.rail-int{position:absolute;bottom:2px;transform:translate(-50%);font-size:10px;color:#9aa3d0}.rail-station{position:absolute;top:50%;width:9px;height:9px;margin:-7px 0 0 -4.5px;border-radius:50%;background:#ffd166;opacity:.85;pointer-events:none}.rail-stn-label{position:absolute;top:3px;transform:translate(-50%);font-size:11px;color:#ffd166;pointer-events:none}.wheel-drawer.closed{display:none}.pokedex-badge{position:absolute;top:10px;right:10px;z-index:3;pointer-events:none;display:flex;flex-direction:column;gap:3px;background:#10142bb8;border:1px solid #3a4478;border-radius:12px;padding:7px 10px;max-width:47%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pokedex-title{font-size:10px;letter-spacing:.06em;color:#9aa3d0;text-transform:uppercase}.pokedex-row{display:flex;align-items:center;gap:7px;min-height:34px}.pokedex-row img{width:34px;height:34px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.pokedex-row span{font-size:13px;font-weight:600;color:#eef1ff;line-height:1.2}#fsRoot:fullscreen .wheel-bar,#fsRoot.fs-fallback .wheel-bar{position:fixed;top:14px;left:14px;z-index:6;background:#10142be0;border:1px solid #3a4478;border-radius:14px;padding:10px 12px;max-width:calc(100vw - 28px);margin:0}#fsRoot:fullscreen .fs-panel,#fsRoot.fs-fallback .fs-panel{top:72px;max-height:calc(100vh - 90px)}#fsRoot:fullscreen,#fsRoot.fs-fallback{background:var(--bg);overflow:hidden}#fsRoot.fs-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}#fsRoot:fullscreen .fs-canvas-wrap,#fsRoot.fs-fallback .fs-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;margin:0!important}#fsRoot:fullscreen canvas.stage,#fsRoot.fs-fallback canvas.stage{width:100vw!important;height:100vh!important;border-radius:0}#fsRoot:fullscreen .fs-panel,#fsRoot.fs-fallback .fs-panel{position:fixed;left:18px;top:18px;width:330px;max-height:calc(100vh - 36px);overflow-y:auto;background:#10142be6;border:1px solid #3a4478;border-radius:16px;padding:16px;z-index:5}@media(max-width:560px){#fsRoot:fullscreen .fs-panel,#fsRoot.fs-fallback .fs-panel{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:60vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10142bf5}}