:root{color-scheme:dark;font-family:Avenir Next,Avenir,system-ui,sans-serif;color:#f4f5ff;background:#090b18;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:#090b18}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 72% 0%,#25164f 0,transparent 37rem),#090b18;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #31d9ff;outline-offset:4px}.skip-link{position:fixed;z-index:20;left:1rem;top:-5rem;padding:.8rem 1rem;background:#fff;color:#080917}.skip-link:focus{top:1rem}.site-header{min-height:76px;padding:max(1.1rem,env(safe-area-inset-top)) max(4vw,env(safe-area-inset-right)) 1rem max(4vw,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #25283e}.site-header--game{display:grid;grid-template-columns:auto 1fr auto}.brand{display:inline-flex;gap:.7rem;align-items:center;color:inherit;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:34px;aspect-ratio:1;color:#080917;font:700 .78rem DM Mono,monospace;background:#31d9ff;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.breadcrumb{display:flex;align-items:center;gap:.6rem;min-width:0}.back-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;color:#d7d9eb;text-decoration:none;font-size:1.2rem}.back-arrow:hover{color:#fff}.header-title{justify-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:1rem}.header-actions{display:flex;align-items:center;gap:1rem;justify-self:end}.header-link,.text-link{color:#d7d9eb;font-size:.82rem;text-decoration-color:#7c6cff;text-underline-offset:.3rem}.locale-select{background:transparent;color:#d7d9eb;border:1px solid #383c56;border-radius:.4rem;padding:.3rem .5rem;font-size:.78rem}.build,.tags,.eyebrow,dt,.hud span,.game-topbar span{font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;color:#9da2be}.catalog{max-width:1240px;margin:auto;padding:6rem 4vw 2rem}.hero{max-width:780px}.eyebrow{color:#31d9ff}h1,h2,h3,p{margin-top:0}.hero h1{margin:1.1rem 0 1.5rem;font-size:clamp(3.5rem,9vw,7.8rem);line-height:.85;letter-spacing:-.075em}.hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px #7c6cff}.hero>p:last-child{max-width:580px;color:#b9bdd1;font-size:1.08rem;line-height:1.75}.shelf{margin-top:7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #30334b;margin-bottom:1.5rem;padding-bottom:.8rem}.section-heading h2{margin:0;font-size:1.2rem}.section-heading span{color:#7e839d}.catalog-heading>div:first-child{display:flex;align-items:baseline;gap:1rem}.catalog-heading .ui-segmented{margin-bottom:-.25rem}.game-card{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(290px,.65fr);min-height:390px;background:#111427;border:1px solid #2d304a}.card-grid{display:grid;gap:1.5rem}.catalog-view--cards .hero{max-width:680px}.catalog-view--cards .hero h1{font-size:clamp(3.5rem,7vw,6rem)}.catalog-view--cards .shelf{margin-top:4.5rem}.catalog-view--cards .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-view--cards .game-card{display:flex;min-width:0;min-height:0;flex-direction:column}.catalog-view--cards .card-art{min-height:215px}.catalog-view--cards .card-copy{flex:1;padding:1.5rem}.catalog-view--cards .card-copy h3{margin:1.25rem 0 .5rem;font-size:clamp(1.7rem,3vw,2.35rem)}.catalog-view--cards .card-copy>p{min-height:3.2em;margin-bottom:1.2rem}.catalog-view--cards .card-copy dl{margin:auto 0 1.3rem}.catalog-view--cards .card-art>span{font-size:3.5rem}.lane-card{background:#101d24}.maze-card{background:#11152e}.lane-art{background:linear-gradient(145deg,#173c34,#111522)}.mini-crossing{position:absolute;inset:18% 9%;background:repeating-linear-gradient(0deg,#18322f 0 15%,#292e3a 15% 31%,#292e3a 31% 46%,#18322f 46% 60%);transform:perspective(500px) rotateX(13deg)}.mini-crossing:before,.mini-crossing:after{content:"";position:absolute;height:18px;width:30%;border-radius:9px;background:#ff805d;box-shadow:0 70px #c09cff,160px 35px #f4c95d;left:8%;top:22%}.mini-crossing:after{left:52%;top:38%;transform:scale(.82)}.mini-beetle{position:absolute;z-index:2;width:30px;height:38px;border-radius:50%;background:#d7ff72;box-shadow:0 0 25px #b8ffe0;left:52%;bottom:12%}.maze-art{background:#111735}.mini-maze{position:absolute;inset:14%;background:repeating-linear-gradient(90deg,#3550a3 0 10px,transparent 10px 40px),repeating-linear-gradient(0deg,#3550a3 0 10px,transparent 10px 40px);opacity:.8}.mini-signal{position:absolute;width:28px;height:28px;border-radius:50%;background:#ffe66d;box-shadow:0 0 28px #ffe66d;left:48%;top:55%}.card-art{position:relative;overflow:hidden;min-height:340px;background:linear-gradient(145deg,#19164d,#0b1731)}.card-art:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#4e5583 1px,transparent 1px),linear-gradient(90deg,#4e5583 1px,transparent 1px);background-size:36px 36px;transform:perspective(400px) rotateX(42deg) scale(1.4)}.card-art>span{position:absolute;left:1.5rem;top:1rem;font:500 5rem DM Mono;color:#ffffff14}.mini-bricks{position:absolute;left:16%;right:16%;top:25%;height:32%;background:repeating-linear-gradient(90deg,#ff4fa3 0 12%,transparent 12% 14%),repeating-linear-gradient(0deg,transparent 0 29%,#7c6cff 29% 62%,transparent 62% 68%);filter:drop-shadow(0 0 16px #7c6cff);transform:skewY(-4deg)}.mini-ball{position:absolute;width:20px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 24px #31d9ff;left:62%;top:65%}.mini-paddle{position:absolute;width:28%;height:13px;background:#fff;box-shadow:0 0 18px #31d9ff;bottom:12%;left:36%}.card-copy{display:flex;flex-direction:column;padding:clamp(1.8rem,4vw,3.5rem)}.tags{display:flex;gap:.6rem}.tags span{border:1px solid #3a3e59;padding:.35rem .5rem}.card-copy h3{margin:2rem 0 .7rem;font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.06em}.card-copy>p{color:#adb1c6;line-height:1.6}dl{display:flex;gap:2.5rem;margin:auto 0 2rem}dt{margin-bottom:.4rem}dd{margin:0}.primary{min-height:52px;padding:.9rem 1.2rem;display:flex;justify-content:space-between;align-items:center;border:0;background:#31d9ff;color:#07121b;font-weight:800;cursor:pointer}.principles{display:flex;justify-content:space-between;gap:1rem;margin-top:5rem;border-top:1px solid #25283e;padding-top:1.4rem;color:#7e839d;font:.72rem DM Mono;text-transform:uppercase}footer{padding:3rem 4vw max(2rem,env(safe-area-inset-bottom));text-align:center;color:#686d87;font-size:.8rem}.game-page{padding:0 max(3vw,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(3vw,env(safe-area-inset-left))}.game-topbar{min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #25283e}.game-topbar>div{display:flex;flex-direction:column;text-align:center;gap:.2rem}.game-topbar>button:last-child{justify-self:end}.text-button{border:0;background:transparent;color:#b9bdd1;cursor:pointer;padding:.8rem 0}.game-setup{max-width:680px;margin:2.5rem auto 0}.game-play{max-width:960px;margin:2rem auto 0}.game-play-nav{display:flex;margin-bottom:1rem}.hud{display:flex;justify-content:space-between;margin-bottom:.8rem}.hud div{display:flex;gap:.55rem;align-items:baseline}.hud strong{font:500 1rem DM Mono}.canvas-wrap{position:relative;border:1px solid #343957;background:#080917;box-shadow:0 28px 80px #0000006b}canvas{display:block;width:100%;height:auto;aspect-ratio:10 / 7;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;background:#070918a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.hidden{display:none}.overlay p{font-size:clamp(1.2rem,3vw,2.1rem);font-weight:800}.overlay .primary{min-width:190px;justify-content:center}.game-setup-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}details{border-top:1px solid #30334b;padding-top:1rem}summary{color:#f4f5ff;cursor:pointer}.how-to-play{max-width:520px;width:90vw;border:0;border-radius:.5rem;padding:1.75rem;background:#111427;color:#f4f5ff;box-shadow:0 28px 80px #00000080}.how-to-play::backdrop{background:#070918b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.how-to-play p,.how-to-play li{color:#aeb2c8;line-height:1.6}.how-to-play ul{padding-left:1.1rem}.how-to-play .ui-button{margin-top:1.2rem}.touch-controls{display:none;grid-template-columns:1fr 1.25fr 1fr;gap:.75rem;margin-top:1rem}.touch-controls button{min-height:54px;border:1px solid #3b405f;background:#161a30;color:#fff;font-weight:700;touch-action:none}.lane-wrap{max-width:760px;margin-inline:auto}.dpad{display:grid;grid-template-columns:repeat(3,minmax(54px,1fr));gap:.65rem;max-width:420px;margin:1rem auto 0}.dpad button{min-height:52px;border:1px solid #3b405f;background:#16252a;color:#fff;font-weight:800;touch-action:manipulation}.dpad button:first-child{grid-column:2}.dpad button:last-child{grid-column:2}.game-settings{display:grid;gap:.75rem;margin:1.4rem 0}.game-settings .ui-field{display:grid;grid-template-columns:1fr 1.25fr;gap:.8rem}.game-settings .ui-select{min-width:0}.feature-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:#050610b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.feature-modal{max-width:420px;width:100%;background:#12152a;border:1px solid #3b405f;padding:1.5rem;display:grid;gap:1rem;box-shadow:0 28px 80px #00000080}.feature-modal h2{font-size:1.15rem}.feature-modal p{color:#d7d9eb;line-height:1.5}.feature-modal-check{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#b9bdd1}.feature-modal .primary{justify-content:center}.capability-page{max-width:1240px;margin:auto;padding:5rem 4vw 3rem}.capability-hero{max-width:720px}.capability-hero h1{margin:.8rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.075em;line-height:.9}.capability-hero>p:not(.eyebrow){color:#b9bdd1;line-height:1.75;font-size:1.05rem}.matrix-panel{margin-top:4rem}.matrix-scroll{overflow-x:auto;border:1px solid #303550;background:#111427;box-shadow:0 24px 70px #00000040}.capability-matrix{width:100%;min-width:780px;border-collapse:collapse;text-align:left}.capability-matrix th,.capability-matrix td{padding:.9rem 1rem;border-bottom:1px solid #292e49;vertical-align:middle}.capability-matrix thead th{background:#171b31;color:#f4f5ff;font:700 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.capability-matrix tbody:last-child tr:last-child th,.capability-matrix tbody:last-child tr:last-child td{border-bottom:0}.capability-group th{padding:0;background:#0d1022}.capability-group button{width:auto;border:0;padding:.8rem 1rem;background:transparent;color:#f4f5ff;font:800 .88rem Avenir Next,Avenir,system-ui,sans-serif;cursor:pointer;text-align:left}.capability-group button span{display:inline-block;width:1.2rem;color:#31d9ff}.capability-group>th>span{color:#858ba7;font-size:.77rem;font-weight:400}.capability-name{font-weight:650;color:#e3e5f5}.capability-name.depth-1{padding-left:2.7rem;color:#b9bdd1;font-weight:500}.capability-name.depth-1:before{content:"↳";margin-right:.5rem;color:#7c6cff}.capability-state{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .45rem;border:1px solid currentColor;color:#aeb2c8;font:650 .68rem DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.state-verified{color:#72e3b0;background:#72e3b014}.state-complete{color:#73cef7;background:#73cef714}.state-partial{color:#f4c95d;background:#f4c95d14}.state-planned{color:#c09cff;background:#c09cff14}.state-unsupported{color:#8b90a8}.state-not_applicable{color:#9da2be}.matrix-note{margin:1.2rem 0 0;color:#aeb2c8;line-height:1.6;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(pointer:coarse),(max-width:900px){.touch-controls{display:grid}}@media(max-width:900px){.catalog{padding-top:4rem}.game-card,.catalog-view--cards .card-grid{grid-template-columns:1fr}}@media(max-width:560px){.build{display:none}.site-header{padding-inline:1rem}.header-actions{gap:.5rem}.header-link{font-size:.75rem}.catalog,.capability-page{padding-left:1rem;padding-right:1rem}.hero h1{font-size:3.7rem}.shelf{margin-top:4rem}.catalog-heading{align-items:flex-start;gap:1rem;flex-direction:column}.game-card{grid-template-columns:minmax(0,1fr)}.card-art{min-height:250px}.principles{flex-direction:column}.game-topbar{grid-template-columns:1fr auto}.game-topbar>div{display:none}.header-title{display:none}.hud{gap:.6rem}.hud div{flex-direction:column;gap:.15rem}.capability-page{padding-top:3.5rem}.capability-hero h1{font-size:3.6rem}.capability-group>th>span{display:block;padding:0 1rem .8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.color-card{background:#21142b}.color-art{background:linear-gradient(145deg,#27143a,#102c35)}.mini-color-grid{position:absolute;inset:14%;background:conic-gradient(from 45deg,#ffd86b,#e94f8b,#6f4fc9,#67d7d0,#ffd86b);-webkit-mask:repeating-linear-gradient(0deg,#000 0 19px,transparent 19px 21px),repeating-linear-gradient(90deg,#000 0 19px,transparent 19px 21px);mask:repeating-linear-gradient(0deg,#000 0 19px,transparent 19px 21px),repeating-linear-gradient(90deg,#000 0 19px,transparent 19px 21px);opacity:.9;transform:rotate(-4deg)}.mini-brush{position:absolute;width:54px;height:54px;border-radius:50%;background:#fff;right:16%;bottom:15%;box-shadow:0 0 0 10px #e94f8b,0 0 35px #ffd86b}.color-hud{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.color-progress-track{flex:1;height:12px;border:1px solid #47405b;background:#171326;overflow:hidden}.color-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#67d7d0,#e94f8b,#ffd86b);transition:width .2s}.color-canvas-wrap{max-width:660px;margin:auto;border:12px solid #292143;border-radius:10px;overflow:hidden}.color-canvas-wrap canvas{aspect-ratio:1;cursor:crosshair;background:#f1eff6}.color-canvas-wrap canvas:focus-visible{outline:3px solid #31d9ff;outline-offset:-3px}.color-complete{animation:hue-dance 8s linear infinite}@keyframes hue-dance{to{filter:hue-rotate(360deg)}}.color-status{min-height:1.5rem;margin:.7rem 0;text-align:center;color:#c7c3d9}.color-palette{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.color-swatch{width:62px;min-height:62px;border:3px solid transparent;border-radius:12px;background:var(--swatch);color:#fff;text-shadow:0 1px 3px #000;box-shadow:inset 0 0 0 1px #ffffff59;cursor:pointer}.color-swatch.selected{border-color:#fff;transform:translateY(-4px)}.color-swatch b,.color-swatch small{display:block}.color-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.color-tools button{min-height:46px;padding:.6rem .9rem;border:1px solid #494361;background:#19162c;color:#fff;cursor:pointer}.color-gallery{min-height:620px}.color-console{width:min(1500px,100%);margin:clamp(1.5rem,4vw,4rem) auto 0}.color-page .color-gallery-head h1{margin:.3rem 0 .7rem;font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.075em}.color-page .color-gallery-head p:not(.eyebrow){margin:0;color:#aeb2c8;font-size:1.05rem}.color-gallery-controls{padding-left:1.1rem;color:#aeb2c8;line-height:1.6;max-width:38rem}.color-page #color-player{width:min(1100px,100%);margin:auto}.color-player-nav>strong{font-size:1.1rem}.color-gallery-head,.picture-category-head,.color-player-nav,.color-photo-options,.color-zoom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.color-gallery-head{align-items:flex-start}.color-gallery-head h2{margin:.3rem 0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.color-upload{position:relative;justify-content:center;border-radius:.5rem}.color-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.gallery-search{display:grid;gap:.4rem;margin:1.5rem 0;color:#aeb2c8;font-size:.8rem}.gallery-search input{min-height:48px;padding:.8rem 1rem;border:1px solid #444864;border-radius:.5rem;background:#111427;color:#fff;font:inherit}.picture-category{margin:1.8rem 0}.picture-category-head{border-bottom:1px solid #30334b;margin-bottom:.8rem;padding-bottom:.55rem}.picture-category-head h2{margin:0;font-size:1rem}.picture-category-head span{color:#8b90a8;font:500 .72rem DM Mono,monospace}.picture-row{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:.85rem;overflow-x:auto;padding:.25rem .25rem 1rem;scroll-snap-type:x proximity}.picture-card{position:relative;scroll-snap-align:start;background:#15182b;border:1px solid #30354f;border-radius:.65rem;overflow:hidden}.picture-card.completed{border-color:#72e3b0}.picture-open{width:100%;border:0;padding:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.picture-open img,.picture-open canvas{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(.92) brightness(.72);transition:filter .5s}.picture-card.completed .picture-open img,.picture-card.completed .picture-open canvas{filter:none}.picture-open span{display:grid;gap:.2rem;padding:.65rem}.picture-open strong{min-height:2.2em;font-size:.76rem;line-height:1.1}.picture-open small{color:#989db7;font-size:.67rem}.picture-delete{position:absolute;right:.35rem;top:.35rem;width:28px;height:28px;border:0;border-radius:50%;background:#05060fc7;color:#fff;cursor:pointer}.picture-replay{position:absolute;pointer-events:none;inset:0 0 3.3rem;background:linear-gradient(135deg,transparent,#fff4,transparent);transform:translate(-110%)}.picture-card.replaying .picture-replay{animation:gallery-replay 2.4s ease-in-out}@keyframes gallery-replay{0%{transform:translate(-110%)}55%,to{transform:translate(110%)}}.color-photo-options,.color-zoom{justify-content:flex-start;flex-wrap:wrap;margin:.75rem 0}.color-photo-options label{display:flex;align-items:center;gap:.5rem;color:#aeb2c8}.color-photo-options select,.color-photo-options button,.color-effects button,.color-zoom button{min-height:42px;border:1px solid #474b68;border-radius:.55rem;padding:.5rem .75rem;background:#171a30;color:#fff}.color-effects{display:flex;flex-wrap:wrap;gap:.35rem}.color-effects button[aria-pressed=true],.color-photo-options button[aria-pressed=true]{background:#7b4dff;border-color:#9d7cff}.color-effects button:disabled{opacity:.35}.color-viewport{max-height:min(68vh,720px);overflow:auto;overscroll-behavior:contain;touch-action:none;border-radius:.8rem;background:#0b0d1c}.color-viewport .color-canvas-wrap{width:100%;max-width:none;transform-origin:top left}#color-player:fullscreen{overflow:auto;padding:1rem;background:#090b18}#color-player:fullscreen .color-viewport{max-height:calc(100vh - 170px)}#color-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}#color-confetti i{position:absolute;left:var(--x);top:-8%;width:10px;height:18px;background:hsl(var(--hue) 85% 62%);animation:confetti-fall 2.2s var(--delay) ease-in forwards}@keyframes confetti-fall{to{transform:translateY(760px) rotate(720deg);opacity:0}}@media(max-width:700px){.color-gallery-head{align-items:flex-start;flex-direction:column}.picture-row{grid-auto-columns:126px}.color-effects{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.color-photo-options{align-items:flex-start}.color-canvas-wrap{border-width:7px}}.piano-card .card-art,.piano-art{background:linear-gradient(145deg,#102535,#442449)}.mini-piano{position:absolute;inset:32% 12% 18%;background:repeating-linear-gradient(90deg,#edf7f5 0 11%,#12202c 11% 14%)}.mini-note{position:absolute;width:18px;height:34px;border-radius:8px;background:#fc6;left:45%;top:18%}.piano-game{max-width:700px;margin:auto}.piano-game canvas{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #40566d}.piano-hud{display:flex;align-items:center;gap:2rem;margin-bottom:.5rem}.piano-hud div{display:grid}.piano-hud span{font-size:.75rem;text-transform:uppercase}.piano-hud #piano-judgment{margin-left:auto;color:#fc6}.piano-game h2{text-align:center}.piano-keys{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:-1px}.piano-key{min-height:72px;background:#e8f1f0;color:#11202b;border:0;border-radius:0 0 9px 9px;font-weight:800}.piano-key.active{background:#fc6;transform:translateY(3px)}.piano-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.piano-actions input{position:absolute;width:1px;height:1px;opacity:0}.annotation-page{min-height:100vh}.annotation-panel{max-width:800px;margin:3rem auto;padding:clamp(1rem,4vw,3rem);background:#102535;border-radius:24px}.annotation-panel fieldset{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1rem;align-items:end;border:1px solid #40566d;border-radius:12px;margin:2rem 0;padding:1rem}.annotation-panel label{display:grid;gap:.4rem}.annotation-panel input,.annotation-panel select{padding:.7rem;border-radius:8px}.annotation-file{display:inline-flex!important;background:#fc6;color:#11202b;padding:1rem;border-radius:10px;font-weight:800}.annotation-file input{color:#11202b}.annotation-panel li{margin:.6rem 0}.annotation-panel li button{margin-left:1rem}@media(max-width:700px){.annotation-panel fieldset{grid-template-columns:1fr}.piano-key{min-height:58px}.piano-hud{gap:1rem}}.hoop-game{width:min(760px,100%);margin:auto;text-align:center;color:#f6f4ee}.hoop-score{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:12px}.hoop-score div{display:grid}.hoop-score span,.meter-stack label{font:700 .72rem/1.2 monospace;letter-spacing:.16em;color:#9ca9bc}.hoop-score strong{font-size:1.8rem}.hoop-score p{font-weight:900;letter-spacing:.18em;color:#ffcf62}.hoop-scene{height:380px;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 18%,#314461 0,#101928 40%,#070b12 78%);perspective:560px;box-shadow:inset 0 0 70px #000,0 24px 60px #03050a}.hoop-scene:before{content:"";position:absolute;left:9%;right:9%;bottom:-54%;height:95%;transform:rotateX(64deg);transform-origin:bottom;background:linear-gradient(90deg,#1b2230,#303746 50%,#1b2230);border:2px solid #58e4dc;box-shadow:0 0 25px #58e4dc55}.court-lines{position:absolute;left:28%;right:28%;bottom:0;height:42%;border:3px solid #f5cf6a;border-bottom:0;border-radius:50% 50% 0 0;transform:perspective(300px) rotateX(55deg)}.backboard{position:absolute;top:50px;left:50%;width:150px;height:92px;transform:translate(-50%);border:6px solid #dbefff;background:#b8ddf018;box-shadow:0 0 20px #65e7ff}.backboard div{position:absolute;left:45px;right:45px;bottom:8px;height:32px;border:4px solid #ffca60}.rim{position:absolute;z-index:3;top:133px;left:50%;width:86px;height:25px;transform:translate(-50%) rotateX(65deg);border:7px solid #ff654f;border-radius:50%;box-shadow:0 0 16px #ff654f}.net{position:absolute;top:147px;left:50%;width:58px;height:58px;transform:translate(-50%);clip-path:polygon(8% 0,92% 0,70% 100%,30% 100%);background:repeating-linear-gradient(65deg,transparent 0 8px,#c8e5ef 9px 10px)}.ball,.mini-hoop-ball{border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffb45d 0 8%,#de632d 35%,#71311d);box-shadow:inset -8px -8px 12px #35130e,0 8px 15px #0008}.ball{position:absolute;z-index:5;width:64px;height:64px;left:calc(50% - 32px);bottom:24px;transition:none}.ball:before,.mini-hoop-ball:before{content:"";position:absolute;inset:0;border:2px solid #421a13;border-radius:50%;clip-path:polygon(47% 0,55% 0,55% 100%,47% 100%)}.ball.shooting{animation:hoop-make 1.05s cubic-bezier(.3,.1,.7,1) forwards}.ball.shooting.missed{animation-name:hoop-miss}.shadow{position:absolute;bottom:16px;left:calc(50% - 38px);width:76px;height:17px;background:#0009;border-radius:50%;filter:blur(5px)}@keyframes hoop-make{0%{transform:translate(0) scale(1)}55%{transform:translateY(-230px) scale(.48)}75%{transform:translateY(-210px) scale(.38)}to{transform:translateY(-135px) scale(.25);opacity:.4}}@keyframes hoop-miss{0%{transform:translate(0)}58%{transform:translate(55px,-225px) scale(.48)}72%{transform:translate(95px,-175px) rotate(90deg) scale(.4)}to{transform:translate(180px,10px) rotate(240deg) scale(.55);opacity:.5}}.meter-stack{display:grid;gap:7px;margin:20px auto 14px;width:min(520px,90%);text-align:left}.meter-stack label{display:flex;justify-content:space-between}.shot-meter{height:18px;position:relative;border:2px solid #526074;border-radius:20px;background:linear-gradient(90deg,#192332,#344154,#192332)}.shot-meter i{position:absolute;z-index:2;top:-5px;width:5px;height:24px;background:#fff;box-shadow:0 0 8px #fff}.shot-meter b{position:absolute;left:66%;width:12%;height:100%;background:repeating-linear-gradient(135deg,#ffd35d 0 5px,#755918 5px 8px)}.shot-meter.aim-meter b{left:46%;width:8%;background:repeating-linear-gradient(135deg,#62e6dc 0 5px,#145e5c 5px 8px)}.hoop-shoot{min-width:220px;font-weight:900;letter-spacing:.12em}.hoop-hint{margin:.6rem;color:#8996aa;font-size:.8rem}.hoop-art{background:linear-gradient(#121c30,#080b14)}.mini-hoop{position:absolute;left:50%;top:22%;height:35%;width:38%;transform:translate(-50%);border:4px solid #c8eaff}.mini-hoop:after{content:"";position:absolute;left:20%;right:20%;bottom:-12px;border:5px solid #ff654f;border-radius:50%}.mini-hoop-ball{position:absolute;width:46px;height:46px;left:20%;bottom:18%}@media(prefers-reduced-motion:reduce){.ball.shooting{animation-duration:.15s}}.snake-card,.snake-art{background:linear-gradient(145deg,#072a30,#19133d)}.mini-coil{position:absolute;inset:22%;border:18px solid #7dffb2;border-left-color:transparent;border-radius:50%;filter:drop-shadow(0 0 15px #55e9c2)}.mini-coil:after{content:"";position:absolute;width:22px;height:22px;right:-17px;top:-13px;border-radius:50%;background:#7dffb2}.mini-pellet{position:absolute;width:13px;height:13px;border-radius:50%;background:#f6da72;left:28%;top:31%;box-shadow:95px 90px #ff6fae,180px 25px #70e6ff,0 0 18px #f6da72}.snake-wrap{max-width:720px;margin-inline:auto;border-color:#2b797b;box-shadow:0 25px 90px #19ffda1a}.snake-wrap canvas{aspect-ratio:1}:root{--ui-accent:#7b5cff;--ui-accent-bright:#927aff;--ui-surface:#171a30;--ui-surface-hover:#222641;--ui-border:#484d6d;--ui-border-strong:#747b9f;--ui-text:#f6f4ff;--ui-muted:#aeb2c8;--ui-radius:.65rem;--ui-shadow:0 4px 0 #090a15,0 9px 22px rgba(0,0,0,.2);--ui-shadow-primary:0 4px 0 #3d2996,0 9px 24px rgba(80,50,190,.28)}.ui-button{min-height:44px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:.62rem .9rem;background:linear-gradient(#1d2139,var(--ui-surface));box-shadow:var(--ui-shadow);color:var(--ui-text);font:700 .82rem Avenir Next,Avenir,system-ui,sans-serif;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease,border-color .12s ease,background .12s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.ui-button:hover:not(:disabled){border-color:var(--ui-border-strong);background:linear-gradient(#292e4c,var(--ui-surface-hover))}.ui-button:active:not(:disabled),.ui-button.is-pressed:not(:disabled){transform:translateY(3px) scale(.985);box-shadow:0 1px #090a15}.ui-button[aria-pressed=true]{border-color:var(--ui-accent-bright);background:linear-gradient(var(--ui-accent-bright),var(--ui-accent));box-shadow:var(--ui-shadow-primary)}.ui-button[aria-pressed=true]:active{box-shadow:0 1px #3d2996}.ui-button--primary{border-color:#65ddff;background:linear-gradient(#6fe1ff,#42c9ed);box-shadow:0 4px #17748e,0 9px 24px #31d9ff33;color:#07121b}.ui-button--primary:hover:not(:disabled){border-color:#b8f2ff;background:linear-gradient(#91eaff,#55d6f7)}.ui-button--quiet{border-color:transparent;background:transparent;box-shadow:none;color:#c8cbe0}.ui-button--quiet:hover:not(:disabled){border-color:#3f4461;background:#15182b}.ui-button--danger{color:#ffb6c0}.ui-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.ui-field{display:flex;align-items:center;gap:.55rem;color:var(--ui-muted);font-size:.8rem}.ui-field__label{font-weight:700}.ui-select{position:relative;display:inline-grid;min-width:8.5rem}.ui-select:after{content:"";position:absolute;right:.85rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid #c6c9df;border-bottom:2px solid #c6c9df;transform:translateY(-70%) rotate(45deg);pointer-events:none}.ui-select select{width:100%;min-height:44px;appearance:none;-webkit-appearance:none;border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:.6rem 2.35rem .6rem .8rem;background:linear-gradient(#1d2139,var(--ui-surface));box-shadow:0 3px #090a15;color:var(--ui-text);font:700 .82rem Avenir Next,Avenir,system-ui,sans-serif;cursor:pointer;transition:border-color .12s ease,transform 80ms ease,box-shadow 80ms ease}.ui-select select:hover{border-color:var(--ui-border-strong)}.ui-select select:active{transform:translateY(2px);box-shadow:0 1px #090a15}.ui-select select:focus-visible,.ui-button:focus-visible{outline:3px solid #31d9ff;outline-offset:3px}.ui-select select:disabled{opacity:.55;cursor:not-allowed}.ui-segmented{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid #383d5a;border-radius:.85rem;background:#0f1224;overflow-x:auto}.ui-segmented .ui-button{flex:0 0 auto;min-height:38px;border-color:transparent;box-shadow:none;padding:.48rem .72rem}.ui-segmented .ui-button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.ui-button,.ui-select select{transition:none}}