/* Group D only. Interactive layers remain separate from the illustrated scenery. */
body[data-view=piano] #app>.layout.piano{background:linear-gradient(#031c4920,#003c6620 65%,#031b39cc),url('/assets/group-d-premium/piano-archipelago-v1.png') center/cover}
#app .layout.piano .piano-hud{border:1px solid #b7eaff99;border-radius:12px;background:linear-gradient(125deg,#07335ee8,#096d9fc4,#072b50ed);box-shadow:inset 0 1px #e7faff66,0 3px 15px #001b3a99;gap:3px}
#app .layout.piano .piano-hud span{font-size:10px;letter-spacing:.4px;color:#daf6ff;text-align:center}
#app .layout.piano .piano-hud b{font-family:'Carto Condensed',sans-serif;font-size:24px;line-height:1.05;color:white;text-shadow:0 0 12px #52ddff}
#app .layout.piano .piano-stage{left:7px;right:7px;width:auto;bottom:calc(236px + env(safe-area-inset-bottom,0px));background:linear-gradient(#02315533,#0679b922 65%,#0b9ac44d);border-left:1px solid #9bedff80;border-right:1px solid #9bedff80;box-shadow:inset 0 -18px 20px #56d6f855;isolation:isolate}
#app .layout.piano .piano-lane{border-left:1px solid #b2f0ff50;border-right:1px solid #03396344;background:linear-gradient(90deg,#d3f8ff10,#00345d07,#b4efff14);touch-action:none}
#app .layout.piano .piano-lane span{bottom:1%;font:600 16px 'Carto Condensed',sans-serif;color:#e8fbff;opacity:.85}
#app .layout.piano .piano-tile{border-radius:6px;border:1px solid #a8ebff;border-top:2px solid #efffff;background:linear-gradient(120deg,#0c78c6,#075098 30%,#071f60 80%);box-shadow:inset 2px 0 #80d9ff66,inset -3px -5px #001d4f88,0 3px 0 #002350,0 0 12px #5cdfff6b;color:#defcff;font:600 13px 'Carto Condensed',sans-serif;display:grid;place-items:center;text-shadow:0 1px 2px #001b45;overflow:hidden}
#app .layout.piano .piano-tile::after{content:'';position:absolute;inset:4px;border:1px solid #9feaff55;border-radius:3px;background:linear-gradient(120deg,#c8f9ff2b,transparent 45%);pointer-events:none}
#app .layout.piano .piano-tile.past{opacity:.32}
#app .layout.piano .piano-hitline{height:4px;background:#d8ffff;box-shadow:0 0 6px #fff,0 0 18px 7px #32dbff99}
#app .layout.piano .piano-feedback{color:#ffe7a0;font:600 29px 'Carto Condensed',sans-serif;text-shadow:0 2px #8f5400,0 0 15px #ffd16c;z-index:5}
#app .layout.piano .piano-feedback[data-judgement=miss]{color:#ffd8dc;text-shadow:0 2px #6b143c}
#app .layout.piano .piano-lane.key-pulse{animation:piano-key-ripple .25s ease-out}
#app .layout.piano .piano-lane.key-pulse[data-judgement=miss]{animation:piano-key-miss .25s ease-out}
@keyframes piano-key-ripple{from{box-shadow:inset 0 -100px 30px #bfffffcc}to{box-shadow:inset 0 0 0 transparent}}
@keyframes piano-key-miss{from{box-shadow:inset 0 -70px 30px #f45d7488}to{box-shadow:inset 0 0 0 transparent}}
#app .layout.piano .piano-actor{position:absolute;left:-16px;top:43%;width:124px;height:164px;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 6px #002c67aa)}
#app .layout.piano .piano-actor canvas{width:100%;height:100%;display:block;pointer-events:none}
#app .layout.piano .piano-hint{bottom:calc(196px + env(safe-area-inset-bottom,0px));padding:5px 8px;border-radius:6px;line-height:1.25;background:#032f53dd;color:#e0f9ff;text-shadow:0 1px #001329}
#app .layout.piano .piano-audio-controls{background:linear-gradient(110deg,#07375de8,#041f3ee8);border:1px solid #83c9e078;box-shadow:inset 0 1px #b1ebff33;border-radius:9px}
#app .layout.piano .piano-audio-controls button{background:linear-gradient(#20668f,#0d345b);border:1px solid #7ec4d999;border-radius:5px;color:#effbff;font-size:11px}
#app .layout.piano>[data-action=piano-exit]{border-color:#8ad2e799;background:linear-gradient(#0e4767e8,#062c4be8);color:#e0f8ff}
#app .layout.piano .piano-welcome{position:absolute;inset:70px 0 80px;text-align:center;display:flex;flex-direction:column;align-items:center}
#app .layout.piano .piano-welcome h1{font:600 43px 'Carto Condensed',sans-serif;text-shadow:0 2px 4px #003455;margin:4px}
#app .layout.piano .piano-welcome>.eyebrow{color:#dcf8ff;text-shadow:0 1px 3px #003665}
#app .layout.piano .piano-actor.welcome-actor{left:calc(50% - 90px);top:15%;width:180px;height:230px}
#app .layout.piano .piano-invitation{position:absolute;bottom:8px;left:12px;right:12px;padding:13px;border-radius:12px;border:1px solid #95e6ff;background:linear-gradient(#05477fd9,#042948ee);box-shadow:0 6px 28px #001a36aa,inset 0 1px #d4ffff55}
#app .layout.piano .piano-invitation h2{font:600 25px 'Carto Condensed',sans-serif;margin:0 0 6px;color:#fff0bc}
#app .layout.piano .piano-invitation p{font-size:12px;line-height:1.4;margin:5px 0 12px}.piano-invitation small{display:block;margin-top:9px;font-size:10px;color:#c6efff}
#app .layout.piano .piano-finale{margin:78px 14px 90px;padding:20px 12px;background:linear-gradient(#073b65ec,#041c38ed);border:1px solid #a3e9ff;border-radius:14px;box-shadow:0 5px 30px #001c4ca8}
#app .layout.piano .piano-finale h1{font:600 31px 'Carto Condensed',sans-serif}.piano-finale p{font-size:13px;line-height:1.5}
/* A real permanent cup; the illustrated arena never supplies gameplay or rewards. */
dialog.voyage-dialog[data-page=events]{background:#071b30}
dialog.voyage-dialog[data-page=events] .voyage-body{padding:0 10px 16px;background:radial-gradient(ellipse at 80% 30%,#652d7333,transparent 60%),linear-gradient(#0a2845,#061522)}
.voyage-dialog[data-page=events] .cup-hero{position:relative;min-height:285px;height:43dvh;max-height:360px;margin:0 -10px;overflow:hidden;background:linear-gradient(transparent 60%,#061b30),url('/assets/group-d-premium/harbor-cup-v1.png') center 43%/cover;border-bottom:1px solid #c69d58;isolation:isolate}
.cup-hero::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 28px #04101f80;z-index:3}
.cup-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#ffdf8e25,transparent 60%);animation:cup-breathe 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes cup-breathe{to{opacity:.35}}
.cup-season{position:absolute;top:12px;left:12px;z-index:2;display:grid;gap:3px;text-shadow:0 2px 5px #06162c}
.cup-season span{font-size:9px;letter-spacing:2px;color:#ffdc8f}.cup-season strong{font:600 29px 'Carto Condensed',sans-serif;color:#fff5d4}
.voyage-dialog[data-page=events] .cup-player{position:absolute;inset:30px 12% 52px;pointer-events:none}
.voyage-dialog[data-page=events] .cup-player .pirate-scene{height:100%;min-height:0;background:transparent;border:0;box-shadow:none;margin:0}
.cup-player small{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#fff0cf;text-shadow:0 1px 4px #000}
.cup-title{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;z-index:4;text-shadow:0 2px 4px #030d1b}
.cup-title>span{font-size:9px;letter-spacing:2px;color:#ffe9ad}.cup-title h3{font:600 29px 'Carto Condensed',sans-serif;margin:2px 0;color:#ffe29a}.cup-title p{margin:3px 0 0;font-size:10px;color:#f2e8d5}
.cup-progress{display:flex;align-items:center;gap:15px;padding:10px 5px;border-bottom:1px solid #a6895055}
.cup-progress>div:first-child{display:grid;min-width:64px}.cup-progress small{font-size:8px;letter-spacing:1px;color:#b6d5e5}.cup-progress strong{font:600 31px 'Carto Condensed',sans-serif;color:#fff0b9}.cup-progress strong span{font-size:20px;color:#a6c2d1}
.voyage-dialog[data-page=events] .event-rounds{display:flex;gap:8px;margin:0;flex:1}.voyage-dialog[data-page=events] .event-rounds span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #bba36c;background:linear-gradient(#113c55,#09283c);border-radius:50%;box-shadow:inset 0 0 0 3px #062033,0 2px 8px #0007;color:#c0dbea;font:600 21px 'Carto Condensed',sans-serif}.voyage-dialog[data-page=events] .event-rounds span.complete{color:#ffdc8a;background:radial-gradient(#317b7b,#12474d);box-shadow:0 0 12px #58d9be40}
.cup-progress>button{min-width:40px;min-height:40px;width:40px;border-radius:50%;border:1px solid #789bb2;background:#0c304b;color:#d3edfa;font-family:serif;font-style:italic}
.cup-prize{display:flex;align-items:center;gap:12px;margin:9px 0;padding:7px 9px;border-radius:7px;border:1px solid #9c825a88;background:linear-gradient(105deg,#1d3649,#092538);box-shadow:inset 0 1px #e7ca7740}
.cup-prize>button{width:59px;height:65px;flex-shrink:0;padding:0;border:1px solid #a98955;background:radial-gradient(#9e5e44,#182b3f);border-radius:5px;overflow:hidden}.cup-prize img{width:100%;height:100%;object-fit:contain}.cup-prize small{font-size:8px;letter-spacing:1px;color:#d6b87a}.cup-prize strong{display:block;font:600 21px 'Carto Condensed',sans-serif;color:#fff1c6}.cup-prize p{font-size:10px;margin:3px 0;color:#bad1df}
.cup-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cup-actions button{min-height:44px;border:1px solid #8fadb9;border-radius:6px;background:linear-gradient(#234b66,#102a41);color:#e4f4ff;font:600 16px 'Carto Condensed',sans-serif;box-shadow:inset 0 1px #d4f4ff33}.cup-actions button:first-child{border-color:#c49a50;background:linear-gradient(#ffdf91,#d69a40);color:#38280e;box-shadow:inset 0 1px #fff6c9,0 3px 8px #0006}.cup-actions button:disabled{filter:saturate(.25);opacity:.65}.cup-locked{font-size:11px;margin:7px 0;color:#d3dce4}
.voyage-dialog[data-page=events] .cup-info{position:fixed;left:14px;right:14px;top:26%;max-width:360px;width:auto;z-index:20;background:linear-gradient(#133c54,#09263d);border:1px solid #c5a667;box-shadow:0 10px 60px #000b;border-radius:12px;padding:13px}.cup-info header{display:flex;justify-content:space-between;align-items:center}.cup-info h2{font:600 22px 'Carto Condensed',sans-serif;margin:0}.cup-info p{font-size:12px;line-height:1.5}.cup-info .bubble-close{background:#943b45;color:#fff;width:30px;height:30px;min-height:30px;min-width:30px;border:1px solid #f07b7b;border-radius:50%;font-size:22px}
/* The valuation curve retains only real stored points. Money is a distinct tab. */
body[data-view=portfolio] #app>.layout.portfolio{background:radial-gradient(ellipse at 50% 0,#14607155,transparent 55%),linear-gradient(#071f36ef,#031827f5),url('/assets/premium-crew-progress/quest-journal-v1.png') center/cover}
#app .layout.portfolio .portfolio-total{position:relative;text-align:center;padding:8px 4px 11px;border-bottom:1px solid #8f805433;box-shadow:0 10px 15px -18px #65ddff}
#app .layout.portfolio .portfolio-total>span{font-size:10px;letter-spacing:.3px;color:#bdcfda}.layout.portfolio .portfolio-total strong{font-family:'Carto Condensed',sans-serif;letter-spacing:1px;text-shadow:0 2px 5px #0008}.layout.portfolio .portfolio-total em{color:#6de1b6;font-style:normal}.layout.portfolio .portfolio-total small{color:#a9c5d3}
#app .layout.portfolio .portfolio-tabs{padding:3px;background:#041625;border:1px solid #536c7188;border-radius:7px;box-shadow:inset 0 1px #a4d4e222;gap:3px}
#app .layout.portfolio .portfolio-tabs button{flex:1;padding:7px 2px;min-height:34px;font:600 14px 'Carto Condensed',sans-serif;border-radius:4px;white-space:nowrap}.layout.portfolio .portfolio-tabs button.active{background:linear-gradient(#ffe5a8,#d4a355);color:#182c37;box-shadow:inset 0 1px #fff3c8}
#app .layout.portfolio .portfolio-chart{background:linear-gradient(155deg,#0c4058c9,#03192c);border:1px solid #6c999e99;border-radius:7px;box-shadow:inset 0 1px #b2e8ef33,0 4px 12px #0004;margin:3px 0;padding:8px 6px 3px}
#app .layout.portfolio .portfolio-chart svg{filter:drop-shadow(0 0 4px #45cbe933);width:100%;height:auto;max-height:210px}.layout.portfolio .chart-caption{padding:0 4px;font-size:10px}.layout.portfolio .chart-caption small{font-size:9px;max-width:200px}.layout.portfolio .portfolio-axis{font-size:9px;color:#85bbcb;padding:5px 5px 0}
#app .layout.portfolio .portfolio-breakdown{border:1px solid #45627388;border-radius:6px;overflow:hidden;background:#0a2a3ecc}.layout.portfolio .portfolio-breakdown section{background:linear-gradient(90deg,#24546722,transparent);border-bottom:1px solid #4e768955;align-items:center}.layout.portfolio .portfolio-breakdown strong{color:#e4eff4;font:600 17px 'Carto Condensed',sans-serif}.layout.portfolio .portfolio-breakdown small{color:#98b8c9;font-size:10px}.layout.portfolio .portfolio-breakdown b{font:600 19px 'Carto Condensed',sans-serif;color:#f4e7c6}
.layout.portfolio .micro-note{font-size:9px;line-height:1.4;color:#9cb5c4}.layout.portfolio .portfolio-commands{display:flex;gap:6px}.layout.portfolio .portfolio-commands button{flex:1;font-size:11px;background:linear-gradient(#17465b,#0b2b42);border:1px solid #68859188;border-radius:5px}
.treasury-balance{display:grid;text-align:center;padding:15px;border:1px solid #97845988;border-radius:8px;background:radial-gradient(ellipse at 50% 0,#4ca79d44,transparent 80%),linear-gradient(#10394b,#09283c);box-shadow:inset 0 1px #d9e8cc33}.treasury-balance>span{font-size:11px;color:#b8d7dc}.treasury-balance>strong{font:600 38px 'Carto Condensed',sans-serif;color:#ffe7a3}.treasury-balance small{font-size:10px;color:#a8c5d2}.treasury-stats{display:flex;gap:7px;margin:8px 0}.treasury-stats>span{flex:1;display:grid;grid-template-columns:32px 1fr;column-gap:7px;padding:9px;background:#123348;border:1px solid #4b6a7780;border-radius:5px}.treasury-stats .art-icon{width:30px;height:30px;grid-row:span 2}.treasury-stats small{font-size:9px;color:#b3c7cf}.treasury-stats b{font:600 20px 'Carto Condensed',sans-serif;color:#e8ecd9}.treasury-title{font:600 21px 'Carto Condensed',sans-serif;margin:10px 0 6px}.treasury-ledger{border:1px solid #456875;border-radius:6px;overflow:hidden}.treasury-ledger article{display:flex;gap:9px;align-items:center;padding:9px;border-bottom:1px solid #355769;background:#0c2b3e}.treasury-ledger .art-icon{width:30px;height:30px}.treasury-ledger article>div{flex:1;display:grid}.treasury-ledger strong{font-size:12px}.treasury-ledger small{font-size:9px;color:#9db9c8}.treasury-ledger b{font:600 20px 'Carto Condensed',sans-serif;color:#e0cfaa}.treasury-ledger [data-transaction=reward] b,.treasury-ledger [data-transaction=sale] b{color:#77dfb9}
/* Settings: six real preferences, no decorative fake controls. */
body[data-view=settings] #app>.layout.settings{background:radial-gradient(ellipse at 0 0,#16496188,transparent 70%),linear-gradient(#08273cef,#041a2bef),url('/assets/premium-crew-progress/quest-journal-v1.png') center/cover}
#app .layout.settings .settings-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.layout.settings .settings-backup-actions button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #7d969a99;border-radius:7px;background:linear-gradient(115deg,#1a4c5c,#0c2c42);box-shadow:inset 0 1px #d1efdc33;padding:9px}.settings-backup-actions button>span{font:600 20px 'Carto Condensed',sans-serif;color:#e6f3ed}.settings-backup-actions small{display:block;font:9px sans-serif;color:#a2c3d0;margin-top:2px}
.setting-emblem{width:29px;height:29px;flex-shrink:0;overflow:visible}.setting-emblem circle{fill:#10374a;stroke:#93b8b1;stroke-width:.8}.setting-emblem path{fill:none;stroke:#d9eee3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#app .layout.settings .settings-save-help{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;border:0;background:transparent;min-height:29px;font-size:10px;color:#a9c7d5}.settings-save-help b{border:1px solid #6b94a2;border-radius:50%;height:20px;width:20px;display:grid;place-items:center;font:italic 14px serif}
#app .layout.settings .chapter-tabs{padding:3px;background:#041725;border:1px solid #536f7c;border-radius:6px;gap:4px;margin:0 0 5px}.layout.settings .chapter-tabs button{border-radius:4px;min-height:32px;font:600 16px 'Carto Condensed',sans-serif}.layout.settings .chapter-tabs button.active{background:linear-gradient(#ffe3a6,#c99c53);color:#153344}
#app .layout.settings .settings-content{gap:6px;display:flex;flex-direction:column}.layout.settings .setting-row{display:flex;align-items:center;gap:9px;min-height:52px;border:1px solid #63828e99;border-radius:6px;padding:8px;background:linear-gradient(115deg,#17394b,#0a2539);box-shadow:inset 0 1px #b9d8df20,0 2px 3px #00142088}.layout.settings .setting-row>span{flex:1;font:600 17px 'Carto Condensed',sans-serif;color:#e0ebf0}.layout.settings .setting-row select{max-width:82px;min-height:32px;padding:3px 9px;background:#0a2c44;border:1px solid #6e91a1;color:#d8ebf3;border-radius:5px}
#app .layout.settings .setting-row input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;position:relative;width:43px;height:25px;min-height:25px;border:1px solid #7f9ca8;border-radius:15px;background:#061e30;box-shadow:inset 0 2px 4px #0007;cursor:pointer;margin:0}.layout.settings .setting-row input[type=checkbox]::after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:linear-gradient(#e0ebec,#83a1b1);box-shadow:0 1px 3px #0008;transition:transform .16s}.layout.settings .setting-row input[type=checkbox]:checked{background:linear-gradient(#2795ad,#166782);border-color:#8ed7df}.layout.settings .setting-row input[type=checkbox]:checked::after{transform:translateX(17px);background:linear-gradient(#e9fbf5,#9ce3df)}
.layout.settings .settings-content>.btn{font-size:13px;min-height:42px;margin:0;background:linear-gradient(#193e53,#0c2a40);border-color:#65849388}.layout.settings .info-card{background:linear-gradient(115deg,#17394b,#0a2539);border:1px solid #6d8c9988;border-radius:7px;padding:12px}.layout.settings .info-card h3{font:600 21px 'Carto Condensed',sans-serif;margin:0 0 6px}.layout.settings .info-card p{font-size:11px;line-height:1.5}.layout.settings .micro-note{font-size:9px;opacity:.65;margin:7px 0}
body:is([data-view=settings],[data-view=portfolio]) button:active,.cup-actions button:active{transform:translateY(1px);filter:brightness(1.1)}
body:is([data-view=settings],[data-view=portfolio],[data-view=piano]) :focus-visible,.cup-actions button:focus-visible{outline:2px solid #a8eeff;outline-offset:2px}
@media(max-height:700px){.voyage-dialog[data-page=events] .cup-hero{min-height:240px;height:38dvh}.cup-title h3{font-size:26px}.cup-progress{padding:6px 3px}.cup-prize{margin:6px 0;padding:5px 8px}.cup-prize>button{height:55px;width:50px}.cup-season strong{font-size:26px}.cup-player small{bottom:8px}#app .layout.settings .setting-row{min-height:47px;padding:6px 8px}.layout.settings .setting-row>span{font-size:16px}#app .layout.settings .settings-backup-actions button{padding:7px;min-height:52px}.settings-backup-actions button>span{font-size:18px}#app .layout.portfolio .portfolio-chart svg{max-height:160px}.layout.portfolio .portfolio-total strong{font-size:38px}.layout.portfolio .portfolio-total small{font-size:10px}#app .layout.piano .piano-actor{top:37%;width:108px;height:145px}#app .layout.piano .piano-actor.welcome-actor{top:12%;left:calc(50% - 70px);width:140px;height:170px}}
@media(prefers-reduced-motion:reduce){.cup-haze,#app .layout.piano .key-pulse{animation:none!important}.setting-row input::after{transition:none!important}}
body.reduced .cup-haze,body.reduced .key-pulse{animation:none!important}
/* Retire older !important tile paints only within this rhythm screen. */
#app .layout.piano .piano-tile{background:linear-gradient(120deg,#1593de,#075eac 35%,#062d75 80%)!important}
#app .layout.piano .piano-lane{background:linear-gradient(90deg,#d3f8ff10,#00345d07,#b4efff14)!important}
#app .layout.piano .piano-stage{background:linear-gradient(#02315522,#0679b911 65%,#0b9ac44d)!important}
#app .layout.settings .setting-row input[type=checkbox]::before{content:none}
dialog.voyage-dialog[data-page=events]>main{background:radial-gradient(ellipse at 70% 20%,#623a6b33,transparent 65%),linear-gradient(#092b45,#041a2a)}
.cup-player small{top:10px;bottom:auto;right:-22px;left:auto;padding:4px 8px;border:1px solid #b6b1a44d;border-radius:4px;background:#06263a9c;font-size:8px}
@media(max-height:700px){.voyage-dialog[data-page=events] .cup-hero{min-height:280px;height:42dvh}}
#app .layout.portfolio .portfolio-total::before{content:'✦';position:absolute;top:18px;left:12px;font-size:34px;color:#8bd5df27;line-height:1}
#app .layout.portfolio .portfolio-total::after{content:'';position:absolute;right:8px;top:11px;width:52px;height:52px;border-radius:50%;border:1px solid #91c3d532;box-shadow:inset 0 0 0 7px #89bfd40a,inset 0 0 0 8px #91c3d526;pointer-events:none}
#app .layout.portfolio .portfolio-chart svg{flex-shrink:0}
/* Score is the main rhythm-game readout; secondary counters stay compact. */
#app .layout.piano .piano-hud{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:22px 22px;min-height:54px;padding:4px 10px;gap:0 8px}
#app .layout.piano .piano-hud span:first-child{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9px}
#app .layout.piano .piano-hud span:first-child b{font-size:35px;line-height:1}
#app .layout.piano .piano-hud span:nth-child(2){grid-column:3;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center}
#app .layout.piano .piano-hud span:nth-child(3),#app .layout.piano .piano-hud span:nth-child(4){grid-column:1;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:none;letter-spacing:0}
#app .layout.piano .piano-hud span:nth-child(3) b,#app .layout.piano .piano-hud span:nth-child(4) b{font-size:17px;color:#b6efff;text-shadow:none}
#app>.layout.piano:has(.piano-finale){padding:0;overflow:auto}