.sf-app{--sf-ink:#16202e;--sf-gold:#ffd23a;--sf-blue:#2aa6e0;--sf-sky:#cfe3ee;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0f151c;display:flex;align-items:center;justify-content:center}.sf-app,.sf-stage{overflow:hidden;height:100dvh}.sf-stage{position:relative;width:100%;max-width:min(100%,calc(100dvh * .5625));background:var(--sf-sky)}.sf-scene{width:100%;height:100%;display:block;z-index:0}.sf-scene,.sf-zone{position:absolute;inset:0}.sf-zone{z-index:2;touch-action:none;cursor:crosshair}.sf-app:not([data-phase=edit]):not([data-phase=play]) .sf-zone{pointer-events:none}.sf-app:not([data-phase=edit]) .sf-hint,.sf-app:not([data-phase=play]) .sf-head{display:none}.sf-head{position:absolute;z-index:4;left:0;right:0;top:0;pointer-events:none;box-sizing:border-box;display:flex;gap:8px;align-items:flex-start;padding:calc(env(safe-area-inset-top, 0px) + 8px) 56px 0 10px}.sf-stat{display:flex;flex-direction:column;padding:4px 12px 5px;border-radius:14px;background:rgba(22,32,46,.86);border:3px solid rgba(255,255,255,.92);color:#fff}.sf-meters,.sf-timer{font:800 22px/1 Playful,sans-serif;color:var(--sf-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-stat-label{font:700 11px/1 Playful,sans-serif}.sf-banner{position:absolute;z-index:7;left:50%;top:18%;transform:translate(-50%) scale(.9);padding:8px 18px;border-radius:16px;pointer-events:none;opacity:0;background:rgba(22,32,46,.9);color:#fff;font:800 22px/1.1 Playful,sans-serif;text-align:center;transition:opacity .18s ease,transform .18s ease}.sf-banner.show{opacity:1;transform:translate(-50%) scale(1)}.sf-hint{position:absolute;z-index:7;left:50%;bottom:14%;transform:translateX(-50%);display:none;align-items:center;gap:8px;pointer-events:none;padding:7px 14px;border-radius:999px;background:rgba(22,32,46,.82);color:#fff;font:700 15px/1 Playful,sans-serif}.sf-hint.show{display:inline-flex}.sf-hint-hand{font-size:20px;animation:sf-bob 1s ease-in-out infinite}@keyframes sf-bob{50%{transform:translateY(-4px)}}.sf-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 8px);right:10px;display:flex;gap:8px}.sf-icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;background:rgba(22,32,46,.82);color:#fff;border:2px solid rgba(255,255,255,.5)}.sf-icon-btn .off,.sf-icon-btn[aria-pressed=true] .on{display:none}.sf-icon-btn[aria-pressed=true] .off{display:inline}.sf-card{width:min(92vw,420px);box-sizing:border-box;padding:22px 22px 26px;border-radius:26px;background:#fff;color:var(--sf-ink);text-align:center;box-shadow:0 18px 50px rgba(16,32,46,.3);border:4px solid var(--sf-gold)}.sf-small-card{width:min(92vw,380px)}.sf-kicker{display:block;font:800 12px/1.2 Playful,sans-serif;letter-spacing:.06em;color:var(--sf-blue)}.sf-title{font:800 30px/1.05 Playful,sans-serif;margin:6px 0 10px}.sf-pitch{font:500 15px/1.4 Playful,sans-serif;margin:0 0 14px}.sf-rules{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:grid;grid-gap:8px;gap:8px}.sf-rules li{display:flex;gap:10px;align-items:flex-start;font:600 14px/1.3 Playful,sans-serif}.sf-rules li span{font-size:20px;line-height:1}.sf-link-btn{display:inline-block;margin:10px auto 0;padding:6px 10px;border:0;background:transparent;cursor:pointer;color:var(--sf-blue);text-decoration:underline}.sf-best,.sf-link-btn{font:700 14px/1 Playful,sans-serif}.sf-best{margin:12px 0 0;color:#5a6b78}.sf-result-title{font:800 26px/1.05 Playful,sans-serif;margin:2px 0 6px}.sf-result-line{font:600 15px/1.3 Playful,sans-serif;margin:0 0 12px;color:#43596a}.sf-result-big{display:flex;flex-direction:column;align-items:center;margin:0 0 14px}.sf-result-big b{font:800 46px/1 Playful,sans-serif;color:var(--sf-blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-result-big span{font:700 12px/1 Playful,sans-serif;color:#7a8a96;text-transform:uppercase;letter-spacing:.08em}.sf-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:0 0 16px;padding:0}.sf-result-list>div{background:#f1f6f9;border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;align-items:baseline}.sf-result-list .wide{grid-column:1/-1}.sf-result-list dt{font:700 12px/1 Playful,sans-serif;color:#6b7a86;margin:0}.sf-result-list dd{font:800 16px/1 Playful,sans-serif;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}