#topRowContainer{background:linear-gradient(180deg,#0000008c,#0000 30%),linear-gradient(180deg,#4a3826,#2e2114 60%,#1d150c);border-bottom:2px solid #0e0a05;box-shadow:0 2px #c9a22759}#hudTopBar{width:100%;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:10px;padding:0 12px;box-sizing:border-box}#hudLeft{display:flex;align-items:center;align-self:stretch;gap:22px;min-width:0;min-height:0;padding:0}#levelBadge{width:clamp(42px,10vh,66px);height:clamp(42px,10vh,66px);flex:0 0 auto;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a06bff,#6d28d9 45%,#2e1065);border:2px solid #c9a227;box-shadow:0 0 8px #000000b3,inset 0 2px 4px #ffffff59;display:flex;align-items:center;justify-content:center;overflow:hidden}#levelValue{color:#fff;font-weight:800;font-size:26px;line-height:1;text-align:center;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,0 0 4px rgba(0,0,0,.9)}#hudBadgeColumn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#hudLevelCaption{width:100%;font-size:14px;letter-spacing:2px;text-align:center;line-height:1;margin-top:2px;padding-left:2px;box-sizing:border-box}#hudLevelBlock{display:flex;flex-direction:column;align-items:center;height:clamp(42px,10vh,66px);justify-content:space-between;gap:0;margin:0 0 32px;padding:0}#dropCounter{color:#f5c542;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1;letter-spacing:2px;text-shadow:1px 1px 0 #000;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;padding:0;width:100%;text-align:center}.hudLabel{color:#f5c542;font-family:Georgia,Times New Roman,serif;font-size:15px;letter-spacing:2px;text-shadow:1px 1px 0 #000;text-transform:uppercase}#multiplierRow{display:flex;gap:6px}.multPip{font-size:24px;font-weight:800;color:#5a4a33;background:#14100a;border:1px solid #3a2f1d;border-radius:12px;padding:5px 14px;line-height:1;user-select:none}.multPip.active{color:#ffb300;border-color:#ffb300;text-shadow:0 0 6px rgba(255,140,0,.9);box-shadow:0 0 8px #ff8c008c}#hudCenter{display:flex;align-items:center;align-self:stretch;justify-content:center;min-width:0;overflow:hidden}#hudTitle{color:#6b5320;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(16px,3vw,30px);letter-spacing:6px;text-shadow:0 1px 0 rgba(255,220,130,.25),0 -1px 1px #000;white-space:nowrap;user-select:none}#hudRight{display:flex;flex-direction:column;align-self:stretch;justify-content:center;gap:5px;min-width:200px;padding:0}.hudPlate{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 15px;font-size:18px;line-height:1.25;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:1px solid rgba(0,0,0,.6)}.hudPlateLabel{font-family:Georgia,Times New Roman,serif;color:#f5c542;text-shadow:1px 1px 0 #000;white-space:nowrap}.hudHigh,.hudScore{background:linear-gradient(180deg,#1f6f6b,#134e4a)}.hudBonus{background:linear-gradient(180deg,#8f2d3a,#5c1620)}#highscoreValue,#scoreValue,#bonusValue{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sideRail{position:fixed;top:50%;transform:translateY(-50%);width:124px;max-height:72vh;z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 8px;background:linear-gradient(180deg,#3a2c1d,#241a10,#171008);border:1px solid rgba(201,162,39,.5);border-radius:8px;box-shadow:0 4px 14px #0009;pointer-events:none;overflow-y:auto}#leftRail{left:8px}#rightRail{right:8px}.railHazard{height:22px;flex:0 0 22px;border-radius:3px;background:repeating-linear-gradient(45deg,#c9a227 0 10px,#141414 10px 20px);opacity:.75;border:1px solid #000}.railLabel{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;color:#f5c54252;font-weight:800;font-size:15px;letter-spacing:2px;text-transform:uppercase;user-select:none;max-height:22vh;overflow:hidden}.railButtons{display:flex;flex-direction:column;gap:8px;pointer-events:none}#leftRail .customButtons,#rightRail .customButtons{position:static!important;inset:auto!important;width:100%!important;height:40px!important;line-height:40px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;color:#ffe9a8;background:linear-gradient(180deg,#5a4632,#2e2318);border:1px solid rgba(201,162,39,.7);border-radius:6px;box-shadow:0 2px 5px #0009,inset 0 1px #ffebb440;pointer-events:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#leftRail .customButtons:hover,#rightRail .customButtons:hover{filter:brightness(1.2)}#saveLoadPanel{position:fixed!important;inset:auto 8px 70px auto!important;flex-direction:column!important;gap:6px!important;background:#140e08e0!important;border:1px solid rgba(201,162,39,.5)!important;z-index:30!important}#timerCapsule{position:fixed;left:10px;bottom:12px;z-index:30;display:flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;background:linear-gradient(180deg,#2c2317,#14100a);border:1px solid rgba(201,162,39,.55);border-radius:16px;box-shadow:0 2px 8px #0009;pointer-events:none}#timerDot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6ffd6,#4caf50 45%,#1b5e20);border:1px solid #000}#remainingTimeContainer{color:#f3e9d2;font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}#decoKnob{position:fixed;right:14px;bottom:12px;width:46px;height:46px;z-index:29;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4a4a,#161616 55%,#000);border:2px solid #000;box-shadow:0 3px 8px #000000b3,inset 0 2px 3px #fff3;pointer-events:none}@media(max-width:1100px){.sideRail{width:100px}.railLabel{display:none}#hudRight{min-width:140px}}@media(max-width:760px){.sideRail{width:84px;padding:8px 6px}#leftRail .customButtons,#rightRail .customButtons{font-size:10px!important;height:36px!important;line-height:36px!important}#hudTitle{letter-spacing:3px}#hudRight{min-width:118px}.hudPlate{font-size:11px;padding:1px 8px}#hudLeft{min-height:0;gap:8px}#levelBadge{width:42px;height:42px;flex-basis:42px}#levelValue{font-size:18px}.hudLabel{font-size:12px;letter-spacing:1px}#hudLevelCaption{font-size:11px;letter-spacing:1px;padding-left:1px}#dropCounter{font-size:24px}#hudLevelBlock{height:42px;margin-bottom:29px}#multiplierRow{gap:4px}.multPip{font-size:15px;padding:4px 9px}#saveLoadPanel{bottom:64px!important}}@media(max-width:380px)and (orientation:portrait){#hudTopBar{grid-template-columns:minmax(0,1fr) 114px;gap:6px;padding:0 8px}#hudCenter{display:none}#hudRight{min-width:0}#hudBadgeColumn{gap:4px}#hudLevelBlock{margin-bottom:17px}#dropCounter{font-size:16px;letter-spacing:1px}#multiplierRow{gap:2px}.multPip{font-size:12px;padding:4px}}.ui-loader{display:none!important}@media(max-width:600px)and (orientation:portrait){body.layout-portrait #gameLayoutRoot{min-height:0}body.layout-portrait #layoutSidePanel{order:0}body.layout-portrait #leftRail{order:1;position:static!important;transform:none!important;width:auto!important;max-height:none!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;overflow:visible!important;margin:4px 8px 0!important;padding:6px 8px!important;pointer-events:none!important}body.layout-portrait #layoutCenterPanel{order:2}body.layout-portrait #rightRail{order:3;position:static!important;transform:none!important;width:auto!important;max-height:none!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;overflow:visible!important;margin:0 8px 4px!important;padding:6px 8px!important;pointer-events:none!important}body.layout-portrait .sideRail .railHazard,body.layout-portrait .sideRail .railLabel{display:none!important}body.layout-portrait .sideRail .railButtons{flex-direction:row!important;flex:1 1 auto!important;min-width:0!important}body.layout-portrait #leftRail .customButtons,body.layout-portrait #rightRail .customButtons{flex:1 1 0!important;width:auto!important;min-width:0!important;height:34px!important;line-height:34px!important;font-size:10px!important}body.layout-portrait #middleRowContainer{padding:4px 8px!important}body.layout-portrait #leftRail #timerCapsule{position:static!important;left:auto!important;bottom:auto!important;flex:0 0 auto!important}body.layout-portrait #decoKnob{display:none!important}body.layout-portrait #leftRail .customButtons{max-width:240px}body.layout-portrait #rightRail #saveLoadPanel{position:static!important;inset:auto!important;flex-direction:row!important;gap:6px!important;background:transparent!important;border:none!important;padding:0!important;pointer-events:none!important;z-index:auto!important}body.layout-portrait #rightRail #saveLoadPanel #saveGameButton,body.layout-portrait #rightRail #saveLoadPanel #loadGameButton{flex:1 1 0!important;width:auto!important;min-width:0!important;height:34px!important;padding:0 6px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;pointer-events:auto!important}}@media(max-width:600px)and (orientation:portrait){body.layout-portrait #rightRail .railButtons{flex-wrap:wrap!important}body.layout-portrait #rightRail #saveLoadPanel{flex:1 1 100%!important;min-width:0!important}}@media(max-width:600px)and (orientation:portrait){body.layout-portrait #hudTitle{display:none!important}}@media(orientation:landscape)and (max-width:1000px)and (max-height:500px){body.layout-landscape1 #topRowContainer{border-bottom-width:1px!important}body.layout-landscape1 #hudTopBar{gap:6px!important;padding:0 8px!important}body.layout-landscape1 #hudLeft{gap:8px!important}body.layout-landscape1 #levelBadge{width:28px!important;height:28px!important;flex-basis:28px!important;border-width:1px!important}body.layout-landscape1 #levelValue{font-size:15px!important}body.layout-landscape1 #hudBadgeColumn{gap:2px!important}body.layout-landscape1 #hudLevelCaption{font-size:9px!important;letter-spacing:1px!important;margin-top:0!important;padding-left:0!important}body.layout-landscape1 #hudLevelBlock{height:28px!important;margin-bottom:13px!important}body.layout-landscape1 #dropCounter{font-size:13px!important;letter-spacing:1px!important}body.layout-landscape1 #multiplierRow{gap:3px!important}body.layout-landscape1 .multPip{font-size:12px!important;padding:2px 7px!important;border-radius:8px!important}body.layout-landscape1 #hudTitle{font-size:14px!important;letter-spacing:2px!important}body.layout-landscape1 #hudRight{min-width:110px!important;gap:2px!important}body.layout-landscape1 .hudPlate{font-size:10px!important;padding:1px 8px!important}}@media(min-width:1100px){#hudTopBar{max-width:1100px;margin-inline:auto}#leftRail{left:max(16px,calc(50% - 550px))}#rightRail{right:max(16px,calc(50% - 550px))}}
