:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8deca;--muted:#b4ac98;--line:#a79b7933;--teal:#9ad9bc;font-synthesis:none;font-family:Songti SC,Noto Serif SC,STSong,serif}*{box-sizing:border-box}body{color:var(--ink);background:#181c1b;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #b8e9ce}#room{position:fixed;inset:0}#room canvas{touch-action:none;display:block}.signature{letter-spacing:.18em;color:#e7decb;pointer-events:none;text-shadow:0 1px 10px #000;align-items:center;gap:12px;font:12px/1.2 ui-monospace,SFMono-Regular,monospace;display:flex;position:fixed;top:29px;left:34px}.signature small{letter-spacing:.12em;opacity:.6;margin-left:10px;font:12px STSong,serif}.signal{background:#a5d8b6;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #81dca766}footer{pointer-events:none;color:#d2cbb9;text-shadow:0 1px 8px #000;justify-content:space-between;align-items:center;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;display:flex;position:fixed;bottom:24px;left:34px;right:34px}footer nav{pointer-events:auto;gap:25px;display:flex}footer button{font:inherit;background:0 0;border:0;padding:8px 0}footer a{padding:8px 0}#hint{transition:opacity 1s}#hint.settled{opacity:.4}#tooltip{pointer-events:none;letter-spacing:.1em;z-index:5;background:#17201ee8;border:1px solid #bdb59a44;padding:7px 12px;font-size:12px;position:fixed}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui a,#ui .panel,#ui .screen{pointer-events:auto}#ui [inert],#ui [inert] *{pointer-events:none!important}.object-entry{background:0 0;border:0;width:120px;height:100px;position:absolute;transform:translate(-50%,-50%);pointer-events:none!important}.object-entry span{opacity:0;white-space:nowrap;background:#10251fee;padding:10px;font-size:13px}.object-entry:focus-visible{outline:1px solid #a0d1b677}.object-entry:focus-visible span{opacity:1}#keyboard-entry{height:52px}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#202820f0,#131d19f5);border:1px solid #b9b08d45;border-radius:3px;padding:27px 29px;box-shadow:0 16px 50px #0004}.info{width:284px;position:absolute;top:26%;right:4vw}.eyebrow{letter-spacing:.18em;color:#bab397;margin:0 0 17px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace}h2{letter-spacing:.1em;margin:0 0 20px;font-size:23px;font-weight:400}.info>p:not(.eyebrow){color:#d8ceba;font-size:14px;line-height:1.9}.info .keyboard-note{border-top:1px solid var(--line);margin-top:21px;padding-top:17px}.actions{flex-wrap:wrap;gap:15px;margin-top:23px;display:flex}.actions button,.quiet{color:#b9c7b5;background:0 0;border:0;padding:7px 0;font-size:12px}.actions button:first-child{color:#dfecd5;border-bottom:1px solid #8ba38877}.terminal-actions{flex-wrap:wrap;justify-content:center;gap:12px;max-width:calc(100vw - 32px);display:flex;position:absolute}.terminal-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17221cba;border:1px solid #9ca78e30;padding:9px 13px;font-size:12px}.screen{color:#a6ddba;text-shadow:0 0 7px #90f0b52b;background:radial-gradient(#10362c,#061f18);border-radius:9%;flex-direction:column;padding:12px 15px;font-family:ui-monospace,SFMono-Regular,Songti SC,monospace;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 30px #0007;container-type:inline-size}.screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 4px);position:absolute;inset:0}.screen-top{letter-spacing:.11em;opacity:.65;border-bottom:1px solid #7cc39e33;justify-content:space-between;padding-bottom:9px;font-size:8px;display:flex}.screen h1{letter-spacing:.08em;margin:12px 0;font-size:clamp(15px,6cqw,24px);font-weight:400}.project-list{flex-direction:column;gap:5px;display:flex}.project{text-align:left;color:#9fc2a8;background:0 0;border:1px solid #0000;align-items:center;gap:13px;width:100%;min-height:44px;padding:8px 7px;font-size:clamp(12px,5cqw,19px);display:flex}.project.selected,.detail-actions .selected{color:#d2f3d2;background:#a2e7ad16;border-color:#9fd5aa66}.project small{opacity:.55;margin-top:3px;font:9px/1.5 ui-monospace,monospace;display:block}.project-number{opacity:.6;font:10px monospace}.project .arrow{margin-left:auto;font:13px monospace}.screen-foot{color:#72a483;letter-spacing:.07em;margin:auto 0 0;padding-top:8px;font-size:8px}.project-description{max-height:70px;margin:0 0 12px;font:clamp(12px,4.8cqw,17px)/1.65 Songti SC,serif;overflow:auto}.detail-actions{flex-direction:column;gap:4px;margin-top:auto;display:flex}.detail-actions>*{color:#b3d4b8;text-align:left;background:0 0;border:1px solid #0000;min-height:34px;padding:7px 9px;font-size:12px}.screen-paused{filter:brightness(.6)}.dialogue{width:350px;position:absolute;top:29%;right:4vw}.speaker{letter-spacing:.2em;color:#a9d2b4;align-items:center;gap:10px;margin:0 0 20px;font:11px/1.5 ui-monospace,monospace;display:flex}.spoken{text-align:left;letter-spacing:.06em;background:0 0;border:0;width:100%;min-height:64px;margin:0 0 20px;padding:0;font-size:20px;line-height:1.65;display:block}.questions{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.questions button{text-align:left;background:#91ad8c09;border:1px solid #92b89c38;min-height:44px;padding:11px 14px;font-size:14px}.questions button:not(:disabled):hover{background:#91ad8c22}.quiet{margin-right:17px}.welcome{width:380px;inset:auto auto 15% 50%;transform:translate(-50%)}.plate-entry{color:#0000;width:68px;height:44px;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.plate-entry:focus-visible{outline-offset:4px;border-radius:3px;outline:1px solid #cfdbc0aa}.plate-actions{flex-wrap:wrap;gap:16px;margin-top:22px;display:flex}.plate-actions button{background:#91ad8c0c;border:1px solid #92b89c50;min-width:112px;min-height:44px;padding:10px 16px;font-size:13px}.plate-actions button:hover:not(:disabled){background:#91ad8c22}.key-controls{gap:7px;display:flex;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.key-controls button{color:#cfc6aa;opacity:0;background:#161d17bd;border:1px solid #b5af9244;min-width:47px;min-height:36px;padding:8px 10px;font:10px ui-monospace,monospace}.key-controls:focus-within button{opacity:1}.transition-note{color:#dfd5bd;font-size:12px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#loading{z-index:10;text-align:center;background:#151c18;place-items:center;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-script{z-index:20;background:#182019;place-content:center;gap:20px;display:grid;position:fixed;inset:0}.no-script a{text-decoration:underline}@media (width>=1500px){.info,.dialogue{right:7vw}}@media (width<=1100px) and (width>=701px){.info,.dialogue{width:240px;padding:21px;right:22px}.info>p:not(.eyebrow){font-size:13px}.screen{padding:9px 12px}.screen h1{margin:7px 0}}@media (width<=700px){.signature{font-size:10px;top:22px;left:22px}.signature small{display:none}footer{font-size:10px;bottom:13px;left:22px;right:22px}footer nav{gap:16px}#hint{max-width:44%;font-size:9px}.terminal-actions{gap:10px}.terminal-actions button{padding:9px 11px;font-size:11px}.info,.dialogue{width:auto;max-height:36dvh;padding:20px 23px;inset:auto 18px 73px;overflow:auto}.info .eyebrow{margin-bottom:8px;font-size:9px}.info h2{margin-bottom:8px;font-size:19px}.info>p:not(.eyebrow){margin:8px 0;font-size:13px;line-height:1.65}.info .keyboard-note{display:none}.actions{gap:24px;margin-top:9px}.speaker{margin-bottom:10px}.spoken{min-height:40px;margin-bottom:12px;font-size:19px}.questions{gap:6px;margin-bottom:4px}.questions button{padding:9px 12px;font-size:13px}.welcome{max-height:45dvh;bottom:16%;transform:none}.screen{border-radius:8%;min-height:185px;padding:9px 11px}.screen h1{margin:10px 0;font-size:17px}.screen-top{padding-bottom:6px;font-size:7px}.project{gap:8px;padding:7px 4px;font-size:14px}.project small{font-size:8px}.screen-foot{font-size:7px}.project-description{font-size:13px}.detail-actions>*{min-height:36px;font-size:12px}.key-controls{bottom:45px}.key-controls button{opacity:1;min-height:30px;padding:6px 9px}.has-dialogue .key-controls{visibility:hidden}.plate-entry{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=700px){.screen{min-height:0}.screen h1{margin:7px 0;font-size:15px}.project{padding:5px 4px}.project small{line-height:1.2}.screen-foot{padding-top:5px}}@font-face{font-family:DeskPixel;src:url(./fusion-pixel-12px-monospaced-zh_hans-BXoZj4Zk.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--terminal-font:DeskPixel,ui-monospace,"PingFang SC",monospace;--terminal-line:#9fbaa354;--terminal-glow:0 0 5px #a4ffc34a}#ui .panel,.terminal-actions,.key-controls,#tooltip{font-family:var(--terminal-font);font-synthesis:none}#ui .panel{border:1px solid var(--terminal-line);-webkit-backdrop-filter:none;backdrop-filter:none;color:#d9efcf;text-shadow:var(--terminal-glow);background:repeating-linear-gradient(0deg,#b6d6a903 0 1px,#0000 1px 4px),linear-gradient(#121614e6,#090d0be8);border-radius:0;padding:58px 22px 22px;box-shadow:4px 4px #0009,inset 0 0 0 3px #b4d0b505}#ui .panel:before{content:attr(data-caption);border-bottom:1px solid var(--terminal-line);height:27px;font:12px/14px var(--terminal-font);letter-spacing:.1em;color:#b8d6b3;background:#a3b8a312;padding:6px 11px;position:absolute;top:0;left:0;right:0}#ui .panel:after{content:"▪ ▪";color:#adc1a1;font:16px var(--terminal-font);pointer-events:none;position:absolute;top:4px;right:10px}#ui .welcome:before{content:"SYZYGY / ONLINE"}#ui .object-panel{z-index:2;width:308px;max-height:calc(100dvh - 150px);bottom:auto;right:auto;overflow:auto}#ui .eyebrow{font:12px/1.5 var(--terminal-font);letter-spacing:0;color:#b1ccaa;margin:0 0 14px}#ui h2{font:20px/1.4 var(--terminal-font);letter-spacing:0;margin-bottom:14px}#ui .info>p:not(.eyebrow){font:14px/1.65 var(--terminal-font);color:#cce5c0}#ui .info .keyboard-note{margin-top:14px;padding-top:12px}#ui .speaker{font:12px/1.5 var(--terminal-font);letter-spacing:.12em;margin-bottom:18px}#ui .signal{box-shadow:none;border-radius:0}#ui .info .eyebrow{color:#26351f;text-shadow:none;background:#cedfaee8;padding:5px 9px;box-shadow:0 0 9px #bbeb9c1c}#ui .info .eyebrow:before{content:"> "}#ui .speaker{color:#26351f;width:fit-content;text-shadow:none;background:#cedfaee8;padding:4px 9px;box-shadow:0 0 9px #bbeb9c1c}#ui .speaker .signal{background:#3e5733}#ui .dialogue .eyebrow{color:#aec49f;opacity:.8}#ui .info .keyboard-note{color:#a7bd9a;text-shadow:none}#ui .actions button:first-child{background:#c7e3b61c;border-color:#bed9aa70}#ui .spoken{font:18px/1.6 var(--terminal-font);letter-spacing:0;color:#dff8cb;text-shadow:0 0 5px #b6ffb866,0 0 12px #9affb21c;min-height:56px;margin-bottom:20px}#ui .actions{gap:12px;margin-top:18px}#ui .actions button,#ui .questions button,#ui .plate-actions button,#ui .quiet,.terminal-actions button{font:14px/1.4 var(--terminal-font);color:#ccecc1;min-height:42px;text-shadow:var(--terminal-glow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#a2b5a008;border:1px solid #9cba9d54;border-radius:0;padding:9px 12px;box-shadow:2px 2px #06120b99}#ui .questions button:before{content:"> ";color:#88b193}#ui .quiet{min-height:36px;margin-top:6px;margin-right:12px;padding:7px 10px;font-size:12px}#ui .actions button:hover,#ui .questions button:hover:not(:disabled),#ui .plate-actions button:hover:not(:disabled),#ui .quiet:hover,.terminal-actions button:hover,#ui .panel button:not(.spoken):focus-visible,.terminal-actions button:focus-visible{color:#25341f;text-shadow:none;background:#d5e7b8;border-color:#e0efc8;box-shadow:0 0 12px #c2eeaa26}#ui .questions button:hover:not(:disabled):before,#ui .questions button:focus-visible:before{color:inherit}.terminal-actions button{background:#0e1410f5;min-height:36px;font-size:12px}#ui .plate-actions{gap:16px;margin-top:20px}#ui .plate-actions button{flex:1;min-width:112px;font-size:14px}.callout-wire{pointer-events:none;z-index:1;color:#c0d5ae;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callout-wire path{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:miter}.callout-wire rect{fill:#d8e5bf;stroke:#1b3025;stroke-width:1px}[data-transition=true] .callout-wire{visibility:hidden}@media (width<=1100px) and (width>=701px){#ui .object-panel{width:268px;padding:56px 18px 18px}#ui .info>p:not(.eyebrow){font-size:14px}#ui .plate-actions button{min-width:98px;padding:9px 6px;font-size:14px}}@media (width<=700px){#ui .object-panel{width:calc(100vw - 36px);max-height:38dvh;padding:52px 18px 16px}#ui .welcome{padding:52px 18px 16px}#ui .info>p:not(.eyebrow){font-size:12px;line-height:1.65}#ui h2{margin-bottom:8px;font-size:18px}#ui .eyebrow{margin-bottom:8px;font-size:12px}#ui .spoken{min-height:40px;margin-bottom:14px;font-size:18px;line-height:1.5}#ui .speaker{margin-bottom:12px}#ui .questions button,#ui .actions button{padding:9px 10px;font-size:12px}#ui .actions{margin-top:10px}#ui .plate-actions{margin-top:14px}}#ui .info .status-line{color:#a7bd9a;border-left:2px solid #9fbaa380;margin-top:10px;padding-left:9px;font-size:12px}#ui .actions{flex-wrap:wrap}#ui .info .photo-note{color:#93a98a;margin-top:12px;font-size:12px}#ui .info .notice{color:#e8d9a8;border:1px dashed #d8c48e66;margin-top:10px;padding:7px 9px;font-size:13px}#ui .dialogue .object-note{font:13px/1.6 var(--terminal-font);color:#a7bd9a;margin:-4px 0 16px}#ui .engraving{font-family:var(--terminal-font);border:1px solid var(--terminal-line);color:#dff8cb;text-align:center;pointer-events:none;background:#0b100df0;margin:0;padding:6px 12px;position:absolute;transform:translate(-50%);box-shadow:3px 3px #0009}#ui .engraving span{letter-spacing:.12em;color:#a7bd9a;font-size:11px;display:block}#ui .engraving b{letter-spacing:.3em;font-size:18px;font-weight:400}@media (width<=700px){body[data-view=cup] #ui .object-panel,body[data-view=hamster] #ui .object-panel,body[data-view=frame] #ui .object-panel{max-height:46dvh}}#ui .card-text{white-space:pre-line}#ui .card-panel .card-text{color:#e6dcc4;border-left:2px solid #c7b58a66;margin:4px 0 6px;padding-left:12px;font:16px/1.85 Songti SC,STSong,serif}#ui .screen .card-text{max-height:none}#ui .info .remark{font:16px/1.5 var(--terminal-font);color:#dff8cb;border-top:1px solid var(--terminal-line);align-items:baseline;gap:10px;margin-top:14px;padding-top:12px;display:flex}#ui .info .remark span{letter-spacing:.12em;color:#a7bd9a;flex:none;font-size:11px}#ui .slip{color:#2d2720;text-shadow:none;text-align:center;background:#ece4cf;max-height:40dvh;margin:14px 0 4px;padding:16px 16px 14px;font:13px/1.55 SFMono-Regular,Menlo,ui-monospace,monospace;overflow:auto;box-shadow:2px 2px #0007}#ui .slip p{color:#2d2720;margin:0;font-size:13px}#ui .slip .slip-head{letter-spacing:.2em;font-size:15px;font-weight:600}#ui .slip .slip-time{border-bottom:1px dashed #6f6556;padding-bottom:9px}#ui .slip .slip-title{border-bottom:1px dashed #6f6556;justify-content:space-between;padding:8px 0;font:15px/1.4 Songti SC,Noto Serif SC,serif;display:flex}#ui .slip .slip-body{text-align:left;white-space:pre-line;padding-top:10px;font:14px/1.7 Songti SC,Noto Serif SC,serif}@media (width<=700px){#ui .slip{order:3;max-height:none;margin:8px 0 2px;padding:11px 12px}#ui .slip .slip-body{font-size:13px}#ui .object-panel:has(.slip){flex-direction:column;max-height:58dvh;display:flex}:is(#ui .object-panel:has(.slip) .actions,#ui .object-panel:has(.slip) .notice){order:2}}@supports not selector(::-webkit-scrollbar){#ui *{scrollbar-width:thin;scrollbar-color:#cfe7b8 transparent}#ui .slip{scrollbar-color:#6f6556 transparent}}#ui ::-webkit-scrollbar{width:3px;height:3px}#ui ::-webkit-scrollbar-track{background:0 0}#ui ::-webkit-scrollbar-corner{background:0 0}#ui ::-webkit-scrollbar-thumb{background:#cfe7b8;border-radius:0;box-shadow:0 0 6px #b6ffb866}#ui ::-webkit-scrollbar-button{display:none}#ui .slip::-webkit-scrollbar-thumb{box-shadow:none;background:#6f6556}.screen.compact h1{margin:6px 0 8px;font-size:clamp(14px,5.4cqw,21px)}.screen.compact .project-list{gap:3px}.screen.compact .project{min-height:34px;padding:4px 7px}.screen.compact .project small{margin-top:1px}.signature{border:1px solid var(--terminal-line);font:12px/1 var(--terminal-font);letter-spacing:.08em;color:#d9efcf;text-shadow:var(--terminal-glow);background:#0b100dd9;gap:0;padding:0;box-shadow:3px 3px #0008}.signature .signal{display:none}.signature .hud-led{background:#9be7b4;width:6px;height:6px;margin:0 9px 0 10px;box-shadow:0 0 6px #8cf0b0aa}.signature b{color:#26351f;text-shadow:none;background:#cedfaee8;padding:7px 10px;font-weight:400}.signature small{font:12px/1 var(--terminal-font);opacity:.85;letter-spacing:.04em;margin:0;padding:7px 10px}footer{font:12px/1 var(--terminal-font);color:#d9efcf;text-shadow:var(--terminal-glow);align-items:flex-end;gap:12px;bottom:18px;left:24px;right:24px}#hint{border:1px solid var(--terminal-line);background:#0b100dcc;padding:8px 10px;box-shadow:3px 3px #0008}#hint:before{content:"> ";color:#88b193}footer nav{align-items:stretch;gap:8px}footer nav>button,footer nav>a,.player{border:1px solid var(--terminal-line);min-height:32px;font:12px/1 var(--terminal-font);color:#d9efcf;background:#0b100dd9;align-items:center;padding:0 11px;display:flex;box-shadow:3px 3px #0008}.player{padding:0}.player button{border:0;border-right:1px solid var(--terminal-line);min-width:32px;font:12px/1 var(--terminal-font);color:inherit;text-shadow:inherit;background:0 0;align-self:stretch;padding:0 9px}.player-title{white-space:nowrap;text-overflow:ellipsis;color:#b8d6b3;max-width:18ch;padding:0 11px;overflow:hidden}.player[data-playing=true] .player-title{color:#e6ffd8}.player-title:before{content:"♪ ";color:#88b193}footer nav>button:hover,footer nav>a:hover,.player button:hover,footer nav>button:focus-visible,footer nav>a:focus-visible,.player button:focus-visible{color:#25341f;text-shadow:none;background:#d5e7b8;outline:none}#loading{font-family:var(--terminal-font);background:#070b09 repeating-linear-gradient(0deg,#9fd5aa07 0 1px,#0000 1px 4px)}#loading .boot{border:1px solid var(--terminal-line);text-align:left;color:#d9efcf;width:min(440px,100vw - 32px);text-shadow:var(--terminal-glow);background:#0b100df2;box-shadow:6px 6px #000a}#loading .boot-bar{border-bottom:1px solid var(--terminal-line);letter-spacing:.1em;color:#b8d6b3;background:#a3b8a312;justify-content:space-between;margin:0;padding:7px 11px;font-size:12px;display:flex}#loading .boot-body{padding:24px 22px 22px}#loading .boot-title{letter-spacing:.14em;color:#e6ffd8;margin:0 0 6px;font-size:30px}#loading .boot-sub{letter-spacing:.08em;color:#9fbf9f;margin:0 0 24px;font-size:12px}#loading .boot-progress{border:1px solid #9fbaa380;height:18px;margin:0 0 12px;padding:2px}#loading .boot-progress i{background:repeating-linear-gradient(90deg,#bfe9a8 0 8px,#0000 8px 11px);width:6%;height:100%;transition:width .25s steps(5,end);display:block;box-shadow:0 0 8px #a4ffc333}#progress{color:#cfe6c4;margin:0;font-size:13px}#progress:before{content:"> ";color:#88b193}#progress:after{content:"_";animation:1s step-end infinite boot-caret}@keyframes boot-caret{50%{opacity:0}}#failure{gap:10px;margin-top:18px;display:flex}#failure[hidden]{display:none}#failure button,#failure a{min-height:36px;font:13px/1 var(--terminal-font);color:#ccecc1;background:#a2b5a008;border:1px solid #9cba9d54;align-items:center;padding:0 14px;display:inline-flex;box-shadow:2px 2px #06120b99}#failure button:hover,#failure a:hover{color:#25341f;background:#d5e7b8}#loading.failed .boot-progress i{background:repeating-linear-gradient(90deg,#e0a090 0 8px,#0000 8px 11px);box-shadow:0 0 8px #e0a09033}@media (prefers-reduced-motion:reduce){#progress:after{animation:none}#loading .boot-progress i{transition:none}}@media (width<=700px){.signature{font-size:11px;top:14px;left:12px}.signature small{display:none}footer{flex-direction:column;align-items:stretch;gap:6px;font-size:11px;bottom:10px;left:12px;right:12px}#hint{align-self:flex-start;max-width:none;padding:6px 8px;font-size:11px}footer nav{justify-content:space-between;gap:6px}footer nav>button,footer nav>a,.player{min-height:30px;padding:0 8px;font-size:11px}.player{flex:1;min-width:0;padding:0}.player button{min-width:30px;padding:0 7px;font-size:11px}.player-title{flex:1;min-width:0;max-width:none;padding:0 8px}.key-controls{bottom:88px}}