*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,Menlo,monospace;background:#000;color:#0f0;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000}#viewport{background:#000;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace;font-size:12px;line-height:1.2;white-space:pre;overflow:visible;border:2px solid #0f0;padding:10px;box-shadow:0 0 20px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.3);letter-spacing:0;word-spacing:0;font-variant-ligatures:none;font-feature-settings:normal;outline:none;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease}#viewport.level-1{color:var(--level-1-color);border-color:var(--level-1-color);box-shadow:0 0 20px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.3)}#viewport.level-2{color:var(--level-2-color);border-color:var(--level-2-color);box-shadow:0 0 20px hsla(var(--level-2-h),var(--level-2-s),var(--level-2-l),.3)}#viewport.level-3{color:var(--level-3-color);border-color:var(--level-3-color);box-shadow:0 0 20px hsla(var(--level-3-h),var(--level-3-s),var(--level-3-l),.3)}#viewport.level-4{color:var(--level-4-color);border-color:var(--level-4-color);box-shadow:0 0 20px hsla(var(--level-4-h),var(--level-4-s),var(--level-4-l),.3)}#viewport.level-5{color:var(--level-5-color);border-color:var(--level-5-color);box-shadow:0 0 20px hsla(var(--level-5-h),var(--level-5-s),var(--level-5-l),.3)}#viewport.level-6{color:var(--level-6-color);border-color:var(--level-6-color);box-shadow:0 0 20px hsla(var(--level-6-h),var(--level-6-s),var(--level-6-l),.3)}#viewport.level-7{color:var(--level-7-color);border-color:var(--level-7-color);box-shadow:0 0 20px hsla(var(--level-7-h),var(--level-7-s),var(--level-7-l),.3)}#viewport.level-8{color:var(--level-8-color);border-color:var(--level-8-color);box-shadow:0 0 20px hsla(var(--level-8-h),var(--level-8-s),var(--level-8-l),.3)}#controls{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:4;width:max-content;max-width:calc(100% - 24px);margin:0;padding:5px 10px;text-align:center;color:#e8ffe8;font-size:14px;background:#000;pointer-events:none;text-shadow:0 0 10px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.5);transition:color .3s ease,text-shadow .3s ease}#controls p{margin:0}#controls.level-1{color:var(--level-1-color);text-shadow:0 0 10px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.5)}#controls.level-2{color:var(--level-2-color);text-shadow:0 0 10px hsla(var(--level-2-h),var(--level-2-s),var(--level-2-l),.5)}#controls.level-3{color:var(--level-3-color);text-shadow:0 0 10px hsla(var(--level-3-h),var(--level-3-s),var(--level-3-l),.5)}#controls.level-4{color:var(--level-4-color);text-shadow:0 0 10px hsla(var(--level-4-h),var(--level-4-s),var(--level-4-l),.5)}#controls.level-5{color:var(--level-5-color);text-shadow:0 0 10px hsla(var(--level-5-h),var(--level-5-s),var(--level-5-l),.5)}#controls.level-6{color:var(--level-6-color);text-shadow:0 0 10px hsla(var(--level-6-h),var(--level-6-s),var(--level-6-l),.5)}#controls.level-7{color:var(--level-7-color);text-shadow:0 0 10px hsla(var(--level-7-h),var(--level-7-s),var(--level-7-l),.5)}#controls.level-8{color:var(--level-8-color);text-shadow:0 0 10px hsla(var(--level-8-h),var(--level-8-s),var(--level-8-l),.5)}#level-indicator{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:4;width:max-content;max-width:calc(100% - 24px);margin:0;padding:4px 10px;text-align:center;color:#f4fff4;font-size:16px;font-weight:700;background:#000;pointer-events:none;text-shadow:0 0 10px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.5);transition:color .3s ease,text-shadow .3s ease}#level-indicator.level-1{color:var(--level-1-color);text-shadow:0 0 10px hsla(var(--level-1-h),var(--level-1-s),var(--level-1-l),.5)}#level-indicator.level-2{color:var(--level-2-color);text-shadow:0 0 10px hsla(var(--level-2-h),var(--level-2-s),var(--level-2-l),.5)}#level-indicator.level-3{color:var(--level-3-color);text-shadow:0 0 10px hsla(var(--level-3-h),var(--level-3-s),var(--level-3-l),.5)}#level-indicator.level-4{color:var(--level-4-color);text-shadow:0 0 10px hsla(var(--level-4-h),var(--level-4-s),var(--level-4-l),.5)}#level-indicator.level-5{color:var(--level-5-color);text-shadow:0 0 10px hsla(var(--level-5-h),var(--level-5-s),var(--level-5-l),.5)}#level-indicator.level-6{color:var(--level-6-color);text-shadow:0 0 10px hsla(var(--level-6-h),var(--level-6-s),var(--level-6-l),.5)}#level-indicator.level-7{color:var(--level-7-color);text-shadow:0 0 10px hsla(var(--level-7-h),var(--level-7-s),var(--level-7-l),.5)}#level-indicator.level-8{color:var(--level-8-color);text-shadow:0 0 10px hsla(var(--level-8-h),var(--level-8-s),var(--level-8-l),.5)}#touch-controls{display:none}@media (pointer: coarse){#controls{display:none}#touch-controls{display:flex;position:fixed;left:0;right:0;bottom:0;padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:50}}.touch-cluster{display:grid;gap:8px;pointer-events:auto}.touch-move{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px)}.touch-move .move-forward{grid-column:2;grid-row:1}.touch-move .move-left{grid-column:1;grid-row:2}.touch-move .move-back{grid-column:2;grid-row:2}.touch-move .move-right{grid-column:3;grid-row:2}.touch-turn{grid-template-columns:repeat(2,56px);grid-template-rows:56px}.touch-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:22px;line-height:1;font-weight:700;color:#0f0;background:rgba(0,20,0,.55);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 12px #00ff0059;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:background .1s ease,transform .1s ease}.touch-btn.active{background:rgba(0,255,0,.35);transform:scale(.94)}#arcade-plate,#finish-plate{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:80;width:min(420px,calc(100vw - 28px));max-height:min(78vh,640px);overflow:auto;padding:20px 18px 16px;background:rgba(6,6,8,.94);border:1px solid rgba(247,244,236,.48);border-radius:16px;color:#f7f4ec;text-shadow:0 1px 2px #000}#arcade-plate[hidden],#finish-plate[hidden]{display:none}#arcade-plate .plate-kicker,#finish-plate .plate-kicker{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase}#arcade-plate .plate-time,#finish-plate .plate-time{margin:8px 0 16px;font-size:1.35rem;font-weight:700}#arcade-plate label,#finish-plate label{display:block;margin-bottom:6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}#arcade-plate input,#finish-plate input{width:100%;margin-bottom:10px;padding:10px 12px;font:inherit;color:#f7f4ec;caret-color:#f7f4ec;color-scheme:dark;background:rgba(0,0,0,.45);border:1px solid rgba(247,244,236,.4);border-radius:10px}#arcade-plate button,#finish-plate #name-form button,#finish-plate #play-again{width:100%;padding:11px 16px;font:inherit;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#111;background:#f7f4ec;border:0;border-radius:999px;cursor:pointer}.hiscore-filters{display:flex;flex-wrap:wrap;gap:6px}.hiscore-filters button{-webkit-appearance:none;appearance:none;width:auto;font:inherit;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#f7f4ecc7;background:none;border:1px solid rgba(247,244,236,.4);border-radius:999px;padding:4px 10px;cursor:pointer}.hiscore-filters button.is-on{color:#111;background:#f7f4ec;border-color:#f7f4ec}.hiscore-name{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:#f7f4ec;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}#profile-wrap[hidden]{display:none}.profile-back{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#f7f4ecc7;cursor:pointer;margin-bottom:10px}#profile-name{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.profile-stat{margin:6px 0;font-size:.9rem;color:#f7f4ecc7}.you-are{margin:0;font-size:.88rem;color:#f7f4ec}.you-are button{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 0 0 8px;font:inherit;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#f7f4ecc7;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.plate-note{margin:8px 0 0;font-size:.82rem;color:#f7f4ecc7}.plate-note[hidden]{display:none}#profile-levels{list-style:none;margin:12px 0 0;padding:0}#profile-levels li{display:grid;grid-template-columns:4rem 1fr auto;gap:8px;padding:7px 4px;border-bottom:1px solid rgba(247,244,236,.28)}#finish-plate .plate-error{min-height:1.2em;margin-top:8px;color:#ffd4a8}#board-list{list-style:none;margin:0 0 12px;padding:0}#board-list li{display:grid;grid-template-columns:2rem 1fr auto;gap:8px;padding:7px 4px;border-bottom:1px solid rgba(247,244,236,.28)}#board-list li.is-you{background:rgba(247,244,236,.12)}.board-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px}