[hidden]{display:none!important}.screen:not(.cabinet){position:relative;z-index:1}.selection{width:min(1080px,100%);padding:20px 34px 0;min-height:100svh;background:linear-gradient(#10100ee8,#15120de8),url('assets/title-art.png') center/cover fixed;border-left:1px solid #97754b30;border-right:1px solid #97754b30}.screen-top{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}.prop-button{width:52px;height:52px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 3px 5px #0009);flex:none;transition:filter .15s,transform .15s}.prop-button:hover{filter:brightness(1.22) drop-shadow(0 3px 5px #0009)}.prop-button:active{transform:translateY(2px)}.prop-button svg,.frame-prop svg,[data-prop] svg{width:100%;height:100%;display:block;pointer-events:none}.mini-brand{font:31px Brass,Impact,sans-serif;letter-spacing:.04em;color:#d2b584;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:.17em;color:#b19a77}.selection-heading{text-align:center;margin:20px 0 28px}.selection-heading h2{font:clamp(38px,5vw,60px)/1 Brass,Impact,sans-serif;margin:12px 0 6px;color:#e0c79b;mask-image:url('assets/ink-wear.svg?v=4');mask-size:460px 300px}.selection-heading p{font-size:12px;color:#bca788;letter-spacing:.04em}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 26px;max-width:880px;margin:0 auto 30px}.track-card{border:0;padding:0;background:none;color:#d6bd96;text-align:left;cursor:pointer;position:relative;min-width:0}.jacket-wrap{position:relative;aspect-ratio:1;background:#0b0a08;box-shadow:0 4px 14px #0009;transition:transform .2s,filter .2s}.jacket-wrap>img{position:absolute;inset:5.6%;width:88.8%;height:88.8%;object-fit:cover}.jacket-frame{position:absolute;inset:0;pointer-events:none}.track-card:hover .jacket-wrap{transform:translateY(-3px);filter:brightness(1.12)}.track-card[aria-pressed=true] .jacket-wrap{outline:2px solid #d8b46c;outline-offset:4px;box-shadow:0 0 25px #be7e2538}.selected-tag{position:absolute;right:8%;top:7%;background:#c39a56;color:#1b160e;font:12px Brass,sans-serif;padding:4px 7px;letter-spacing:.08em;display:none}.track-card[aria-pressed=true] .selected-tag{display:block}.track-num{position:absolute;left:8%;top:7%;font:17px Brass,sans-serif;color:#ead3a8;filter:drop-shadow(0 1px 3px #000)}.cover-temp{position:absolute;bottom:9%;left:8%;right:8%;padding:7px 5px;background:#090807cc;color:#d7bd94;text-align:center;font-size:10px;letter-spacing:.04em}.track-card h3{font:23px/1.05 Brass,Impact,sans-serif;margin:12px 0 6px;letter-spacing:.02em}.track-details{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#b19b7b}.best{display:block;font-size:9px;color:#b5874c;margin-top:5px;min-height:12px}.selection-dock{position:sticky;bottom:0;margin:0 -34px;padding:18px 34px max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto auto;gap:12px 20px;align-items:center;background:linear-gradient(#211a12f5,#14110ffb);border-top:2px solid #80633d;box-shadow:0 -8px 25px #0008;z-index:5}.selected-info{display:flex;flex-direction:column;gap:4px;min-width:0}.selected-info strong{font:24px Brass,Impact,sans-serif}.selected-info>span:last-child{font-size:10px;color:#aa9475}.difficulty{display:flex;border:1px solid #6d5437;border-radius:2px;overflow:hidden}.difficulty button{border:0;background:#16120e;color:#a78e6c;font:16px Brass,Impact,sans-serif;padding:12px 14px;cursor:pointer}.difficulty button[aria-pressed=true]{background:#a17c45;color:#17120d;box-shadow:inset 0 0 0 2px #c8a97230}.dock-actions{display:flex;gap:8px}.dock-actions .metal{font-size:16px;padding:12px 18px;white-space:nowrap}.dock-actions .metal:before,.dock-actions .metal:after{display:none}.excerpt-note{grid-column:1/-1;font-size:10px;text-align:right;margin:0;color:#a58e6e}.play-screen{width:min(620px,100%);min-height:100svh;padding:12px 25px 14px;background:linear-gradient(#12110fed,#15110ff0),url('assets/title-art.png') center/cover;box-shadow:0 0 90px #000}.play-screen .screen-top{height:55px}.game-song{text-align:center;min-width:0}.game-song h2{font:24px/1.1 Brass,Impact,sans-serif;margin:5px 0 0;letter-spacing:.02em}.game-song .eyebrow{font-size:9px}.game-hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:15px 9px 9px;text-align:center}.game-hud>div:first-child{text-align:left}.game-hud>div:last-child{text-align:right}.game-hud small{font-size:9px;letter-spacing:.14em;color:#b09a78;display:block}.game-hud strong{font:32px Brass,Impact,sans-serif;display:block;margin-top:2px}.game-hud strong span{font-size:19px}.hud-ice strong{color:#bddee7}.game-layout{display:flex;flex-direction:column;align-items:center}.album-frame{position:relative;width:min(100%,47svh);aspect-ratio:1;isolation:isolate}.frame-prop{position:absolute;inset:0;z-index:-1}.ice-surface{position:absolute;inset:5.7%;overflow:hidden;background:#111;box-shadow:inset 0 0 12px #000;touch-action:manipulation;cursor:pointer}.ice-surface>img{position:absolute;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.ice-surface>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:90px Brass,sans-serif;color:#eee2c7;text-shadow:0 3px 5px #000,0 0 20px #000;pointer-events:none;background:#10192230}.countdown:empty{display:none}.judgment{position:absolute;left:16%;right:16%;top:44%;height:18%;pointer-events:none;opacity:0;transform:scale(.85);filter:drop-shadow(0 2px 6px #000)}.judgment.show{opacity:1;transform:scale(1);transition:transform .1s}.judgment svg{width:100%;height:100%}.judgment .timing-word{display:block;text-align:center;font:36px Brass,sans-serif;color:#d6b88a;text-shadow:0 2px 5px #000}.cover-notice{position:absolute;bottom:5px;left:5px;font-size:8px;padding:3px 5px;background:#0009;color:#c9b48e}.performance{width:100%;max-width:490px}.progress-pipe{height:25px;position:relative;margin-top:6px}.pipe-art{position:absolute;inset:0}.progress-pipe progress{position:absolute;left:4%;top:38%;width:92%;height:24%;appearance:none;border:0;background:#221810;border-radius:2px}.progress-pipe progress::-webkit-progress-bar{background:#211b16}.progress-pipe progress::-webkit-progress-value{background:linear-gradient(90deg,#784721,#f0c16c);box-shadow:0 0 8px #eaa34f}.progress-pipe progress::-moz-progress-bar{background:#d5a453}.lane-wrap{height:62px;position:relative;border:1px solid #80623b60;background:linear-gradient(#171611,#24211a);box-shadow:inset 0 0 18px #000;margin:7px 0 5px;border-radius:3px}.lane-wrap canvas{width:100%;height:100%;display:block}.lane-label{position:absolute;left:25%;bottom:2px;transform:translateX(-50%);font-size:7px;letter-spacing:.1em;color:#c3a474}.tap-row{display:flex;justify-content:space-between;align-items:center;padding:0 20px;gap:12px}.tap-button{position:relative;width:102px;height:102px;padding:0;border:0;background:none;color:#2b1d0d;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 4px 9px #000)}.tap-hardware{position:absolute;inset:0}.tap-button>span:last-child{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font:34px/.9 Georgia,serif;text-shadow:0 1px #f8df9750}.tap-button b{font:25px Brass,sans-serif;letter-spacing:.07em;margin-top:6px}.tap-button.pressed{transform:scale(.96);filter:brightness(1.28) drop-shadow(0 0 14px #e0a84260)}.tap-button:disabled{cursor:default;filter:grayscale(.3) brightness(.65)}.timing-readout,.target-guide{width:90px;text-align:center;color:#bba17c}.timing-readout>span{font:22px Brass,sans-serif;display:block}.timing-readout small,.target-guide small{font-size:8px;letter-spacing:.05em;display:block;margin-top:5px}.target-guide>span{display:block;width:44px;height:44px;margin:0 auto}.play-hint{font-size:10px;text-align:center;color:#a99374;margin:3px 0 0}.pause-actions{display:flex;flex-direction:column;gap:14px;text-align:center}.pause-actions p{font-size:13px;margin:0 0 10px}.result-screen{width:min(600px,100%);padding:20px 32px 30px;text-align:center;min-height:100svh;background:linear-gradient(#15120fed,#14110fed),url('assets/title-art.png') center/cover}.result-screen>.eyebrow{display:block;margin-top:20px}.result-screen h2{font:44px/1 Brass,sans-serif;margin:15px 0 6px;color:#dbc18f}.result-screen>p{font-size:13px;color:#b5a082}.result-medal{width:50px;height:50px}.result-art{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:20px auto;border:4px solid #715738;box-shadow:0 0 0 2px #b49a6c44,0 10px 30px #000}.result-art img,.result-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-art canvas{pointer-events:none}#clearStamp{position:absolute;inset:auto 5% 12%;font:32px Brass,sans-serif;color:#fae4ac;text-shadow:0 2px 3px #000;transform:rotate(-7deg);border:2px solid #e4c77d;padding:10px 0;background:#241b0bc9;box-shadow:0 0 0 2px #10100b}#clearStamp small{font:8px Arial,sans-serif;letter-spacing:.1em}.result-statline{display:flex;justify-content:center;align-items:baseline;gap:20px}.result-statline strong{font:48px Brass,sans-serif}.result-statline span{font-size:12px;color:#bcd8dc}.result-counts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #795c3d60;border-bottom:1px solid #795c3d60;margin-top:15px;padding:14px 0}.result-counts span{font-size:9px;letter-spacing:.04em;display:block;color:#a58c6a}.result-counts b{display:block;font:26px Brass,sans-serif;margin-top:7px}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.result-actions button{min-width:140px}#resultNote{font-size:11px;line-height:1.8}body:not(.no-motion) .tap-button{transition:transform .07s,filter .07s}@media(max-width:700px){.selection{padding:12px 18px 0}.selection-heading{margin:16px 0 22px}.selection-heading h2{font-size:38px}.selection-heading p{font-size:10px}.track-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}.track-card h3{font-size:19px;margin-top:10px;min-height:38px}.track-details{font-size:9px}.selection-dock{margin:0 -18px;padding:14px 18px max(12px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:10px}.selected-info strong{font-size:20px}.selected-info .eyebrow{font-size:8px}.difficulty button{font-size:14px;padding:10px}.dock-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.3fr}.dock-actions .metal{padding:11px 8px;font-size:16px}.excerpt-note{text-align:center;font-size:9px}.screen-top{height:48px}.prop-button{width:46px;height:46px}.mini-brand{font-size:27px}.play-screen{padding:10px 16px 12px}.game-song h2{font-size:20px}.game-hud{padding-top:12px}.album-frame{width:min(100%,48svh)}.game-hud strong{font-size:29px}.tap-button{width:98px;height:98px}.result-screen{padding:12px 20px 25px}.result-screen h2{font-size:36px}.result-counts span{font-size:8px}}@media(max-height:700px){.play-screen{padding-top:5px}.play-screen .screen-top{height:42px}.play-screen .prop-button{width:40px;height:40px}.game-hud{padding-top:5px;padding-bottom:4px}.game-hud strong{font-size:25px}.album-frame{width:min(100%,42svh)}.lane-wrap{height:52px}.tap-button{width:82px;height:82px}.tap-button>span:last-child{font-size:27px}.tap-button b{font-size:21px}.play-hint{font-size:9px}.progress-pipe{height:21px}.game-song h2{font-size:18px}}
.calibration-setting{margin-top:25px}.calibration-setting span{font-size:27px}.calibration-setting output{font-size:21px}.panel-head{isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;min-height:86px}.panel-prop{position:absolute;inset:0;z-index:-1}.panel-head h2,.panel-head .close,.panel-head .rivet{position:relative}.cabinet .tools .prop-button{width:7.5cqw;height:7.5cqw;min-width:38px;min-height:38px}.settingsDialog{}#settingsDialog .panel-body{padding-top:20px;padding-bottom:20px}#settingsDialog .panel-caption{margin-bottom:20px}#settingsDialog .setting-note{margin-top:12px}#settingsDialog .motion-setting{margin-top:20px;padding-top:20px}#settingsDialog input[type=range]{margin:20px 0}#settingsDialog .panel-actions{padding-bottom:20px}@media(max-width:600px){.cabinet .tools .prop-button{width:10cqw;height:10cqw}.panel-head{min-height:74px}}
.jacket-frame svg{width:100%;height:100%;display:block}.track-card h3{min-height:2.2em;line-height:1.1}.judgment{mix-blend-mode:screen}
.countdown[data-loading=true]{font-size:clamp(24px,6vw,42px);letter-spacing:.08em}
/* The provided atlas is on black. Screen blending keeps its actual metal artwork without black sprite boxes. */
.prop-button svg,.pipe-art,.target-guide>span,.tap-hardware,.lane-wrap canvas,.result-medal{mix-blend-mode:screen}
.effects-setting{margin-top:24px}.effects-setting span{font-size:27px}.tap-row{position:relative;display:block;padding:0 3px;margin:9px 0 2px}.tap-button{width:100%;height:100px;display:block;border:0;touch-action:none}.wide-pad-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.tap-button>span:last-child{font-size:25px;line-height:.85;pointer-events:none}.tap-button b{font-size:26px;margin-top:2px}.tap-button small{font:7px Arial,sans-serif;letter-spacing:.12em;margin-top:4px}.thumb-guide{position:absolute;top:40%;font:18px Brass,sans-serif;color:#49382199;pointer-events:none}.thumb-guide.left{left:18%}.thumb-guide.right{right:18%}.timing-readout{position:absolute;left:6px;top:-78px;transform:translateY(-2px);display:none}.target-guide{display:none}.play-hint{margin-top:4px;font-size:10px}.title-calibration{position:absolute;bottom:10.6%;left:50%;transform:translateX(-50%);background:none;border:0;border-bottom:1px solid #896a433f;padding:3px 7px;color:#b8a07e;font-size:9px;letter-spacing:.08em;cursor:pointer}.combo-hot{color:#f2c16b!important;text-shadow:0 0 12px #d68c2b60}#combo{background:linear-gradient(90deg,#a3733430 var(--combo-fill,0%),transparent var(--combo-fill,0%));border-bottom:2px solid #9a703d50}#gameBpm{display:none}@media(max-height:700px){.tap-button{height:82px}.tap-button>span:last-child{font-size:20px}.tap-button b{font-size:23px}.tap-button small{font-size:6px}}@media(max-width:600px){.tap-button{height:90px}.title-calibration{bottom:12%;font-size:10px}}
.calibration-icon{position:relative}.calibration-icon::after{content:'調整';position:absolute;left:0;right:0;bottom:-9px;text-align:center;color:#baa17b;font-size:7px}.cabinet .tools{gap:1cqw}
.calibration-body>p{font-size:12px;line-height:1.8;color:#baa789;margin-top:0}.cal-help{font-size:10px!important;line-height:1.7!important;color:#9f8a6a!important}.cal-trial{border-top:1px solid #80613d66;border-bottom:1px solid #80613d66;padding:17px 0;margin:16px 0}.cal-trial>.metal{font:13px Arial,sans-serif;width:100%;padding:12px}.cal-trial #calStatus{font-size:11px;line-height:1.7;min-height:38px;margin:16px 0 4px;text-align:center}.cal-tap{display:block;position:relative;width:100%;height:83px;border:0;background:none;padding:0;cursor:pointer;touch-action:none}.cal-tap img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cal-tap span{position:absolute;inset:0;display:grid;place-items:center;font:25px Brass,sans-serif;color:#2a1d0f;letter-spacing:.06em;pointer-events:none}.cal-tap:disabled{filter:brightness(.55);cursor:default}.cal-tap.pressed{transform:scale(.98);filter:brightness(1.2)}#calProgress{width:100%;height:5px;accent-color:#bc954f;margin:10px 0 16px}button:disabled{cursor:default}#calSuggest:disabled{opacity:.5}#settingsDialog .panel-body{max-height:calc(90svh - 180px);overflow-y:auto}#calibrationDialog .panel-body{max-height:calc(90svh - 180px);overflow-y:auto}

.performance-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px Brass,Arial,sans-serif;letter-spacing:.07em;color:#b69b74;margin:2px 4px -3px;min-height:12px}.performance-meta #gameBpm{display:inline}.performance-meta #phraseCue{color:#d9c294;font-size:9px;text-align:center}.performance-meta #timeLeft{font-variant-numeric:tabular-nums;min-width:37px;text-align:right}.performance-meta #gameBpm{min-width:45px}.ice-surface{touch-action:none}
@media(max-height:700px){.album-frame{width:min(100%,38svh)}.tap-button{height:78px}.lane-wrap{height:48px}.tap-row{margin-top:6px}.performance-meta{font-size:9px}.play-hint{font-size:9px}}
@media(max-height:480px) and (min-width:480px){.play-screen{width:min(940px,100%);padding:6px 12px}.game-layout{display:grid;grid-template-columns:minmax(120px,1fr) minmax(240px,1.25fr);gap:12px;align-items:center}.album-frame{width:min(100%,66svh);justify-self:center}.game-hud{padding-top:3px;padding-bottom:3px}.performance{max-width:none}.play-screen .screen-top{height:40px}.game-hud strong{font-size:22px}.tap-button{height:84px}}

.level-guide{display:inline-block;margin-top:7px;font-size:10px;color:#a18b69}
/* One scroll area per settings/calibration dialog; header and actions never overlap it. */
#settingsDialog,#calibrationDialog{overflow:hidden;height:min(820px,90svh)}
#settingsDialog form{display:flex;flex-direction:column;height:100%;min-height:0}
#calibrationDialog[open]{display:flex;flex-direction:column}
#settingsDialog .panel-head,#calibrationDialog .panel-head,#settingsDialog .panel-actions,#calibrationDialog .panel-actions{flex-shrink:0}
#settingsDialog .panel-body,#calibrationDialog .panel-body{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
#settingsDialog .panel-actions,#calibrationDialog .panel-actions{padding-top:12px;background:#19140f;border-top:1px solid #775a393d}
/* Blend the entire filtered sprite container, not only its isolated SVG child. */
.prop-button{mix-blend-mode:screen}
.instrument-icon{position:relative}.instrument-icon::after{content:'楽器';position:absolute;left:0;right:0;bottom:-9px;text-align:center;color:#baa17b;font-size:7px}.instrument-entry{font:12px Arial,sans-serif;margin-top:10px;padding:10px 18px}.selection-heading .instrument-entry{margin-top:4px}#settingsInstrument{display:block;width:100%;margin:22px 0 0}#instrumentDialog{height:min(810px,90svh);overflow:hidden}#instrumentDialog[open]{display:flex;flex-direction:column}#instrumentDialog .panel-head,#instrumentDialog .panel-actions{flex-shrink:0}#instrumentTitle{font-size:clamp(28px,7vw,42px)}#instrumentDialog .panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px}#instrumentDialog .panel-actions{padding-top:12px;border-top:1px solid #775a394d;background:#19140f}.instrument-intro{font-size:18px;color:#dfc697;margin:0 0 16px}.instrument-intro small{display:block;font-size:11px;line-height:1.7;color:#b7a07c;margin-top:8px}.instrument-choices{display:grid;gap:9px}.instrument-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:11px 13px;text-align:left;color:#d8c09a;background:linear-gradient(#241b12c9,#18120eea),url('assets/brass-patina.png') center/cover;border:1px solid #7c5c36;box-shadow:inset 0 0 0 2px #ad844b20;cursor:pointer}.instrument-choice[aria-pressed=true]{border-color:#e2bb6d;background:linear-gradient(#75542880,#302316bb),url('assets/brass-patina.png') center/cover;box-shadow:inset 0 0 0 2px #d7ad6155}.instrument-number{font:23px Brass,sans-serif;color:#c9a363}.instrument-choice b{display:block;font-size:14px;letter-spacing:.05em}.instrument-choice small{display:block;font-size:10px;line-height:1.5;color:#b6a284;margin-top:5px}.instrument-selected{margin-left:auto;color:#ddbc7c}.instrument-note{font-size:10px;line-height:1.8;color:#aa9577;margin:16px 0}#instrumentAudition{font-size:16px;width:100%}.notation-legend{font-size:8px;text-align:center;color:#a99474;margin:3px 0 0}.lane-wrap{height:76px}.lane-label{bottom:1px}.album-frame{width:min(100%,45svh)}@media(max-height:700px){.lane-wrap{height:65px}.album-frame{width:min(100%,35svh)}.notation-legend{font-size:7px}.play-hint{margin-top:2px}}@media(max-height:480px) and (min-width:480px){.album-frame{width:min(100%,64svh)}}
.duration-choice{display:flex;gap:0;align-items:center;grid-column:1/3;font-size:10px;color:#b69c77}.duration-choice>span{margin-right:12px;letter-spacing:.1em}.duration-choice button{padding:8px 16px;border:1px solid #725337;background:#19140f;color:#baa17a;font:14px Brass,Arial,sans-serif;cursor:pointer}.duration-choice button+button{border-left:0}.duration-choice button[aria-pressed=true]{background:linear-gradient(#b7955c,#725331);color:#17120d;box-shadow:inset 0 0 0 2px #d4b07540}.selection-dock .dock-actions{grid-column:3;grid-row:1/3}@media(max-width:700px){.duration-choice{grid-column:1/-1;justify-content:center}.selection-dock .dock-actions{grid-column:1/-1;grid-row:auto}.duration-choice button{padding:8px 20px}.selection-dock{gap:8px}.excerpt-note{font-size:8px}}
.hud-combo{position:relative}#combo{background:none;border:0;font-size:28px;margin-top:0}.hud-combo small span{font-size:7px;letter-spacing:.04em;color:#9d835f;margin-left:4px}#comboGauge{display:block;width:min(136px,100%);height:25px;margin:-2px 0 0 auto;mix-blend-mode:screen}.game-hud{padding-top:10px;padding-bottom:5px}@media(max-height:700px){#combo{font-size:23px}#comboGauge{height:20px}.game-hud{padding-top:3px}}
/* User-supplied slotted screws, aged plate faces, and licensed brush display type. */
@font-face{font-family:'Brass Boku UI';src:url('assets/brass-boku-ui.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.jp-display,.instrument-choice b,.duration-choice>span{font-family:'Brass Boku UI',serif;font-weight:400}.jp-display{font-size:19px!important;letter-spacing:.02em!important}.instrument-choice b{font-size:23px}
.metal.screw-plate{border:1px solid #59452b;border-radius:4px;background:url('assets/button-screw-left.svg') left center/24px 100% no-repeat,url('assets/button-screw-right.svg') right center/24px 100% no-repeat,url('assets/brass-patina.png') center/cover,#8a6a37;color:#e9d6a8;padding-left:26px;padding-right:26px;box-shadow:inset 0 2px 0 #c1a57070,inset 0 -3px 0 #17110ac9,0 3px 5px #0008;text-shadow:0 2px 2px #000}
.metal.screw-plate::before,.metal.screw-plate::after{display:none}.metal.screw-plate.reference-button{background:none;border:0;box-shadow:none;position:relative;min-height:51px;padding:10px 28px;isolation:isolate}.reference-button::before{display:block!important;content:'';position:absolute;inset:0;z-index:-1;background:center/100% 100% no-repeat;opacity:1!important;mask:none!important}.reference-button.close-art::before{background-image:url('assets/button-close.svg')}.reference-button.save-art::before{background-image:url('assets/button-save.svg')}.reference-button>span{opacity:0}.reference-button:focus-visible{outline:3px solid #f5d782;outline-offset:3px}
.play-screen{position:relative;isolation:isolate}#comboEffects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.screen-top,.game-hud,.performance-meta,.tap-row,.notation-legend,.play-hint{position:relative;z-index:3}.lane-wrap{isolation:isolate}.lane-wrap canvas,.lane-label{position:relative;z-index:3}.lane-label{position:absolute}.game-hud small,.game-hud strong,#comboGauge{position:relative;z-index:4}
@media(max-width:700px){.dock-actions .metal.screw-plate{padding-left:18px;padding-right:18px;background-size:17px 100%,17px 100%,cover}.dock-actions .jp-display{font-size:17px!important}.instrument-entry.jp-display{font-size:18px!important}}

.reference-button::before{width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;inset:0!important}
.selection-heading h2{mask-image:none;text-shadow:0 2px 1px #342214,0 0 14px #000}
.metal.screw-plate{background-blend-mode:normal,normal,normal;background-color:#675034;background-image:url('assets/button-screw-left.svg'),url('assets/button-screw-right.svg'),linear-gradient(100deg,#6a5634,#a08b55 30%,#9a824c 70%,#675132);background-size:24px 100%,24px 100%,100% 100%;background-repeat:no-repeat;background-position:left center,right center,center}
.metal.screw-plate.reference-button{background:none}

.metal.screw-plate:not(.reference-button){background-image:url('assets/button-screw-left.svg'),url('assets/button-screw-right.svg'),url('assets/button-face.svg');color:#271e11;text-shadow:0 1px #e2cca377;box-shadow:0 3px 6px #0009;border:0}

.prop-button,.prop-button svg{mix-blend-mode:normal}.prop-button svg{clip-path:circle(43% at 50% 50%)}.lane-wrap canvas{mix-blend-mode:normal}

@media(min-height:701px){.album-frame{width:min(100%,42svh)}.play-screen{padding-top:8px;padding-bottom:8px}.play-screen .screen-top{height:54px}.game-hud{padding-top:7px;padding-bottom:4px}}

.lane-wrap{isolation:auto}

@media(max-width:420px){.selection-dock .selected-info{grid-column:1/-1}.selection-dock .difficulty{grid-column:1/-1;justify-self:center}}