:root{font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--page);--page:#eee8f3;--surface:#fffbf7;--ink:#51435f;--muted:#8b7c97;--line:#dcd0e5;--accent:#9274b0;--panel:#fffbf7;--radius:19px;--shadow:0 12px 36px #34204713}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent)}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}button,input,select{touch-action:manipulation}button{transition:background .18s,transform .18s,box-shadow .18s}kbd{font:10px 'Segoe UI',sans-serif;border:1px solid var(--line);border-radius:4px;padding:2px 4px}
header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:25px Georgia,serif;letter-spacing:-1px;display:flex;align-items:center;gap:11px;padding:5px 0}.brand span{color:var(--accent);font-size:29px}nav{display:flex;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 45%,transparent);padding:4px}nav button{border-radius:20px;padding:9px 16px;font-size:11px;white-space:nowrap}nav button.selected{background:var(--surface);box-shadow:0 2px 9px #2a16380b;color:var(--accent)}.header-actions{display:flex;gap:4px}.header-actions button{font-size:21px;border-radius:9px;padding:7px}.header-actions span{font-size:10px;margin-left:4px}
main{position:relative;margin:0 22px}.scene{height:calc(100dvh - 165px);min-height:280px;position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid color-mix(in srgb,var(--surface) 70%,transparent);background:color-mix(in srgb,var(--accent) 25%,var(--page));box-shadow:var(--shadow)}.scene canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.scene-status{position:absolute;top:21px;left:23px;display:flex;align-items:center;gap:9px;pointer-events:none;padding:9px 13px;border-radius:22px;font-size:10px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(14px)}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}#cut-counter{border-left:1px solid var(--line);padding-left:11px;font-variant-numeric:tabular-nums}#cut-counter b{font-weight:600}#view{position:absolute;right:22px;top:20px;width:35px;height:35px;border-radius:50%;font-size:21px;background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(14px)}
.toolbar{display:flex;gap:15px;align-items:center;min-height:76px;padding:12px 5px}.playback{display:flex;align-items:center;gap:5px}.playback>button:not(.primary){font-size:24px;border-radius:10px;width:35px;height:38px}.primary{background:var(--accent)!important;color:white;border-radius:12px;padding:12px 17px;white-space:nowrap;font-size:11px;font-weight:600;box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 80%,black)}.primary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 80%,black)}.game-controls{display:flex;align-items:center;gap:13px;border-left:1px solid var(--line);padding-left:15px;min-width:0}.game-controls>label{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.game-controls input[type=range]{width:82px}.game-controls>button{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--surface);font-size:10px;white-space:nowrap}.fruit-list{display:flex;gap:2px}.fruit-list button{width:35px;height:36px;font-size:24px;display:grid;place-items:center;border-radius:11px;border:1px solid transparent}.fruit-list button.selected{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.dragon-icon{color:#cc71ad;background:#ecc4df;border-radius:50%;width:25px;height:25px;font-size:27px;line-height:25px}.toolbar-end{margin-left:auto;display:flex;gap:3px}.toolbar-end button{font-size:19px;border-radius:11px;padding:9px;white-space:nowrap}.toolbar-end span{font-size:10px;margin-left:3px}#sound[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--surface) 70%,transparent)}select{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:9px 25px 9px 10px;font-size:10px;max-width:100%;cursor:pointer}input[type=range]{accent-color:var(--accent);cursor:pointer;height:18px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input[type=url],input[type=number],input[type=text]{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:10px;font-size:11px}#rhyme-line{width:170px}#melody-note-info{font-size:10px;white-space:nowrap}.toolbar:has(#rhyme-controls:not([hidden])){flex-wrap:wrap}
.mini-player{position:absolute;bottom:19px;left:21px;background:color-mix(in srgb,var(--surface) 77%,transparent);border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(20px);border-radius:18px;display:flex;gap:4px;align-items:center;padding:7px;z-index:5;box-shadow:0 4px 15px #3420470b}.mini-player>button{height:31px;min-width:31px;border-radius:10px;font-size:16px}.mini-player .mini-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;font-size:10px;padding:0 10px;min-width:145px}.mini-title small{font-size:8px;color:var(--muted)}#mini-next{font-size:24px}.hub-open .mini-player{z-index:17;background:var(--surface);bottom:15px}.hub-open .toolbar{display:none}.hub-open .scene{height:calc(100dvh - 99px)}
#hub{position:absolute;inset:0;z-index:15;background:color-mix(in srgb,var(--page) 50%,transparent);backdrop-filter:blur(17px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px 78px;overflow-y:auto}.hub-heading{display:flex;align-items:center;justify-content:space-between;width:616px;max-width:100%;margin-bottom:24px}.hub-heading h1{font:39px Georgia,serif;letter-spacing:-1.8px;font-weight:400;display:flex;align-items:center;gap:15px;margin:0}.hub-heading h1 span{font-size:30px;color:var(--accent)}#hub-design{font-size:11px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--surface) 80%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--surface) 60%,transparent)}.game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-width:100%}.game-cards button{width:194px;display:flex;align-items:center;flex-direction:column;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--surface) 80%,var(--line));border-radius:23px;padding:12px 12px 18px;box-shadow:0 5px 22px #33233d09}.game-cards button:hover{transform:translateY(-5px);background:var(--surface);box-shadow:0 10px 30px #33233d15}.game-cards strong{font:23px Georgia,serif;letter-spacing:-.5px;font-weight:400;margin:14px 0 6px}.game-cards button>span:last-child{font-size:9px;color:var(--muted)}.card-art{width:168px;height:112px;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.fruit-art{background:color-mix(in srgb,#e7b9bd 40%,var(--page))}.kiwi-art{width:73px;height:73px;border-radius:50%;border:6px solid #ad8c69;background:radial-gradient(ellipse at center,#f0e6b1 0 12%,transparent 13%),repeating-conic-gradient(from 10deg,transparent 0deg 18deg,#554d2e 18deg 21deg,transparent 21deg 30deg),#b6cc6e;transform:rotate(-18deg);box-shadow:0 4px 0 #aa84692a}.berry-art{position:absolute;width:41px;height:48px;border-radius:17px 17px 21px 21px;right:22px;bottom:15px;transform:rotate(20deg);background:radial-gradient(ellipse,#fff3bf 0 16%,transparent 20%) 0 0/12px 14px,#df9aa9}.berry-art:before{content:'✿';font:33px Georgia;position:absolute;top:-20px;left:4px;color:#7fa087}.marble-art{background:color-mix(in srgb,#acbddf 40%,var(--page));gap:8px;align-items:flex-end;padding-bottom:24px}.marble-art i{width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff90,transparent 45%),#c29dc0;box-shadow:0 7px 6px #5a427e16}.marble-art i:nth-child(2){background-color:#9ebfb3;transform:translateY(-37px)}.marble-art i:nth-child(3){background-color:#e3ca94;transform:translateY(-13px)}.marble-art i:nth-child(4){background-color:#ad9bc9;transform:translateY(-53px)}.pendulum-art{background:color-mix(in srgb,#b0d3bd 38%,var(--page));gap:3px;align-items:flex-end;padding-bottom:24px}.pendulum-art i{width:24px;height:24px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#fff9,transparent 45%),var(--accent)}.pendulum-art i:before{content:'';position:absolute;width:1px;height:67px;bottom:24px;left:12px;background:var(--muted)}.pendulum-art i:first-child{transform-origin:12px -67px;transform:rotate(24deg)}.wave-art{background:color-mix(in srgb,#e0b6ce 40%,var(--page));gap:5px;align-items:flex-start;padding-top:35px}.wave-art i{position:relative;width:20px;height:20px;border-radius:50%;background:#b59ad0;transform:translateY(42px)}.wave-art i:before{content:'';position:absolute;width:1px;height:70px;bottom:20px;left:10px;background:var(--muted)}.wave-art i:nth-child(2){transform:translateY(25px);background:#a3c7c7}.wave-art i:nth-child(3){transform:translateY(8px);background:#b5cfa8}.wave-art i:nth-child(4){transform:translateY(-5px);background:#dfc490}.wave-art i:nth-child(5){transform:translateY(-16px);background:#dda5bb}.melody-art{background:color-mix(in srgb,#acd1d8 40%,var(--page));gap:6px}.melody-art i{width:18px;height:70px;border-radius:10px;background:#c69dbd;transform:rotate(-12deg)}.melody-art i:nth-child(2){height:57px;background:#b5afd4}.melody-art i:nth-child(3){height:44px;background:#afc8b1}.melody-art i:nth-child(4){height:32px;background:#e2c797}.rhyme-art{background:color-mix(in srgb,var(--accent) 15%,var(--page));font:bold 57px Georgia,serif;color:var(--accent);flex-direction:column}.rhyme-art span{font:27px Georgia,serif;letter-spacing:4px;line-height:.4}
.panel{position:absolute;right:0;bottom:85px;z-index:30;width:320px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 135px);overflow:auto;background:var(--surface);border:1px solid color-mix(in srgb,var(--surface) 70%,var(--line));border-radius:22px;padding:22px;box-shadow:0 12px 55px #21112f30;backdrop-filter:blur(24px)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:15px}.panel-head strong{font-weight:600}.panel-head button{border-radius:8px;width:27px;height:27px;font-size:15px}.panel .row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin:17px 0;min-height:29px}.panel .row select{max-width:185px}.panel .stack-label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin:16px 0}.panel input[type=url]{width:100%}.panel input[type=number]{width:75px}.panel .file-label input{font-size:10px;max-width:100%}.panel .primary{width:100%;margin-top:8px}.panel .check{display:flex;align-items:center;gap:10px;font-size:11px;min-height:35px;cursor:pointer}.slider-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:11px;margin:17px 0}.slider-label input{grid-column:1/-1;width:100%;margin:0}.slider-label output{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.panel-divider{height:1px;background:var(--line);margin:22px 0}.field-note{font-size:10px;color:var(--muted);line-height:1.8;margin:17px 0 0}#screenshot,#analysis-cancel{width:100%;font-size:11px;padding:12px;border-radius:10px;margin-top:8px}#analysis-status{font-size:11px;line-height:1.8;min-height:16px}.settings-panel{width:370px;padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 135px)}.settings-panel .panel-head{padding:18px 21px 0;margin-bottom:15px}.settings-tabs{display:flex;gap:4px;margin:0 20px 13px;background:var(--page);border-radius:11px;padding:4px}.settings-tabs button{flex:1;font-size:11px;border-radius:8px;padding:9px}.settings-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px #21112f0b}.settings-scroll{overflow:auto;padding:0 22px 10px;overscroll-behavior:contain}.settings-scroll [role=tabpanel]>.row:first-child{margin-top:4px}.settings-footer{border-top:1px solid var(--line);padding:11px 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.settings-footer button{font-size:10px;color:var(--ink);padding:6px 9px;border-radius:8px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme-swatch{padding:0 0 6px;border-radius:11px;border:1px solid transparent;font-size:8px;overflow:hidden;text-align:center}.theme-swatch>i{display:flex;height:34px;border-radius:9px;margin:3px 3px 6px;overflow:hidden;border:1px solid #ffffff20}.theme-swatch i span{width:33.333%;height:100%}.theme-swatch[aria-pressed=true]{border-color:var(--accent);background:var(--page)}.accent-picker{display:flex;align-items:center;gap:5px}.accent-picker input{border:1px solid var(--line);width:43px;height:30px;border-radius:8px;background:var(--surface);padding:3px;cursor:pointer}.accent-picker button{width:30px;height:30px;border-radius:8px;font-size:18px}.shortcuts{font-size:10px;color:var(--muted);line-height:2.6;margin:20px 0 8px}.shortcuts kbd{margin-right:4px;color:var(--ink)}.track-card{display:flex;align-items:center;gap:17px;margin:8px 0 20px;padding:15px;border-radius:14px;background:var(--page)}.track-card strong{display:block;font:21px Georgia,serif;letter-spacing:-.4px;font-weight:400}.track-card small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.record-disc{width:58px;height:58px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#555062 0 1px,#373440 2px 4px);display:grid;place-items:center;box-shadow:0 3px 7px #1d172c20}.record-disc i{width:21px;height:21px;border-radius:50%;background:var(--accent);border:7px solid color-mix(in srgb,var(--accent) 70%,white)}.music-transport{display:flex;align-items:center;justify-content:center;gap:20px;margin:14px 0}.music-transport button{border-radius:10px;min-width:35px;padding:8px;font-size:24px}#track-play{font-size:11px;background:var(--page);padding:11px 15px}.track-progress{height:3px;border-radius:3px;background:var(--line);overflow:hidden}.track-progress>span{height:100%;display:block;background:var(--accent);width:0}.track-times{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:8px 0 14px;font-variant-numeric:tabular-nums}
#pause-overlay{position:absolute;inset:0;background:#e5d7ec12;z-index:6;display:grid;place-items:center}#resume{background:var(--surface);padding:13px 25px;border-radius:25px;box-shadow:var(--shadow);font-size:12px}#error{position:absolute;inset:0;background:var(--page);display:grid;place-items:center;text-align:center;padding:35px;z-index:40}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px 16px;font-size:11px;max-width:90%;text-align:center;box-shadow:var(--shadow)}#record-indicator,#performance{position:absolute;bottom:22px;right:23px;background:var(--surface);padding:8px 12px;border-radius:15px;font-size:10px;z-index:7;font-variant-numeric:tabular-nums}#record-indicator{color:#c06079}#record-indicator span{margin-left:7px}#performance{top:65px;bottom:auto;color:var(--muted)}#record-toggle.recording{background:#e8a5b628;color:#bd637c}#exit-clean{position:absolute;right:18px;top:18px;width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--surface) 40%,transparent);z-index:20;opacity:0}.scene:hover #exit-clean,.scene:focus-within #exit-clean{opacity:1}body.clean header,body.clean .toolbar,body.clean .scene-status,body.clean #view,body.clean .panel,body.clean .mini-player,body.clean #performance{display:none!important}body.clean main{margin:0}body.clean .scene{height:100dvh;border:0;border-radius:0}
:root[data-ui=glass] .panel,:root[data-ui=glass] .game-cards button,:root[data-ui=glass] .mini-player{background:color-mix(in srgb,var(--surface) 73%,transparent);backdrop-filter:blur(26px)}:root[data-ui=glass] .scene{border-color:color-mix(in srgb,var(--surface) 60%,transparent)}:root[data-ui=clear] .scene,:root[data-ui=clear] .game-cards button,:root[data-ui=clear] .panel,:root[data-ui=clear] .card-art{border-radius:9px;box-shadow:none}:root[data-ui=clear] .primary{border-radius:8px;box-shadow:none}:root[data-ui=clear] .mini-player{border-radius:10px}:root[data-dark=true] #hub{background:color-mix(in srgb,var(--page) 66%,transparent)}
@media(max-width:1220px){header{padding:0 20px;gap:15px}.header-actions span{display:none}nav button{padding:9px 13px}.toolbar{gap:10px}.game-controls{padding-left:10px;gap:9px}.fruit-list button{width:32px}.toolbar-end span{display:none}.toolbar select{max-width:130px}.toolbar-end button{padding:8px}.brand{font-size:23px}}
@media(max-width:930px){header{gap:9px}.brand{font-size:21px}.brand span{display:none}nav{max-width:55vw;overflow-x:auto;flex-shrink:1}nav button{padding:9px 11px;flex-shrink:0}.toolbar{flex-wrap:wrap}.playback{flex:1}.toolbar-end{margin-left:0}.game-controls{order:2;border:0;padding:0;width:100%;justify-content:space-between}.scene{height:calc(100dvh - 210px)}.panel{bottom:126px}.settings-panel{max-height:calc(100dvh - 180px)}.hub-open .scene{height:calc(100dvh - 99px)}}
@media(max-width:650px){header{height:63px;padding:0 12px;gap:6px}.brand{font-size:0}.brand span{display:block;font-size:25px}nav{max-width:calc(100vw - 126px);padding:3px;gap:1px}nav button{font-size:9px;padding:8px 8px}.header-actions{gap:0}.header-actions button{padding:4px;font-size:20px}#fullscreen,#audio-open{display:none}main{margin:0 10px}.scene{height:calc(100dvh - 210px);min-height:330px;border-radius:18px}.scene-status{top:16px;left:15px;padding:9px 11px;font-size:9px}#view{top:14px;right:14px;width:33px;height:33px}.toolbar{gap:8px 10px;padding:10px 3px}.primary{font-size:10px;padding:12px 13px}.playback>button:not(.primary){width:31px;font-size:23px}.toolbar-end button{padding:8px;font-size:19px}.game-controls{padding:4px 1px 0}.fruit-list{gap:1px}.fruit-list button{width:32px;font-size:22px}.toolbar select{font-size:10px;max-width:130px}.game-controls>label{font-size:9px}.game-controls input[type=range]{width:70px}#rhyme-controls,#melody-controls{flex-wrap:wrap;justify-content:flex-start}#rhyme-line{width:138px}.game-controls>button{font-size:10px}#rhyme-controls{gap:10px}#rhyme-controls input[type=range]{width:65px}.mini-player{bottom:14px;left:14px;padding:5px;border-radius:15px}.mini-player .mini-title{min-width:135px;font-size:9px}.mini-title small{font-size:8px}.mini-player>button{height:28px;min-width:27px}.panel{bottom:125px;right:0;width:320px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 155px);padding:20px;border-radius:19px}.settings-panel{width:350px;padding:0;max-height:calc(100dvh - 155px)}.settings-panel .panel-head{padding:17px 18px 0}.settings-scroll{padding:0 18px 10px}.settings-tabs{margin-left:17px;margin-right:17px}.settings-footer{padding:10px 17px}.theme-grid{gap:6px}.theme-swatch{font-size:8px}.theme-swatch>i{height:30px}.panel .row{font-size:11px}.hub-open .scene{height:calc(100dvh - 83px)}#hub{padding:27px 14px 80px;justify-content:safe center}.hub-heading{width:300px;margin-bottom:20px}.hub-heading h1{font-size:29px;letter-spacing:-1px;gap:9px}.hub-heading h1 span{font-size:22px}#hub-design{font-size:9px;padding:8px 10px}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-cards button{width:145px;border-radius:19px;padding:10px 10px 14px}.card-art{width:123px;height:85px;border-radius:11px}.game-cards strong{font-size:20px;margin:10px 0 5px}.game-cards button>span:last-child{font-size:8px}.kiwi-art{width:58px;height:58px;border-width:5px}.berry-art{width:32px;height:38px;right:13px;bottom:9px}.berry-art:before{font-size:27px;top:-16px;left:2px}.marble-art{gap:5px;padding-bottom:15px}.marble-art i{width:21px;height:21px}.marble-art i:nth-child(4){transform:translateY(-41px)}.pendulum-art{gap:2px;padding-bottom:16px}.pendulum-art i{width:18px;height:18px}.pendulum-art i:before{height:51px;bottom:18px;left:9px}.pendulum-art i:first-child{transform-origin:9px -51px}.wave-art{padding-top:25px;gap:4px}.wave-art i{width:15px;height:15px;transform:translateY(28px)}.wave-art i:before{bottom:15px;left:7px;height:52px}.wave-art i:nth-child(2){transform:translateY(15px)}.wave-art i:nth-child(3){transform:translateY(3px)}.wave-art i:nth-child(4){transform:translateY(-7px)}.wave-art i:nth-child(5){transform:translateY(-15px)}.melody-art i{height:58px;width:15px}.melody-art i:nth-child(2){height:47px}.melody-art i:nth-child(3){height:36px}.melody-art i:nth-child(4){height:26px}.rhyme-art{font-size:42px}.rhyme-art span{font-size:22px}#record-indicator{bottom:15px;right:15px;font-size:9px}#exit-clean{opacity:.5}}
@media(max-height:690px) and (min-width:651px){#hub{padding-top:20px;padding-bottom:60px;justify-content:safe center}.hub-heading{margin-bottom:13px}.hub-heading h1{font-size:29px}.game-cards{gap:12px}.card-art{height:82px}.game-cards button{padding-bottom:13px}.game-cards strong{font-size:21px;margin:10px 0 5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.primary{color:var(--accent-ink,#ffffff)}

#marble-controls{flex-wrap:wrap;gap:12px}#marble-controls .marble-loop{display:flex;align-items:center;gap:6px;white-space:nowrap}#marble-controls input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}#marble-limit-row input{width:64px}#marble-controls input[type=range]{max-width:76px}@media(max-width:700px){#marble-controls{gap:9px}#marble-controls>label{font-size:11px}#marble-controls input[type=range]{max-width:55px}}

.hub-games{display:flex;justify-content:flex-end;gap:22px;margin-top:17px;font-size:11px;color:var(--ink-soft);pointer-events:auto}.hub-games a{text-decoration:none;color:inherit;opacity:.75}.hub-games a:hover{opacity:1}@media(max-width:700px){.hub-games{font-size:10px;margin-top:13px;gap:17px}}