.floppy-page{background:radial-gradient(circle at 50% 8%,#3a176e66,#0000 38%),#070713;min-height:100vh}.floppy-shell{max-width:1120px;padding-block:34px 68px}.floppy-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px;display:flex}.floppy-kicker{color:#54efff;font:700 .875rem/1.5 var(--font-mono);align-items:center;gap:8px;margin:0 0 9px;display:flex}.floppy-heading h1{color:#fff9ff;font:700 clamp(2.8rem, 7vw, 5.1rem)/1 var(--font-mono);letter-spacing:-.085em;text-shadow:5px 5px #7c2bbb;margin:0}.floppy-heading h1 span{color:#fff061}.floppy-heading>div>p:last-child{color:#c9bddf;margin:12px 0 0;font-size:1rem}.floppy-stamp{color:#b8f7ff;font:.875rem/1.45 var(--font-mono);background:#16264c;border:2px solid #54efff;padding:13px 19px;transform:rotate(2deg);box-shadow:5px 5px #541a7b}.floppy-stamp strong{color:#fff061}.floppy-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);align-items:start;gap:24px;display:grid}.floppy-cabinet{background:linear-gradient(145deg,#17102c,#0d1635);border:3px solid #6e3ca8;border-radius:15px;min-width:0;padding:14px;box-shadow:9px 9px #02030a,inset 0 1px #8aefff33}.floppy-hud{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:1px 7px 14px;display:grid}.floppy-hud div{gap:1px;display:grid}.floppy-hud div:nth-child(2){text-align:center}.floppy-hud div:last-child{text-align:right}.floppy-hud span{color:#bfb3d6;font:.8125rem/1.45 var(--font-mono)}.floppy-hud strong{color:#fff061;font:700 clamp(1.3rem, 3vw, 2rem)/1.15 var(--font-mono);font-variant-numeric:tabular-nums}.floppy-hud div:nth-child(2) strong{color:#f6f4ff}.floppy-charge strong{color:#54efff}.floppy-stage{isolation:isolate;background:#24114c url(/arcade/floppy-chip-sky.webp) 50%/cover no-repeat;border:3px solid #070611;border-radius:7px;position:relative;overflow:hidden}.floppy-stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#07155016 0%,#8b2bc014 50%,#ff6f6145 100%);position:absolute;inset:0}.floppy-canvas{aspect-ratio:45/28;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.floppy-canvas:focus-visible{outline-offset:-5px;outline:3px solid #fff061}.floppy-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0b0c31b8,#20103ddd);flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.floppy-overlay-kicker{color:#fff061;font:700 .875rem/1.5 var(--font-mono);align-items:center;gap:8px;margin:0 0 9px;display:flex}.floppy-overlay h2{color:#fff;font:700 clamp(2rem, 5vw, 3.6rem)/1 var(--font-mono);letter-spacing:-.065em;text-shadow:4px 4px #7c2bbb;margin:0}.floppy-overlay>p:not(.floppy-overlay-kicker){color:#d9d3eb;max-width:480px;margin:15px 0 21px;font-size:1rem;line-height:1.55}.floppy-over h2{color:#fff061;font-size:clamp(4rem,9vw,6.5rem)}.floppy-over h2 span{color:#fff;letter-spacing:0;text-shadow:none;margin-top:7px;font-size:1rem;display:block}.floppy-new-best{color:#28144f;font:800 .875rem/1.2 var(--font-mono);background:#fff061;border:2px solid #fff061;border-radius:999px;align-items:center;gap:8px;margin:14px 0 20px;padding:8px 12px;animation:.7s ease-out both floppy-record-pop;display:inline-flex;box-shadow:4px 4px #7c2bbb}@keyframes floppy-record-pop{0%{opacity:0;transform:scale(.7)rotate(-4deg)}70%{transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.floppy-button,.floppy-icon-button{color:#fff;min-height:48px;font:700 .9375rem/1.4 var(--font-mono);cursor:pointer;touch-action:manipulation;background:#29204d;border:2px solid #7561a1;border-radius:7px}.floppy-button{justify-content:center;align-items:center;gap:9px;padding:10px 17px;display:inline-flex}.floppy-button:hover:not(:disabled),.floppy-icon-button:hover:not(:disabled){background:#423175}:is(.floppy-button:focus-visible,.floppy-icon-button:focus-visible){outline-offset:4px;outline:3px solid #fff061}.floppy-button:disabled,.floppy-icon-button:disabled{opacity:.42;cursor:not-allowed}.floppy-button-primary{color:#241131;background:#fff061;border-color:#fff061;box-shadow:4px 4px #7c2bbb}.floppy-button-primary:hover:not(:disabled){background:#fff8a8}.floppy-controls{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) 50px;gap:10px;margin-top:12px;display:grid}.floppy-boost,.floppy-phase{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:64px}.floppy-phase small{font-size:.75rem;display:block}.floppy-touch-note{display:none}@media (pointer:coarse){.floppy-touch-note{display:block}.floppy-keyboard-note{display:none}}.floppy-boost{color:#11152a;background:#1dcee5;border-color:#54efff;justify-content:space-between;box-shadow:0 4px #176e96}.floppy-boost:hover:not(:disabled){background:#77f4ff}.floppy-boost:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #176e96}.floppy-boost span{font-size:1.6rem;line-height:1}.floppy-phase:not(:disabled){color:#241131;background:#fff061;border-color:#fff061;animation:1.25s ease-in-out infinite alternate floppy-phase-ready;box-shadow:0 4px #b76b26}.floppy-icon-button{place-items:center;padding:0;display:grid}.floppy-control-note{color:#bcb0d1;margin:14px 2px 3px;font-size:.875rem;line-height:1.6}.floppy-control-note kbd{color:#f3ebff;font-family:var(--font-mono)}.floppy-post{border-top:1px solid #67468a;margin-top:18px;padding-top:17px}.floppy-post-label{color:#fff;margin:0 0 9px;font-size:1rem;font-weight:700}.floppy-post-row{gap:10px;display:flex}.floppy-post>p:not(.floppy-post-label){color:#bdaecc;margin:9px 0 0;font-size:.875rem;line-height:1.5}.floppy-posted{color:#fff061;align-items:center;gap:9px;font-size:1rem;line-height:1.5;display:flex}.floppy-error{color:#ffdeea;background:#541d32;border:1px solid #d3687d;margin:16px 0 0;padding:13px;font-size:.9375rem;line-height:1.5}.floppy-sidebar{gap:17px;min-width:0;display:grid}.floppy-player-card{background:#171128;border:2px solid #7444aa;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:5px 5px #05030b}.floppy-player-avatar{color:#c8b9de;background:#27184c;border:3px solid #54efff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:0 0 0 4px #2b1450}.floppy-player-avatar img{object-fit:cover;width:100%;height:100%}.floppy-player-card span{color:#54efff;font:.8125rem/1.4 var(--font-mono);margin-bottom:2px;display:block}.floppy-player-card strong{color:#fff;overflow-wrap:anywhere;font-size:1.05rem;display:block}.floppy-player-card p{color:#bcaece;margin:5px 0 0;font-size:.875rem;line-height:1.45}.floppy-board{background:#151020;border:2px solid #684197;border-radius:12px;overflow:hidden;box-shadow:5px 5px #05030b}.floppy-board>header{padding:20px 20px 14px}.floppy-board h2{color:#fff;letter-spacing:-.045em;margin:0;font-size:1.6rem;line-height:1.2}.floppy-board header>p:last-child{color:#bfb4d0;margin:8px 0 0;font-size:.8125rem;line-height:1.5}.floppy-board header>p:last-child strong{color:#fff061;font-family:var(--font-mono)}.floppy-tabs{flex-direction:column;gap:0;display:flex}.floppy-tabs .floppy-tab-list{background:#0c0814;border:1px solid #553576;border-radius:6px;width:auto;height:auto;min-height:44px;margin:0 16px 8px;padding:4px;display:flex}.floppy-tab-list button{color:#cdbfe0;min-height:36px;font-size:.875rem}.floppy-tab-list button[data-active]{color:#fff;background:#582c84}.floppy-scores{margin:0;padding:0;list-style:none}.floppy-scores li{border-bottom:1px solid #3e2a52;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 16px;display:grid}.floppy-scores li:last-child{border-bottom:0}.floppy-rank{color:#a698bb;font:.8125rem var(--font-mono)}.floppy-rank-first{color:#fff061}.floppy-score-avatar{color:#bdaecc;background:#2b1952;border:2px solid #54efff88;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.floppy-score-avatar img{object-fit:cover;width:100%;height:100%}.floppy-scores li>div{min-width:0}.floppy-scores a{color:#f5ecff;overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.4;display:block}.floppy-scores a:hover{color:#54efff;text-decoration:underline}.floppy-scores a small{color:#fff061;margin-left:6px;font-size:.75rem}.floppy-scores li>div>span{color:#ad9fc0;font-size:.75rem;line-height:1.4;display:block}.floppy-scores li>b{color:#fff061;font:700 .9375rem var(--font-mono)}.floppy-score-mine{background:#fff0610b;box-shadow:inset 3px 0 #fff061}.floppy-empty{color:#bfa8d9;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:22px;display:flex}.floppy-empty strong{color:#f5ecff;margin-top:10px;font-size:.9375rem}.floppy-empty p{color:#ad9fc0;margin:6px 0 0;font-size:.8125rem;line-height:1.5}.floppy-loading,.floppy-board-error{color:#c8bad8;padding:20px;font-size:.875rem;line-height:1.5}.floppy-board-error{gap:12px;display:grid}.floppy-board-error .floppy-button{justify-self:start}.floppy-personal{background:#20142e;border-top:1px solid #4f346b;justify-content:space-between;gap:10px;padding:13px 16px;font-size:.875rem;display:flex}.floppy-personal strong{color:#54efff;font-family:var(--font-mono);white-space:nowrap}.floppy-board-note{color:#a99db9;margin:0;padding:12px 16px 16px;font-size:.75rem;line-height:1.55}.floppy-how{background:#151020;border:2px solid #684197;border-radius:12px;padding:20px;box-shadow:5px 5px #05030b}.floppy-how h2{color:#fff;letter-spacing:-.04em;margin:0 0 18px;font-size:1.45rem;line-height:1.2}.floppy-how ol{gap:16px;margin:0;padding:0;list-style:none;display:grid}.floppy-how li{align-items:start;gap:13px;display:flex}.floppy-how li>b{color:#54efff;font:700 .9375rem var(--font-mono);padding-top:2px}.floppy-how p{color:#bfb4d0;margin:0;font-size:.9375rem;line-height:1.55}.floppy-how p strong{color:#fff}.floppy-tip{background:#2d1c20;border:1px solid #bf7d2c;border-radius:9px;align-items:start;gap:13px;padding:17px;display:flex}.floppy-tip svg{color:#fff061;flex-shrink:0}.floppy-tip p{color:#d9c3bb;margin:0;font-size:.875rem;line-height:1.55}.floppy-tip strong{color:#fff5d6}.floppy-privacy{color:#a99db9;margin:0;padding:0 4px;font-size:.8125rem;line-height:1.55}@keyframes floppy-phase-ready{0%{box-shadow:0 4px #b76b26,0 0 #fff06100}to{box-shadow:0 4px #b76b26,0 0 18px #fff06166}}@media (max-width:850px){.floppy-layout{grid-template-columns:1fr}.floppy-shell{max-width:680px;padding-top:24px}.floppy-heading{margin-bottom:20px}}@media (max-width:560px){.floppy-touch-note{display:block}.floppy-keyboard-note{display:none}.floppy-heading h1{font-size:clamp(2.45rem,12vw,4rem)}.floppy-stamp{display:none}.floppy-cabinet{padding:9px}.floppy-hud{padding:3px 4px 10px}.floppy-hud span{font-size:.72rem}.floppy-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 48px;gap:8px}.floppy-controls .floppy-button{gap:6px;padding:10px;font-size:.875rem}.floppy-canvas{height:auto}.floppy-overlay{padding:15px}.floppy-overlay h2{font-size:2rem}.floppy-overlay>p:not(.floppy-overlay-kicker){margin:10px 0 14px;font-size:.9rem}.floppy-over h2{font-size:3.6rem}}@media (prefers-reduced-motion:reduce){.floppy-phase:not(:disabled){animation:none}}html[data-sky-time=day] .floppy-page{color:var(--day-card-ink)}html[data-sky-time=day] .floppy-heading h1{color:#fff8ff;text-shadow:5px 5px #482178}html[data-sky-time=day] .floppy-heading>div>p:last-child{color:#ddd4ef}html[data-sky-time=day] .floppy-cabinet,html[data-sky-time=day] .floppy-player-card,html[data-sky-time=day] .floppy-board,html[data-sky-time=day] .floppy-how{color:var(--day-card-ink);background:linear-gradient(145deg, var(--day-surface), var(--day-surface-soft));border-color:var(--day-border);box-shadow:7px 7px 0 var(--day-shadow), inset 0 1px 0 #ffffff2e}html[data-sky-time=day] .floppy-hud span,html[data-sky-time=day] .floppy-control-note,html[data-sky-time=day] .floppy-player-card p,html[data-sky-time=day] .floppy-board header>p:last-child,html[data-sky-time=day] .floppy-scores li>div>span,html[data-sky-time=day] .floppy-empty p,html[data-sky-time=day] .floppy-loading,html[data-sky-time=day] .floppy-board-error,html[data-sky-time=day] .floppy-board-note,html[data-sky-time=day] .floppy-post>p:not(.floppy-post-label),html[data-sky-time=day] .floppy-how p,html[data-sky-time=day] .floppy-privacy{color:var(--day-card-muted)}html[data-sky-time=day] .floppy-player-card strong,html[data-sky-time=day] .floppy-board h2,html[data-sky-time=day] .floppy-scores a,html[data-sky-time=day] .floppy-empty strong,html[data-sky-time=day] .floppy-post-label,html[data-sky-time=day] .floppy-how h2,html[data-sky-time=day] .floppy-how p strong{color:var(--day-card-ink)}html[data-sky-time=day] .floppy-icon-button{border-color:var(--day-border);background:#4d2f82}html[data-sky-time=day] .floppy-tabs .floppy-tab-list{background:#30205e;border-color:#9b78cb}html[data-sky-time=day] .floppy-tab-list button{color:#d8cbea}html[data-sky-time=day] .floppy-tab-list button[data-active]{color:#fff;background:#8a55c5}html[data-sky-time=day] .floppy-scores li{border-color:#8066a8}html[data-sky-time=day] .floppy-personal{background:#3a2869;border-color:#9471bd}