*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b111d;color:#e9edf3;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #3b4e60;background:#182639;border-radius:10px;padding:12px 18px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover{background:#263c50}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e1c361;outline-offset:3px}.hidden{display:none!important}.primary{background:#e1c361;border-color:#e1c361;color:#131c26;font-weight:bold}.primary:hover{background:#f3d981}.secondary{background:#182b3d}.eyebrow,.wordmark{font-size:11px;letter-spacing:2px;font-weight:bold;color:#9faeba}p{line-height:1.6;color:#abb8c8}h2{margin:8px 0 20px;font-size:28px;letter-spacing:-1px}h3{font-size:17px;margin:24px 0 8px}small{display:block;font-size:12px;line-height:1.5;color:#9cabbd;margin-top:5px}.splash{position:absolute;inset:0;top:0;bottom:0;left:0;right:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse at 50% 30%,#1b3447 0%,#0b111d 65%)}.splash-art{width:112px;height:112px;position:relative;margin:0 0 25px}.splash-art img{width:100%;height:100%;position:relative;border:1px solid #49616a;border-radius:17px;box-shadow:0 0 65px #89bfc322}.orbit{position:absolute;border:1px solid #80a9b449;width:145px;height:145px;left:-16px;top:-16px;transform:rotate(13deg)}.orbit-two{transform:rotate(-13deg);border-color:#d2b96d35}h1{font-size:72px;line-height:1;margin:18px 0 28px;letter-spacing:7px;font-weight:900}h1 span{display:block;font-size:16px;letter-spacing:3px;color:#c3a85e;margin-top:11px;font-weight:normal}.tribute{border-top:1px solid #35434f;padding-top:18px;max-width:430px;margin-bottom:20px}.tribute span{font-size:10px;letter-spacing:2px;display:block;color:#93a5b9}.tribute strong{display:block;margin:10px 0;font-size:20px}.tribute p{font-size:13px;margin:0}.splash>.primary{width:245px;display:flex;justify-content:space-between}.fine{font-size:10px;color:#788b9e;margin:16px 0}.music-credit{font-size:11px;line-height:1.7;margin:0;color:#8295a8}.app{height:100%;max-width:1120px;margin:auto;display:flex;flex-direction:column;padding:0 25px}header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283544}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;margin-right:10px}.brand strong{font-size:23px;letter-spacing:3px}.brand span{display:block;font-size:10px;letter-spacing:1.6px;color:#b2a378;margin-top:2px}.header-actions{display:flex;gap:8px}.header-actions button{font-size:21px;padding:6px;width:43px;margin-left:8px}main{min-height:0;flex:1;display:flex;flex-direction:column;padding:12px 0}.scoreboard{display:flex;max-width:650px;margin:0 auto 12px;width:100%;justify-content:space-between;flex-shrink:0}.scoreboard>div{padding:0 16px;border-left:1px solid #344253;min-width:75px}.scoreboard>div:first-child{border:0;min-width:130px}.scoreboard span{display:block;font-size:10px;letter-spacing:1.8px;color:#8c9bae}.scoreboard strong{font-size:26px;line-height:1.4;font-variant-numeric:tabular-nums}.scoreboard>div:first-child strong{color:#ead18a}.play-area{display:flex;flex:1;min-height:0;justify-content:center;align-items:stretch;gap:22px}.board-shell{position:relative;overflow:hidden;border:1px solid #42566a;border-radius:9px;background:#0e1928;box-shadow:0 15px 55px #0006;flex-shrink:0}#board{display:block;width:100%;height:100%;touch-action:none}.play-area aside{width:165px;display:flex;flex-direction:column;flex-shrink:0;margin-left:15px}.next-box{border:1px solid #293e52;background:#142135;border-radius:10px;text-align:center;padding:17px 8px 5px;min-height:120px}#preview{display:block;width:140px;height:88px;margin:auto}.run-info{padding:22px 5px}.run-info strong{display:block;font-size:28px;margin:7px 0;color:#e1c361}.run-info p{font-size:12px;margin:4px 0}.desktop-help{flex:1;font-size:12px;line-height:1.9}.desktop-help p{line-height:2}#pause{font-size:14px}.touch-controls{flex-shrink:0;display:flex;justify-content:center;margin:13px auto 0;max-width:590px;width:100%;gap:8px;user-select:none;-webkit-user-select:none}.touch-controls button{font-size:22px;flex:1;padding:12px 4px;touch-action:none;margin-right:5px}.touch-controls .drop-button{flex:1.8;font-size:15px;border-color:#837249;background:#2d2c27}.drop-button span{font-size:23px;margin-left:5px}footer{height:34px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#667e90;flex-shrink:0}footer button{padding:3px 0;font-size:10px;background:none;border:0;color:#9db0c3;letter-spacing:0}.board-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0b111ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:2;backdrop-filter:blur(7px)}.board-overlay h2{font-size:32px;color:#e5cb88;margin:0}.board-overlay p{font-size:14px}.board-overlay button{margin-top:15px;width:100%}.blast-label{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:29px;font-weight:bold;color:#f2d78d;text-shadow:0 3px 20px #000;pointer-events:none;z-index:3}.blast-label span{display:block;font-size:14px;margin-top:10px;letter-spacing:1px}.modal{position:absolute;inset:0;top:0;left:0;right:0;bottom:0;background:#060b14de;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px;backdrop-filter:blur(8px)}.panel{width:540px;max-width:100%;max-height:100%;overflow:auto;border-radius:17px;border:1px solid #3f5265;background:#111e2e;padding:25px;box-shadow:0 30px 120px #000b;overscroll-behavior:contain}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:6px 0 16px}.close{font-size:25px;padding:0;width:36px;height:36px;border:0;background:#1e3144}.menu-actions{display:flex;gap:10px;margin:5px 0 22px}.menu-actions button{flex:1;margin-right:5px}fieldset{margin:16px 0 10px;border:1px solid #304256;border-radius:10px;padding:12px 16px}legend{font-weight:bold;font-size:14px;padding:0 8px;color:#d0ba7b}.check{display:flex;align-items:flex-start;padding:12px 0;cursor:pointer;font-size:15px}.check input{width:20px;height:20px;margin:0 13px 0 0;flex-shrink:0;accent-color:#dcc379}.hint{font-size:12px;margin:7px 0}.select-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 0}select{max-width:74%;color:#e9edf3;background:#1c3043;border:1px solid #486074;border-radius:6px;padding:8px}.volume{display:block;font-size:13px;padding:13px 0}.volume input{display:block;width:100%;margin-top:13px;accent-color:#dcc379}.text-button{background:none;border:0;padding:13px 0;color:#e1c361;text-align:left;font-size:14px}.save-hint{font-size:11px;color:#758ba0;margin-bottom:0}.logo-rule{display:flex;align-items:flex-start;margin-top:18px}.logo-rule img{width:58px;height:58px;margin:4px 15px 0 0}.logo-rule h3{margin-top:0}.panel>p,.logo-rule p{font-size:14px}.panel strong{color:#e4eaf0}.panel::-webkit-scrollbar{width:7px}.panel::-webkit-scrollbar-thumb{background:#43505d;border-radius:5px}
@media(max-width:600px){.app{padding:0 12px}header{height:58px}.brand strong{font-size:20px}.brand img{width:35px;height:35px}.brand span{font-size:9px}.header-actions button{width:38px;height:36px;font-size:18px}main{padding:8px 0 4px}.scoreboard{margin-bottom:7px}.scoreboard>div{padding:0 10px;min-width:48px}.scoreboard>div:first-child{min-width:105px;padding-left:3px}.scoreboard span{font-size:8px;letter-spacing:1px}.scoreboard strong{font-size:21px}.play-area{gap:0}.play-area aside{width:66px;margin-left:9px}.next-box{border-radius:7px;padding:10px 0 2px;min-height:70px}.next-box .eyebrow{font-size:7px;letter-spacing:1px}#preview{width:62px;height:48px}.run-info{padding:16px 2px}.run-info .eyebrow{font-size:8px;letter-spacing:1px}.run-info strong{font-size:21px}.run-info p{font-size:10px}.desktop-help{display:none}#pause{padding:10px 2px;font-size:11px;margin-top:auto}.touch-controls{margin-top:8px;gap:1px}.touch-controls button{padding:11px 0;font-size:22px;min-height:48px}.touch-controls .drop-button{font-size:12px}.drop-button span{margin-left:0}footer{height:26px;font-size:7px;letter-spacing:1px}footer button{font-size:10px}.modal{padding:10px}.panel{padding:20px;border-radius:13px}h2{font-size:24px}.board-overlay h2{font-size:25px}.board-overlay p{font-size:12px}.board-overlay button{font-size:12px;padding:12px 4px}.blast-label{font-size:23px}.blast-label span{font-size:11px}.splash-art{width:83px;height:83px;margin-bottom:23px}.orbit{width:110px;height:110px;left:-14px;top:-14px}h1{font-size:55px;letter-spacing:5px;margin:14px 0 22px}.tribute strong{font-size:18px}.tribute{margin-bottom:15px}.music-credit{font-size:10px}.fine{font-size:9px;margin:12px 0}}
@media(max-height:530px) and (min-width:601px){header{height:51px}.brand img{height:32px;width:32px}.scoreboard{position:absolute;left:20px;top:85px;width:125px;display:block}.scoreboard>div{margin-bottom:12px;border:0;padding-left:0}.play-area{padding-left:100px}.touch-controls{position:absolute;right:20px;top:130px;width:120px;flex-wrap:wrap}.touch-controls button{min-width:44px}.play-area aside{width:130px;margin-right:120px}.desktop-help{display:none}.run-info{padding:10px 0}.next-box{min-height:70px;padding-top:8px}.splash{padding:16px 22px;justify-content:flex-start}.splash-art{width:55px;height:55px;margin:7px 0 15px}.orbit{width:70px;height:70px;left:-8px;top:-8px}h1{font-size:38px;margin:7px 0 12px}h1 span{font-size:12px}.tribute{padding-top:8px;margin-bottom:8px}.tribute strong{font-size:16px;margin:5px 0}.music-credit{display:none}.fine{margin:8px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Mirror the actual Latin R; retain the readable, searchable name in text. */
.mirror-r{display:inline-block;font:inherit;letter-spacing:0;transform:scaleX(-1);transform-origin:center}
h1 .mirror-r{margin-right:7px}.brand .mirror-r{margin-right:3px}.eyebrow .mirror-r{margin-right:2px}
@media(max-width:600px){h1 .mirror-r{margin-right:5px}}
footer button:disabled{opacity:.4;cursor:default;background:none;transform:none}
.next-box{touch-action:manipulation;user-select:none;-webkit-user-select:none}
.next-box>.eyebrow{display:block}
#preview-off{display:block;font-size:12px;color:#9cabbd;padding:16px 2px;line-height:1.4}
@media(max-width:600px){#preview-off{font-size:9px;padding:15px 2px}}
body.work-active>#splash,body.work-active>#app,body.work-active>#menu,body.work-active>#info{visibility:hidden!important}
.work-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff;color:#28332f;display:flex;flex-direction:column;font:13px Arial,Helvetica,sans-serif;outline:none;text-align:left}
.work-top{height:48px;min-height:48px;display:flex;align-items:center;background:#285d48;color:#fff;padding:0 22px}
.work-symbol{font-size:26px;margin-right:14px}.work-top strong{font-size:15px;font-weight:normal}.work-file{font-size:11px;color:#bcd0c6;margin-left:10px}
.work-menu{display:flex;align-items:center;min-height:35px;background:#f6f7f6;border-bottom:1px solid #d8dedb;padding:0 18px;white-space:nowrap;overflow:hidden}
.work-menu span{margin-right:24px}.work-tools{display:flex;align-items:center;min-height:45px;padding:0 22px;background:#f6f7f6;border-bottom:1px solid #d8dedb;white-space:nowrap;overflow:hidden}
.work-tools>*{margin-right:27px}.work-formula{display:flex;align-items:center;height:33px;min-height:33px;border-bottom:1px solid #d9dedc}
#work-address{width:73px;flex-shrink:0;text-align:center;border-right:1px solid #d9dedc}.work-fx{padding:0 14px;color:#777}
#work-value{border:0;background:#fff;color:#25352d;min-width:0;width:100%;height:100%;font:13px Arial,Helvetica,sans-serif;outline:none;border-radius:0;padding:4px 8px}
.work-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.work-view table{border-collapse:collapse;table-layout:fixed;min-width:840px;width:100%;font-size:13px}
.work-view th,.work-view td{border-right:1px solid #dce2de;border-bottom:1px solid #dce2de;height:31px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-view th{background:#f2f4f2;color:#66726c;text-align:center;font-weight:normal}.work-view th:first-child{width:42px}.work-view th:nth-child(2){width:210px}
.work-view th:nth-child(3){width:120px}.work-view th:nth-child(4),.work-view th:nth-child(5){width:95px}.work-view th:nth-child(6){width:130px}
.work-heading td{background:#edf3ef;font-weight:bold;color:#315443}.work-selected{outline:2px solid #337b55;outline-offset:-2px;background:#f4f8f5}
.work-bottom{display:flex;align-items:center;min-height:35px;background:#f4f6f4;border-top:1px solid #dce2de;padding:0 14px;color:#607067}
.work-bottom strong{font-weight:normal;background:white;border-bottom:3px solid #357854;padding:9px 22px;margin-left:20px;color:#316e4c}.work-zoom{margin-left:auto}
@media(max-width:600px){.work-top{padding:0 12px}.work-menu{padding:0 12px;font-size:11px}.work-menu span{margin-right:19px}.work-tools{padding:0 12px;font-size:12px}.work-tools>*{margin-right:21px}}
.language-bar{position:absolute;top:16px;right:20px;z-index:2}.language-bar select{max-width:none;font-size:12px}
.language-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px;font-size:13px}.language-row select{font-size:13px}
.music-credit{max-width:460px}.splash{padding-top:66px}
.update-banner{max-width:470px;margin:14px auto 0;padding:12px 16px;border:1px solid #d6bd78;background:#18273a;font-size:13px;text-align:left}
.updates a,.update-banner a{display:block;color:#e1c361;margin-top:12px;line-height:1.5;overflow-wrap:anywhere}
.updates p{overflow-wrap:anywhere}.updates .secondary{width:100%}
#menu-button.has-update{box-shadow:inset 0 0 0 2px #e1c361}
#menu.audio-only .panel>:not(.panel-heading):not(.audio-settings){display:none}
#menu.audio-only .visual-effects{display:none}
#menu.audio-only .audio-settings{margin-bottom:0}
html[lang=ru] #pause{font-size:11px}
@media(max-width:600px){html[lang=ru] #pause{font-size:9px;padding-left:0;padding-right:0}.language-bar{top:10px;right:12px}.language-bar select{font-size:11px;padding:6px}}
