:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4efe6;--ink-2:#f4efe6b8;--ink-3:#f4efe675;--brass:#ffd98a;--brass-lo:#b98a45;--glass:#1513118f;--edge:#fff6e421;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--gut:18px}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0b0907;margin:0;overflow:hidden}#scene{touch-action:none;position:fixed;inset:0}#scene canvas{cursor:grab;outline:none;display:block}body.grabbing #scene canvas{cursor:grabbing}body[data-tool=wipe] #scene canvas,body[data-tool=feed] #scene canvas,body[data-tool=rain] #scene canvas{cursor:crosshair}body[data-tool=wind] #scene canvas,body[data-tool=mist] #scene canvas{cursor:cell}#veil{z-index:10;background:radial-gradient(at 50% 45%,#1b1916,#0b0907 70%);place-items:center;transition:opacity 1.4s .2s,visibility 0s linear 1.6s;display:grid;position:fixed;inset:0}body.ready #veil{opacity:0;visibility:hidden;pointer-events:none}.veil-inner{text-align:center;padding:0 24px}.veil-title{font-family:var(--serif);letter-spacing:.08em;font-size:34px}.veil-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;font-size:12px;animation:1.8s ease-in-out infinite pulse}.veil-bar{background:#ffd98a26;width:180px;height:1px;margin:18px auto 0;overflow:hidden}.veil-bar i{background:linear-gradient(90deg, transparent, var(--brass));width:0;height:100%;transition:width .4s;display:block}@keyframes pulse{50%{opacity:.35}}#fatal{z-index:20;color:#ffd6d6;background:#281414e6;border-radius:12px;max-width:420px;padding:18px 22px;font-size:14px;line-height:1.5;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{z-index:2;pointer-events:none;font:500 12px/1.3 var(--sans);position:fixed;inset:0}.hud>*{pointer-events:auto}body.no-ui .hud>:not(.show-ui){display:none}.panel{background:linear-gradient(180deg, #fffaf013, #fffaf004 38%, #0000000d), var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--edge);border-radius:20px;box-shadow:inset 0 1px #fffaf024,0 14px 34px -14px #0000009e}.hud button{font:inherit;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.hud button:focus-visible{outline-offset:2px;outline:1.5px solid #ffd98ad9}.ico{width:20px;height:20px;display:block}.brand{left:calc(var(--gut) + env(safe-area-inset-left,0px));top:calc(var(--gut) + env(safe-area-inset-top,0px));pointer-events:none;text-shadow:0 1px 2px #0006,0 0 16px #00000059;max-width:min(440px,70vw);position:absolute}.brand:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0c0b0961,#0c0b091f 60%,#0000);width:360px;height:190px;position:absolute;top:-60px;left:-70px}.title{font-family:var(--serif);letter-spacing:.06em;font-size:24px;line-height:1}.title:after{content:"";background:linear-gradient(90deg,#ffd98a99,#ffd98a2e 60%,#0000);height:1px;margin-top:8px;display:block}.subtitle{color:var(--ink-3);letter-spacing:.02em;margin-top:7px;font-size:11px}.readout{color:var(--ink-2);font-variant-numeric:tabular-nums;gap:13px;margin-top:8px;font-size:11px;display:flex}.readout b{color:#f4efe6e6;font-weight:500}.status{color:var(--brass);letter-spacing:.02em;align-items:center;gap:7px;margin-top:8px;font-size:11.5px;display:flex}.status .dot{background:var(--brass);width:6px;height:6px;box-shadow:0 0 10px var(--brass);border-radius:50%;animation:2.4s ease-in-out infinite pulse}.actions{right:calc(var(--gut) + env(safe-area-inset-right,0px));top:calc(var(--gut) + env(safe-area-inset-top,0px));border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute}.actions button{border-radius:999px;place-items:center;width:36px;height:36px;transition:color .2s,background-color .2s;display:grid}.actions button:hover{color:var(--ink);background:#fffaf014}.actions button[aria-pressed=true]{color:var(--brass)}.tools{left:50%;bottom:calc(var(--gut) + env(safe-area-inset-bottom,0px));gap:4px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}.tools button{border-radius:15px;align-content:center;place-items:center;gap:3px;width:62px;height:54px;transition:color .2s,background-color .2s,transform .25s cubic-bezier(.3,1.45,.45,1);display:grid;position:relative}.tools button span{letter-spacing:.04em;color:var(--ink-3);font-size:10px}.tools button:hover{color:var(--ink);background:#fffaf00f}.tools button[aria-pressed=true]{color:var(--brass);background:linear-gradient(#ffd98a29,#ffd98a0d);box-shadow:inset 0 0 0 1px #ffd98a47}.tools button[aria-pressed=true] span{color:#ffd98ad9}.tools button:active{transform:scale(.94)}.toast{left:50%;bottom:calc(var(--gut) + 78px + env(safe-area-inset-bottom,0px));color:var(--ink);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;transition:opacity .35s,transform .35s;position:absolute;overflow:hidden;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.hud .storm-btn{right:calc(var(--gut) + env(safe-area-inset-right,0px));bottom:calc(var(--gut) + env(safe-area-inset-bottom,0px));height:46px;color:var(--ink-3);background:linear-gradient(180deg, #fffaf013, #fffaf004 38%, #0000000d), var(--glass);border:1px solid var(--edge);border-radius:999px;align-items:center;gap:8px;padding:0 17px 0 13px;transition:color .3s,background-color .3s,box-shadow .4s,opacity .3s,transform .25s cubic-bezier(.3,1.45,.45,1);display:flex;position:absolute}.hud .storm-btn span{letter-spacing:.05em;font-size:12px}.hud .storm-btn:hover{color:var(--ink)}.hud .storm-btn:active{transform:scale(.95)}.hud .storm-btn[data-state=ready]{color:var(--brass);animation:2.2s ease-in-out infinite storm-ready;box-shadow:inset 0 0 0 1px #ffd98a59,0 0 22px -4px #ffd98a73}.hud .storm-btn[data-state=active]{color:var(--brass);background:linear-gradient(180deg, #ffd98a2e, #ffd98a0d), var(--glass);box-shadow:inset 0 0 0 1px #ffd98a52}.hud .storm-btn[data-state=roping]{opacity:.45;cursor:default}@keyframes storm-ready{50%{box-shadow:inset 0 0 0 1px #ffd98a80,0 0 30px -2px #ffd98a99}}.clock{left:calc(var(--gut) + env(safe-area-inset-left,0px));bottom:calc(var(--gut) + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;width:230px;padding:10px 14px 10px 10px;display:flex;position:absolute}.clock>button{width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;display:grid;border:1px solid #fff6e42e!important}.clock>button .ico{width:15px;height:15px}.clock-body{flex:1}.clock-label{color:var(--ink-3);letter-spacing:.04em;justify-content:space-between;align-items:baseline;font-size:10.5px;display:flex}.clock-label b{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:400}.clock input{width:100%;accent-color:var(--brass);background:0 0;height:18px;margin:6px 0 0}.clock input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1c2a3d,#6b4f2a 25%,#ffd98a 50%,#6b4f2a 75%,#1c2a3d);border-radius:3px;height:3px}.clock input::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 40% 35%,#fff1cc,#ffd98a 45%,#b98a45);border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 0 10px #ffd98a99}.clock input{appearance:none}.show-ui{right:var(--gut);bottom:var(--gut);border-radius:999px;padding:8px 14px;display:none;position:absolute;border:1px solid var(--edge)!important;background:#15131180!important}body.no-ui .show-ui{display:block}@media (width>=721px) and (width<=1010px){.clock{bottom:calc(var(--gut) + 74px + env(safe-area-inset-bottom,0px))}.hud .storm-btn{bottom:calc(var(--gut) + 80px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(var(--gut) + 150px + env(safe-area-inset-bottom,0px))}}@media (width<=720px){:root{--gut:12px}.title{font-size:20px}.subtitle{display:none}.tools{gap:2px;padding:4px}.tools button{border-radius:13px;width:50px;height:50px}.tools button span{font-size:9px}.clock{bottom:calc(var(--gut) + 66px + env(safe-area-inset-bottom,0px));width:200px;padding:8px 12px 8px 8px}.hud .storm-btn{bottom:calc(var(--gut) + 68px + env(safe-area-inset-bottom,0px));height:42px;padding:0 14px 0 11px}.toast{bottom:calc(var(--gut) + 136px + env(safe-area-inset-bottom,0px));font-size:12px}.actions button{width:32px;height:32px}}@media (width<=400px){.tools button{width:46px}.readout{gap:9px}}body.present .show-ui{display:none!important}
