.tumble-page{--cream:#fff3d2;max-width:1180px;color:var(--cream);margin:auto;padding:108px 24px 70px;font-family:Arial,Helvetica,sans-serif}.tumble-page *{box-sizing:border-box}.tumble-page header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.tumble-page header>a{color:#7ce6d5;letter-spacing:.14em;font-size:12px;font-weight:900;text-decoration:none}.tumble-page header p{color:#7ce6d5;letter-spacing:.2em;margin:0 0 5px;font-size:11px;font-weight:900}.tumble-page h1{letter-spacing:-.07em;margin:0;font-size:clamp(40px,7vw,82px);font-weight:950;line-height:.82}.tumble-page h1 em{color:#ffbd59;font-style:normal}.tumble-page header>span{text-align:right;color:#8aa9b3;letter-spacing:.13em;font-size:10px;line-height:1.7}.tumble-page header b{color:var(--cream)}.tumble-machine{background:#102c45;border:2px solid #426979;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px #0008}.tumble-hud{text-align:center;background:#0e2635;border-bottom:1px solid #ffffff1c;grid-template-columns:1fr 2fr 1fr;align-items:center;height:86px;padding:10px 24px;display:grid}.tumble-hud small{color:#78a6b4;letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.tumble-hud b{color:#ffcf62;font-variant-numeric:tabular-nums;font-size:35px;line-height:1}.tumble-hud i{color:#9bb4bc;margin-left:4px;font-size:13px;font-style:normal}.tumble-center{border-left:1px solid #ffffff18;border-right:1px solid #ffffff18}.tumble-center strong{letter-spacing:.12em;margin-top:8px;font-size:13px;display:block}.tumble-stage{height:min(66vh,700px);min-height:470px;position:relative;overflow:hidden}.tumble-stage canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.tumble-prompt{pointer-events:none;text-align:center;text-shadow:0 4px 20px #071722;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tumble-prompt.playing{display:none}.tumble-prompt b{letter-spacing:-.05em;font-size:clamp(42px,8vw,86px);line-height:.9}.tumble-prompt small{letter-spacing:.2em;color:#ffcf62;margin-bottom:12px;font-weight:900}.tumble-prompt span{letter-spacing:.18em;margin-top:16px;font-size:10px;font-weight:900}.tumble-prompt.over{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#091a25bb}.tumble-prompt.over button{pointer-events:auto;color:#102431;letter-spacing:.1em;cursor:pointer;background:#ffcf62;border:0;border-radius:7px;margin-top:24px;padding:16px 25px;font:900 13px Arial}.tumble-drop{color:#102431;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffcf62,#f4a53a);border:0;border-top:2px solid #ffc74a;width:100%;height:68px;font:950 20px Arial}.tumble-drop:active{filter:brightness(.9);transform:translateY(2px)}.tumble-drop kbd{border:1px solid #10243166;border-radius:4px;margin-left:15px;padding:6px 9px;font:800 10px Arial}.tumble-tip{text-align:center;color:#a9bec5;max-width:750px;margin:18px auto 0;font-size:13px;line-height:1.6}.tumble-tip b{color:#7ce6d5;letter-spacing:.08em;margin-right:9px}@media (width<=650px){.tumble-page{padding:94px 10px 40px}.tumble-page header{align-items:start}.tumble-page header>a{position:absolute}.tumble-page header div{margin-top:26px}.tumble-page header>span{margin-top:25px}.tumble-page h1{font-size:43px}.tumble-hud{height:72px;padding:8px 12px}.tumble-hud b{font-size:27px}.tumble-center strong{font-size:11px}.tumble-stage{height:58vh;min-height:430px}.tumble-prompt b{font-size:48px}.tumble-drop{height:62px}}