*{box-sizing:border-box}html,body.simulation-page{width:100%;height:100%;margin:0;overflow:hidden;background:#031d2a;font-family:"Open Sans",Arial,sans-serif;color:#fff}body.simulation-page canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;cursor:grab!important;touch-action:none}body.simulation-page:after{content:"";position:fixed;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,20,31,.48),transparent 27%,transparent 72%,rgba(1,20,31,.58))}.simulation-titlebar{position:fixed;z-index:20;top:18px;left:18px;right:18px;min-height:68px;padding:12px 290px 11px 20px;border:1px solid rgba(146,220,246,.24);border-radius:18px;background:rgba(3,41,60,.8);box-shadow:0 16px 38px rgba(0,0,0,.28);backdrop-filter:blur(14px);pointer-events:none}.simulation-kicker{display:block;color:#56d7ff;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.simulation-titlebar h1{margin:2px 0 0;color:#fff;font-size:19px}.simulation-titlebar p{margin:3px 0 0;color:#b9d8e4;font-size:10px}.simulation-page #nextButton,.simulation-page #fullscreenButton{position:fixed!important;z-index:30!important;top:31px!important;left:auto!important;right:158px!important;width:124px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(142,219,244,.28)!important;border-radius:11px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font:800 11px "Open Sans",Arial,sans-serif!important;box-shadow:none!important;transition:.2s}.simulation-page #fullscreenButton{right:30px!important;background:rgba(9,93,128,.76)!important}.simulation-page #nextButton:hover,.simulation-page #fullscreenButton:hover{background:#0994c8!important;transform:translateY(-1px)}.simulation-page .controls{position:fixed!important;z-index:20!important;top:50%!important;right:22px!important;left:auto!important;bottom:auto!important;width:220px!important;max-height:calc(100vh - 140px);overflow:auto;padding:17px!important;transform:translateY(-40%)!important;border:1px solid rgba(154,224,247,.25)!important;border-radius:18px!important;background:rgba(3,42,61,.84)!important;box-shadow:0 18px 42px rgba(0,0,0,.3)!important;color:#fff!important;font:700 11px "Open Sans",Arial,sans-serif!important;text-align:left!important;backdrop-filter:blur(14px)}.simulation-page .controls label{display:flex!important;align-items:center;gap:8px;margin:7px 0!important;padding:9px 10px!important;border:1px solid rgba(144,211,233,.17);border-radius:10px;background:rgba(255,255,255,.055);color:#e1f3f9!important;font-size:10px!important;line-height:1.25}.simulation-page .controls input[type=range]{width:100%!important;accent-color:#12a9dc}.simulation-page #startButton,.simulation-page #startAnimationButton{position:fixed!important;z-index:25!important;left:50%!important;bottom:24px!important;top:auto!important;min-width:190px!important;height:44px!important;padding:0 20px!important;transform:translateX(-50%)!important;border:1px solid rgba(94,210,248,.35)!important;border-radius:12px!important;background:linear-gradient(100deg,#075477,#09a4dc)!important;color:#fff!important;font:800 12px "Open Sans",Arial,sans-serif!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}.simulation-hint{position:fixed;z-index:18;left:50%;bottom:24px;transform:translateX(-50%);padding:9px 15px;border:1px solid rgba(149,219,242,.2);border-radius:999px;background:rgba(2,36,53,.74);color:#d8edf5;font-size:10px;font-weight:700;pointer-events:none;backdrop-filter:blur(10px)}body.has-animation-button .simulation-hint{bottom:78px}@media(max-width:720px){.simulation-titlebar{top:8px;left:8px;right:8px;min-height:58px;padding:10px 102px 9px 13px;border-radius:14px}.simulation-titlebar h1{font-size:14px}.simulation-titlebar p{display:none}.simulation-page #nextButton,.simulation-page #fullscreenButton{top:16px!important;right:57px!important;width:42px!important;height:42px!important;padding:0!important;font-size:0!important}.simulation-page #fullscreenButton{right:12px!important}.simulation-page #nextButton:after{content:"←";font-size:18px}.simulation-page #fullscreenButton:after{content:"⛶";font-size:18px}.simulation-page .controls{left:8px!important;right:8px!important;top:auto!important;bottom:10px!important;width:auto!important;max-height:122px!important;padding:8px!important;transform:none!important;display:flex!important;gap:6px;overflow-x:auto;overflow-y:hidden}.simulation-page .controls label{min-width:max-content;margin:0!important;padding:8px!important;font-size:9px!important}.simulation-page #startButton,.simulation-page #startAnimationButton{bottom:76px!important;height:38px!important}.simulation-hint{display:none}}