@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/baraholka/randomizer/assets/onest-cyrillic-wght-normal-DXI_y_WF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/baraholka/randomizer/assets/onest-latin-wght-normal-CUIqqgP9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/baraholka/randomizer/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}:root{--color-paper:oklch(11% .035 255);--color-panel:oklch(17% .05 258);--color-panel-raised:oklch(22% .06 266);--color-ink:oklch(95% .025 86);--color-ink-muted:oklch(76% .035 255);--color-accent:oklch(75% .13 78);--color-accent-ink:oklch(17% .055 258);--color-cyan:oklch(62% .1 205);--color-rose:oklch(56% .17 25);--color-violet:oklch(45% .08 305);--color-blue:oklch(48% .11 250);--color-mint:oklch(62% .11 145);--ink:var(--color-ink);--ink-soft:var(--color-ink-muted);--cream:var(--color-ink);--cream-deep:var(--color-accent);--rose:var(--color-rose);--coral:oklch(62% .16 45);--cyan:var(--color-cyan);--blue:var(--color-blue);--violet:var(--color-violet);--gold:var(--color-accent);--mint:var(--color-mint);--plum:oklch(22% .06 290);--night:var(--color-paper);--night-soft:var(--color-panel);--paper-glass:oklch(17% .05 258/.95);--paper-muted:oklch(22% .06 266/.8);--line-light:#ffffff8f;--line-dark:oklch(88% .08 305/.16);--shadow-soft:0 30px 90px oklch(5% .05 290/.46);--shadow-contact:0 12px 34px oklch(5% .05 290/.34);--font-display:"Onest Variable", ui-rounded, system-ui, sans-serif;--font-body:"Onest Variable", ui-rounded, system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-heavy:cubic-bezier(.32, .72, 0, 1);--ease-press:cubic-bezier(.2, .7, .3, 1);--radius-shell:2.3rem;--radius-core:1.82rem;--z-stage:1;--z-overlay:10;--z-nav:20;--z-result:30;--z-toast:40}*,:before,:after{box-sizing:border-box}html{background:var(--night);min-width:320px;min-height:100%;overflow-x:clip}body{min-width:320px;min-height:100dvh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 78% 16%, oklch(48% .11 250/.22), transparent 34rem), radial-gradient(circle at 18% 82%, oklch(56% .17 25/.12), transparent 36rem), var(--night);margin:0;overflow-x:clip}body:after{z-index:var(--z-result);pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip-link{z-index:calc(var(--z-toast) + 1);color:var(--cream);background:var(--plum);transition:transform .32s var(--ease-spring);border-radius:999px;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.floating-nav{top:max(.8rem, env(safe-area-inset-top));z-index:var(--z-nav);width:min(100% - 2rem,88rem);min-height:3.3rem;color:var(--cream);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:oklch(17% .09 289/.82);border-radius:999px;justify-content:space-between;align-items:center;padding:.36rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff2e,0 16px 44px #06021838}.brand-pill,.sound-button{cursor:pointer;border:0;border-radius:999px;align-items:center;min-height:2.6rem;text-decoration:none;display:inline-flex}.brand-pill{color:var(--color-accent-ink);letter-spacing:.08em;background:var(--gold);transition:transform .42s var(--ease-spring), background-color .42s var(--ease-spring);gap:.62rem;padding:.4rem 1rem .4rem .42rem;font-size:.78rem;font-weight:850}.brand-pill:hover{background:#ffda74;transform:translate(-2px)}.brand-pill:active,.sound-button:active,.launch-button:active,.result-button:active{transform:scale(.98)}.brand-pill__arrow{aspect-ratio:1;width:1.86rem;transition:transform .42s var(--ease-spring);background:#1c14351a;border-radius:50%;place-items:center;display:grid}.brand-pill:hover .brand-pill__arrow{transform:translate(-2px)}.nav-status{letter-spacing:.06em;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;display:inline-flex}.nav-status i{aspect-ratio:1;background:var(--mint);width:.46rem;box-shadow:0 0 1rem var(--mint);border-radius:50%}.sound-button{color:var(--cream);transition:transform .42s var(--ease-spring), background-color .42s var(--ease-spring), opacity .42s var(--ease-spring);background:#ffffff14;gap:.48rem;padding:.45rem .82rem;box-shadow:inset 0 1px #ffffff17}.sound-button:hover{background:#ffffff24}.sound-button[aria-pressed=false]{opacity:.62}.sound-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1.18rem;height:1.18rem}.sound-button[aria-pressed=false] .sound-button__wave{opacity:0}.sound-button span{font-size:.72rem;font-weight:750}.pinball-app{isolation:isolate;min-height:100dvh;position:relative}.pinball-stage{z-index:var(--z-stage);background:radial-gradient(circle at 50% 35%, oklch(48% .11 250/.2), transparent 34rem), var(--night);min-height:100dvh;position:fixed;inset:0;overflow:hidden}.pinball-canvas{opacity:1;filter:none;touch-action:none;width:100%;height:100%;transition:opacity .9s var(--ease-heavy), transform 1.1s var(--ease-heavy);display:block;transform:scale(1.015)}body[data-app-state=drawing] .pinball-canvas,body[data-app-state=distribution] .pinball-canvas,body[data-app-state=revealing] .pinball-canvas,body[data-app-state=result] .pinball-canvas{opacity:1;transform:scale(1)}.world-marker-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-marker{color:#261c29;text-align:left;cursor:default;max-width:min(16rem,30vw);min-height:2rem;box-shadow:inset 0 0 0 2px #ffffffc2, 0 0 0 3px color-mix(in srgb, var(--marker-color) 76%, transparent), 0 10px 28px #0d191d47;opacity:.58;pointer-events:none;transform:translate(calc(var(--marker-x,-10rem) - 50%), calc(var(--marker-y,-10rem) - 50%)) scale(.78);transform-origin:50%;transition:opacity .42s var(--ease-heavy), transform .52s var(--ease-spring), filter .42s var(--ease-heavy);background:#fff5dae0;border:0;border-radius:999px;align-items:center;padding:.18rem;display:flex;position:absolute;top:0;left:0}.world-marker__number{aspect-ratio:1;color:#fff9e9;width:1.62rem;font-family:var(--font-mono);background:var(--marker-color);border-radius:50%;flex:none;place-items:center;font-size:.56rem;font-weight:800;display:grid}.world-marker__copy{min-width:0;padding:.12rem .66rem .12rem .44rem;display:none}.world-marker__copy strong,.world-marker__copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.world-marker__copy strong{font-size:.68rem;font-weight:830}.world-marker__copy small{color:#665264;font-size:.52rem;font-weight:680}.world-marker-layer[data-mode=preview] .world-marker{pointer-events:auto;cursor:pointer}.world-marker[data-focused=true],.world-marker[data-active=true],.world-marker[data-winner=true]{filter:saturate(1.2)brightness(1.04);opacity:1;transform:translate(calc(var(--marker-x,-10rem) - 50%), calc(var(--marker-y,-10rem) - 50%)) scale(1)}.world-marker[data-focused=true] .world-marker__copy,.world-marker[data-active=true] .world-marker__copy,.world-marker[data-winner=true] .world-marker__copy{display:block}.world-marker[data-active=true]{animation:marker-awake .86s var(--ease-spring) infinite alternate;box-shadow:inset 0 0 0 2px #fff9df,0 0 0 4px #f3c955,0 0 2rem #f5c147cc,0 12px 30px #0d191d57}.world-marker[data-winner=true]{box-shadow:inset 0 0 0 2px #fff9df,0 0 0 5px #ffd966,0 0 3.2rem #ffd766eb}@keyframes marker-awake{to{filter:saturate(1.32)brightness(1.16)}}.stage-vignette{pointer-events:none;transition:opacity .8s var(--ease-heavy);background:linear-gradient(90deg,#0a151b94,#0000 36% 74%,#0a151b33),linear-gradient(#0a151b42,#0000 28% 72%,#0a151b70);position:absolute;inset:0}body[data-app-state=drawing] .stage-vignette,body[data-app-state=distribution] .stage-vignette,body[data-app-state=revealing] .stage-vignette{opacity:.48}.impact-flash{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,#fff4bd6b,#0000 42%);position:absolute;inset:0}.impact-flash[data-hit=true]{animation:impact-flash .19s var(--ease-heavy)}@keyframes impact-flash{0%{opacity:0}30%{opacity:.7}to{opacity:0}}.stage-caption{left:.85rem;right:auto;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:2;color:#fff5d89e;max-width:min(26rem,100% - 1.7rem);font-family:var(--font-mono);letter-spacing:.03em;pointer-events:none;transition:opacity .52s var(--ease-heavy), transform .52s var(--ease-heavy);background:#0a081c7a;border-radius:.7rem;margin:0;padding:.42rem .7rem;font-size:.58rem;position:absolute;box-shadow:inset 0 1px #ffffff14}.camera-dock{z-index:calc(var(--z-overlay) + 2);pointer-events:auto;align-items:center;gap:.38rem;max-width:calc(100% - 1.5rem);display:flex;position:absolute;top:.75rem;left:.75rem;right:auto}.camera-tour-button{color:#fff5d5;letter-spacing:.02em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);min-height:2.4rem;transition:transform .42s var(--ease-spring), background-color .32s ease, color .32s ease;background:#0c092094;border:1px solid #ffffff29;border-radius:.72rem;flex:none;align-items:center;gap:.42rem;margin:0;padding:.22rem .72rem .22rem .22rem;font-size:.62rem;font-weight:740;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.camera-tour-button:hover,.camera-tour-button[aria-pressed=true]{color:var(--night);background:var(--cyan);transform:translateY(-1px)}.camera-tour-button--stop{color:#fff4ef;background:#5a161cc7;border-color:#ff8c7847}.camera-tour-button--stop:hover,.camera-tour-button--stop:focus-visible{color:var(--night);background:#ffd27a}.camera-tour-button span{aspect-ratio:1;width:1.42rem;color:inherit;background:#ffffff14;border-radius:.5rem;place-items:center;font-size:.78rem;display:grid}body[data-app-state=drawing] #inspectTableButton,body[data-app-state=revealing] #inspectTableButton{display:none}body[data-app-state=drawing] .stage-caption,body[data-app-state=distribution] .stage-caption,body[data-app-state=revealing] .stage-caption,body[data-app-state=result] .stage-caption{opacity:0;transform:translateY(1rem)}body[data-app-state=drawing][data-phase=launch] .stage-caption{opacity:1;pointer-events:none;transform:none}.setup-shell{z-index:var(--z-overlay);pointer-events:none;width:min(100%,96rem);min-height:100dvh;transition:opacity .6s var(--ease-heavy), transform .8s var(--ease-heavy);align-items:center;margin:0 auto;padding:5.4rem clamp(1rem,4vw,4rem) 3rem;display:flex;position:relative}.setup-shell__bezel{pointer-events:auto;background:linear-gradient(#ffd68c29,#ffffff0f 38%,#5030781f);border-radius:1.35rem;width:min(24.5rem,92vw);padding:.32rem;box-shadow:inset 0 1px #ffdca047,0 18px 48px #05081c52}.setup-card{background:var(--paper-glass);border-radius:1.08rem;grid-template-columns:minmax(0,1fr);gap:0;padding:1rem 1.05rem 1.05rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #5834781a}.setup-card__copy{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.randomizer-form{z-index:1;min-width:0;position:relative}.eyebrow{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;background:#55ded729;border-radius:999px;align-self:flex-start;align-items:center;gap:.48rem;margin:0 0 1rem;padding:.42rem .68rem;font-size:.62rem;font-weight:780;display:inline-flex;box-shadow:inset 0 0 0 1px #2d19520d}.eyebrow span{aspect-ratio:1;background:var(--cyan);width:.42rem;box-shadow:0 0 .8rem var(--cyan);border-radius:50%}.setup-card h1{color:var(--ink);letter-spacing:-.064em;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(2.75rem,4vw,3.55rem);font-weight:880;line-height:.9}.setup-card__lede{max-width:27rem;color:var(--ink-soft);margin:1.45rem 0 1.7rem;font-size:clamp(.9rem,1.18vw,1.05rem);font-weight:520;line-height:1.54}.mechanic-notes{grid-template-columns:repeat(3,1fr);gap:.48rem;margin:auto 0 0;padding:0;list-style:none;display:grid}.mechanic-notes li{min-height:4rem;color:var(--ink-soft);background:#2d19520d;border-radius:1rem;flex-direction:column;justify-content:center;padding:.56rem;font-size:.55rem;font-weight:720;line-height:1.2;display:flex;box-shadow:inset 0 1px #ffffffd1}.mechanic-notes span{color:var(--ink);font-family:var(--font-mono);font-size:.86rem;font-weight:760}.randomizer-form{min-width:0}.field-shell{transition:background-color .42s var(--ease-spring), transform .42s var(--ease-spring);background:#2d19521a;border-radius:1.05rem;padding:.36rem;box-shadow:inset 0 0 0 1px #ffffff0f}.field-shell:focus-within{background:#55ded73d;transform:translateY(-2px)}.field-shell[data-state=error]{background:#ff607f38}.field-shell__head{justify-content:space-between;align-items:center;gap:1rem;padding:.46rem .55rem .68rem;display:flex}.field-shell__head label,.field-shell__head output{letter-spacing:.035em;font-size:.66rem;font-weight:760}.field-shell__head output{color:var(--ink-soft);font-family:var(--font-mono);flex:none}.field-shell__core{background:oklch(14% .07 284/.86);border-radius:.78rem;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 9px 24px #0602182e}textarea{resize:vertical;width:100%;min-height:11rem;color:var(--ink);caret-color:var(--rose);background:0 0;border:0;outline:0;padding:.9rem 1rem;font-size:.9rem;font-weight:610;line-height:1.55;display:block}textarea::placeholder{color:#51456a75}body[data-starter-draft=true] textarea{color:#51455794;font-style:italic}body[data-starter-draft=true] .field-shell:after{color:var(--ink-soft);content:"Это готовые варианты: их можно оставить и использовать";padding:.15rem .6rem .5rem;font-size:.56rem;font-weight:680;display:block}.field-message,.field-note{margin:0;padding-inline:.58rem;font-size:.61rem;line-height:1.4}.field-message{min-height:.2rem;color:var(--ink-soft);padding-top:.42rem;font-weight:620}.field-shell[data-state=error] .field-message{color:oklch(76% .2 18);font-weight:720}.field-note{color:var(--ink-soft);padding-block:.08rem .46rem}.form-actions{flex-direction:column;align-items:stretch;gap:.42rem;margin-top:.78rem;display:flex}.launch-button{min-height:3.15rem;color:var(--night);letter-spacing:.01em;text-align:center;cursor:pointer;background:var(--gold);transition:transform .42s var(--ease-spring), filter .42s var(--ease-spring), opacity .42s var(--ease-spring);border:0;border-radius:.85rem;place-items:center;padding:.7rem 1rem;font-size:.92rem;font-weight:820;display:grid;box-shadow:inset 0 1px #ffffff47,0 10px 22px #2d195238}.launch-button:not(:disabled):hover{filter:brightness(1.1)saturate(1.06);transform:translateY(-2px)}.launch-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:inset 0 1px #ffffff1a}.quiet-button,.result-link{color:var(--ink-soft);text-underline-offset:.25rem;cursor:pointer;transition:color .32s var(--ease-spring), opacity .32s var(--ease-spring);background:0 0;border:0;align-self:center;padding:.55rem 0;font-size:.64rem;font-weight:720;-webkit-text-decoration:underline #ffffff38;text-decoration:underline #ffffff38}.quiet-button:hover,.result-link:hover{color:var(--ink)}.quiet-button:disabled{cursor:default;opacity:.36}.distribution-panel{grid-column:1/-1;min-width:0}body[data-app-state=distribution] .setup-shell{justify-content:flex-end;align-items:flex-end}body[data-app-state=distribution] .setup-card__copy,body[data-app-state=distribution] .randomizer-form{display:none}body[data-app-state=distribution] .setup-shell__bezel{width:min(26rem,32vw);margin-bottom:.7rem}body[data-app-state=distribution] .setup-card{padding:1rem;display:block}.distribution-panel__head h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:820;line-height:1.15}.distribution-panel__head>p:not(.eyebrow){max-width:36rem;color:var(--ink-soft);margin:.42rem 0 0;font-size:.72rem;line-height:1.42}.distribution-panel__toggle{color:#ffecc4c7;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff29;margin-top:.55rem;padding:0;font-size:.64rem;font-weight:740}.distribution-panel__toggle:hover{border-bottom-color:currentColor}.distribution-panel__details{min-width:0}.distribution-list{scrollbar-color:#35243e42 transparent;gap:.46rem;max-height:min(30dvh,19rem);margin:1rem 0 0;padding:.2rem .3rem .3rem 0;list-style:none;display:grid;overflow-y:auto}.distribution-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:transform .42s var(--ease-spring), background-color .42s var(--ease-heavy), box-shadow .42s var(--ease-heavy);background:#ffffff7a;border:0;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid;box-shadow:inset 0 0 0 1px #402a3714}.distribution-list button:hover,.distribution-list button[data-focused=true]{box-shadow:inset 0 0 0 2px var(--option-color), 0 10px 26px #1b26231f;background:#ffffffd1;transform:translate(.25rem)}.distribution-list__number{aspect-ratio:1;color:#fff9e9;width:2.05rem;font-family:var(--font-mono);background:var(--option-color);border-radius:50%;place-items:center;font-size:.62rem;font-weight:800;display:grid}.distribution-list__copy{min-width:0}.distribution-list__copy strong,.distribution-list__copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.distribution-list__copy strong{font-size:.76rem;font-weight:820}.distribution-list__copy small{color:var(--ink-soft);margin-top:.08rem;font-size:.58rem;font-weight:620}.distribution-panel__actions{grid-template-columns:1fr 1fr;align-items:center;gap:.45rem .7rem;margin-top:.9rem;display:grid}.distribution-panel__actions .launch-button{grid-column:1/-1}body[data-app-state=drawing] .setup-shell,body[data-app-state=revealing] .setup-shell,body[data-app-state=result] .setup-shell{opacity:0;pointer-events:none;transform:translateY(2rem)scale(.97)}body[data-app-state=drawing] .setup-shell__bezel,body[data-app-state=revealing] .setup-shell__bezel,body[data-app-state=result] .setup-shell__bezel{pointer-events:none}.draw-hud{top:max(5.2rem, calc(env(safe-area-inset-top) + 4.6rem));z-index:3;width:min(100% - 2rem,44rem);color:var(--cream);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);opacity:0;pointer-events:none;transition:opacity .52s var(--ease-heavy), transform .62s var(--ease-heavy);background:#100b2da3;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem 1.2rem;padding:.7rem .82rem .64rem;display:grid;position:absolute;left:50%;transform:translate(-50%,-1rem)scale(.96);box-shadow:inset 0 1px #ffffff24,0 18px 46px #06021833}body[data-app-state=drawing] .draw-hud,body[data-app-state=revealing] .draw-hud{opacity:1;transform:translate(-50%)scale(1)}.draw-hud__phase{min-width:0}.draw-hud__eyebrow,.draw-hud__activity small{color:#fff5d88a;letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:720;display:block}.draw-hud__phase strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:clamp(.86rem,2vw,1.08rem);font-weight:780;display:block;overflow:hidden}.draw-hud__activity{text-align:right}.draw-hud__activity span{color:var(--gold);font-family:var(--font-mono);font-size:.84rem;font-weight:760;display:block}.draw-hud__live{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;display:flex}.draw-hud__live[hidden]{display:none}.draw-hud__live b{color:#102214;background:var(--live-color,#7dffb0);max-width:14rem;box-shadow:0 0 .85rem color-mix(in srgb, var(--live-color,#7dffb0) 55%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;padding:.28rem .55rem;font-size:.72rem;font-style:normal;font-weight:780;overflow:hidden}.draw-hud__track{background:#ffffff1a;border-radius:999px;grid-column:1/-1;height:.28rem;overflow:hidden}.draw-hud__track span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--gold), var(--rose));transform-origin:0;width:100%;height:100%;transition:transform .26s var(--ease-heavy);display:block;transform:scaleX(0);box-shadow:0 0 1rem #ffcc4b6b}.active-flags-strip{top:max(10.35rem, calc(env(safe-area-inset-top) + 9.7rem));z-index:3;width:min(100% - 2rem,42rem);min-height:2.2rem;color:var(--cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .42s var(--ease-heavy), transform .52s var(--ease-heavy);background:#18232abd;border-radius:999px;align-items:center;gap:.65rem;padding:.38rem .5rem .38rem .75rem;display:flex;position:absolute;left:50%;transform:translate(-50%,-.5rem);box-shadow:inset 0 1px #ffffff24}body[data-app-state=drawing] .active-flags-strip,body[data-app-state=revealing] .active-flags-strip{opacity:1;transform:translate(-50%)}.active-flags-strip>span{color:#fff1cf94;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.52rem;font-weight:760}.active-flags-strip>div{scrollbar-width:none;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.active-flags-strip em,.active-flags-strip i{white-space:nowrap;border-radius:999px;flex:none;padding:.34rem .58rem;font-size:.58rem;font-style:normal;font-weight:720}.active-flags-strip em{color:#fff1cf7a}.active-flags-strip i{color:#261c29;background:var(--active-color,var(--gold));box-shadow:inset 0 0 0 2px #ffffffc7, 0 0 1.35rem color-mix(in srgb, var(--active-color) 72%, transparent)}.result-panel{right:clamp(1rem,4vw,4rem);bottom:max(1rem, calc(env(safe-area-inset-bottom) + .8rem));z-index:var(--z-result);opacity:0;pointer-events:none;width:min(31rem,100% - 2rem);transition:opacity .62s var(--ease-heavy), transform .72s var(--ease-heavy);position:fixed;transform:translateY(2rem)scale(.94)}body[data-app-state=result] .result-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.result-panel__bezel{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffff24;border-radius:2rem;padding:.44rem;box-shadow:inset 0 1px #ffffff61,0 26px 80px #0602185c}.result-panel__core{background:radial-gradient(circle at 88% 0, #ffcc4b57, transparent 14rem), var(--paper-glass);border-radius:1.58rem;padding:clamp(1.25rem,4vw,2rem);overflow:hidden;box-shadow:inset 0 1px #ffffffe0}.result-panel__label{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;background:#ffcc4b47;border-radius:999px;margin:0;padding:.42rem .7rem;font-size:.59rem;font-weight:790;display:inline-flex}.result-panel h2{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.065em;margin:.75rem 0 .55rem;font-size:clamp(2rem,6vw,4rem);font-weight:880;line-height:.95}.result-panel p:not(.result-panel__label){color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.5}.result-panel__actions{flex-wrap:wrap;align-items:center;gap:.52rem;margin-top:1rem;display:flex}.result-button{min-height:2.9rem;color:var(--ink);cursor:pointer;transition:transform .42s var(--ease-spring), background-color .42s var(--ease-spring);background:#2d195212;border:0;border-radius:999px;padding:.7rem 1rem;font-size:.68rem;font-weight:780;box-shadow:inset 0 1px #fffc}.result-button:hover{background:#2d19521f;transform:translateY(-2px)}.result-button--again{color:var(--cream);background:var(--plum);box-shadow:inset 0 1px #ffffff24}.result-button--again:hover{background:#3b2269}.result-link{margin-left:auto}.app-toast{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:var(--z-toast);max-width:min(30rem,100% - 2rem);color:var(--cream);animation:toast-in .52s var(--ease-spring) both;background:#2d1952eb;border-radius:1.2rem;align-items:center;gap:1rem;padding:.75rem .8rem .75rem 1rem;font-size:.72rem;line-height:1.4;display:flex;position:fixed;box-shadow:0 18px 60px #0602185c}.app-toast button{aspect-ratio:1;width:2rem;color:var(--cream);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;flex:none;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.fallback-machine{aspect-ratio:.55;width:min(72vw,28rem);box-shadow:inset 0 0 0 .55rem var(--gold), inset 0 0 0 .78rem #71365e, 0 30px 90px #04011375;background:radial-gradient(circle at 50% 24%,#ffcc4b42,#0000 26%),linear-gradient(#37206b,#16103a 72%);border-radius:42% 42% 10% 10%/16% 16% 8% 8%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)perspective(900px)rotateX(7deg)}.fallback-machine__castle{align-items:flex-end;gap:.4rem;display:flex;position:absolute;top:7%;left:50%;transform:translate(-50%)}.fallback-machine__castle i{background:var(--violet);border-radius:.35rem .35rem 0 0;width:2.2rem;height:3rem;display:block;box-shadow:0 0 1rem #8e68ff80}.fallback-machine__castle i:nth-child(2){background:var(--rose);height:4.2rem}.fallback-machine__flags{position:absolute;inset:22% 10% 15%}.fallback-machine__flags i{background:var(--flag-color,var(--cyan));width:.8rem;height:.8rem;box-shadow:0 0 0 .22rem #ffffff2e, 0 0 1.1rem var(--flag-color,var(--cyan));border-radius:50%;position:absolute}.fallback-machine__flags i[data-active=true]{animation:fallback-flag .68s var(--ease-spring) infinite alternate}@keyframes fallback-flag{to{filter:brightness(1.4);transform:scale(1.45)}}.fallback-machine__ball{z-index:4;aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#a9d7ef 30%,#28335b 100%);border-radius:50%;width:1.1rem;position:absolute;top:74%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1.2rem #ffffffa8}body[data-app-state=drawing] .fallback-machine__ball{animation:fallback-ball 2.8s var(--ease-heavy) infinite}@keyframes fallback-ball{0%{transform:translate(7rem,8rem)}18%{transform:translate(-6rem,-5rem)}36%{transform:translate(4rem,-12rem)}54%{transform:translate(-4rem,-19rem)}72%{transform:translate(6rem,-28rem)}to{transform:translate(-1rem,8rem)}}.fallback-machine__bumper{aspect-ratio:1;background:radial-gradient(circle, var(--cream) 0 18%, var(--rose) 20% 48%, #8d274f 50% 100%);width:3rem;animation:fallback-bumper 1.4s var(--ease-spring) infinite alternate;border-radius:50%;position:absolute;box-shadow:0 0 1.4rem #ff607f6b}.fallback-machine__bumper--one{top:35%;left:24%}.fallback-machine__bumper--two{animation-delay:-.6s;top:43%;right:20%}.fallback-machine__bumper--three{animation-delay:-1s;top:57%;left:42%}@keyframes fallback-bumper{to{filter:brightness(1.24);transform:scale(1.12)rotate(12deg)}}.fallback-machine__flippers{justify-content:space-between;display:flex;position:absolute;bottom:9%;left:18%;right:18%}.fallback-machine__flippers i{background:var(--cyan);transform-origin:0;border-radius:999px;width:5rem;height:1.1rem;transform:rotate(18deg)}.fallback-machine__flippers i:last-child{background:var(--rose);transform-origin:100%;transform:rotate(-18deg)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=1120px){.setup-shell__bezel{width:min(24.5rem,88vw)}}@media (width<=767px){.floating-nav{width:calc(100% - 1rem);min-height:3rem}.brand-pill{min-height:2.28rem;padding-right:.75rem;font-size:.67rem}.brand-pill__arrow{width:1.62rem}.nav-status{display:none}.sound-button{min-height:2.28rem}.setup-shell{width:100%;padding:.75rem .75rem max(.75rem, env(safe-area-inset-bottom));align-items:flex-end}.setup-shell__bezel{border-radius:1.2rem;width:100%;padding:.28rem}.setup-card{overscroll-behavior:contain;border-radius:.95rem;max-height:calc(100dvh - 9.25rem);padding:1rem;display:block;overflow-y:auto}.camera-dock{gap:.3rem;max-width:calc(100% - 1.3rem);top:.65rem;left:.65rem;right:auto}.camera-tour-button{min-height:2.28rem;font-size:.58rem}body[data-app-state=drawing] .camera-dock,body[data-app-state=revealing] .camera-dock{top:auto;left:.65rem;right:auto;bottom:max(.7rem, env(safe-area-inset-bottom))}body[data-app-state=result] .camera-dock{z-index:calc(var(--z-result) + 1);inset:.65rem auto auto .65rem}.setup-card h1{font-size:clamp(2.45rem,13vw,4.1rem)}.setup-card__lede{margin:1rem 0;font-size:.82rem}body[data-has-options=true][data-app-state=setup] .setup-card{max-height:calc(100dvh - 8.75rem)}body[data-app-state=distribution] .setup-shell{padding:.5rem .5rem max(.5rem, env(safe-area-inset-bottom));align-items:flex-end}body[data-app-state=distribution] .setup-shell__bezel{width:100%}body[data-app-state=distribution] .setup-card{max-height:15.2rem;padding:.78rem;overflow-y:auto}body[data-app-state=distribution] .setup-card:has(.distribution-panel[data-expanded=true]){max-height:min(58dvh,31rem)}body[data-app-state=distribution] .distribution-panel__head .eyebrow,body[data-app-state=distribution] .distribution-panel__head>p:not(.eyebrow){display:none}.distribution-panel__head h2{font-size:1.04rem;line-height:1.08}.distribution-panel__toggle{margin-top:.35rem;font-size:.62rem}.distribution-list{max-height:29dvh;margin-top:.55rem}.distribution-panel__actions{grid-template-columns:1fr 1fr;gap:.3rem .55rem;margin-top:.58rem;display:grid}.distribution-panel__actions .launch-button{grid-column:1/-1;max-width:none}body[data-app-state=distribution] .distribution-panel__actions .launch-button{min-height:3.15rem;padding:.55rem .65rem}body[data-app-state=distribution] .distribution-panel__actions .quiet-button{font-size:.6rem}.world-marker{max-width:12.5rem}.world-marker__copy strong{max-width:8.6rem;font-size:.61rem}.world-marker__copy small{max-width:8.6rem;font-size:.48rem}.mechanic-notes{margin-bottom:1rem}.mechanic-notes li{min-height:3.3rem}textarea{min-height:9.1rem;font-size:.88rem}.form-actions{flex-direction:column;align-items:stretch}.launch-button{width:100%}.quiet-button{align-self:center}.stage-caption{display:none}.draw-hud{top:max(4.7rem, calc(env(safe-area-inset-top) + 4.1rem));border-radius:1.05rem;gap:.55rem 1rem;width:calc(100% - 1rem);padding:.68rem .72rem}.draw-hud__phase strong{max-width:68vw}.draw-hud__activity small{font-size:.46rem}.active-flags-strip{top:max(9.25rem, calc(env(safe-area-inset-top) + 8.65rem));border-radius:1rem;width:calc(100% - 1rem);min-height:3.15rem;padding:.34rem}.active-flags-strip>span{display:none}.active-flags-strip>div{gap:.45rem;width:100%}.active-flags-strip em,.active-flags-strip i{min-height:2.42rem;padding:.62rem .78rem;font-size:.74rem;font-weight:820}.active-flags-strip i:before{content:"АКТИВЕН · ";font-family:var(--font-mono);letter-spacing:.06em;font-size:.51rem}.result-panel{right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));width:calc(100% - 1rem)}.result-panel__bezel{border-radius:1.55rem;padding:.32rem}.result-panel__core{border-radius:1.25rem;padding:1.1rem}.result-panel h2{font-size:clamp(2rem,11vw,3.2rem)}.result-panel__actions{grid-template-columns:1fr 1fr;display:grid}.result-link{grid-column:1/-1;margin:0}}@media (width<=390px){.sound-button span{display:none}.sound-button{justify-content:center;width:2.28rem;padding:0}.setup-card{padding:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}.pinball-canvas,.setup-shell,.draw-hud,.result-panel{transition-duration:1ms!important}}.field-tools{pointer-events:none;display:none}body[data-app-state=drawing] .field-tools,body[data-app-state=revealing] .field-tools{display:block}.pinball-stage .camera-dock,.pinball-stage .camera-dock button{pointer-events:auto}.world-marker-layer[data-mode=preview] .world-marker{opacity:.9;transform:translate(calc(var(--marker-x,-10rem) - 50%), calc(var(--marker-y,-10rem) - 50%)) scale(.92)}.world-marker[data-active=true]{max-width:min(20rem,46vw);transform:translate(calc(var(--marker-x,-10rem) - 50%), calc(var(--marker-y,-10rem) - 50%)) scale(1.18)}.world-marker[data-active=true] .world-marker__copy strong{font-size:.82rem}.world-marker[data-active=true] .world-marker__number{width:1.95rem;font-size:.64rem}@media (width>=960px){.pinball-app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(21rem,26vw,24.5rem);height:100dvh;min-height:0;padding-top:4.8rem;display:grid;overflow:hidden}.pinball-stage{border-top:1px solid #ffffff14;border-right:1px solid #ffffff1f;grid-area:1/1;width:auto;min-height:0;position:relative;inset:auto}.field-tools,.setup-shell,.result-panel{grid-area:1/2}.field-tools{z-index:calc(var(--z-overlay) + 2);min-width:0;padding:1rem;position:relative}.camera-dock{max-width:calc(100% - 1.7rem);top:.85rem;left:.85rem;right:auto}.stage-caption{max-width:min(26rem,100% - 1.7rem);line-height:1.45;inset:auto auto .85rem .85rem}.setup-shell{width:auto;min-height:0;margin:0;padding:1rem;position:relative;overflow-y:auto}.setup-shell__bezel,body[data-app-state=distribution] .setup-shell__bezel{width:100%;margin:0}.setup-card{grid-template-columns:minmax(0,1fr);gap:0;max-height:none;padding:1.05rem;overflow-y:auto}body[data-app-state=distribution] .setup-shell{justify-content:stretch;align-items:center}body[data-app-state=distribution] .setup-card{padding:1.05rem}.draw-hud{top:auto;left:auto;width:auto;position:relative;inset:auto;transform:none}body[data-app-state=drawing] .draw-hud,body[data-app-state=revealing] .draw-hud{transform:none}.result-panel{align-self:end;width:auto;margin:1rem;position:relative;bottom:auto;right:auto}}@media (width<=959px){body{overflow:hidden auto}.pinball-app{grid-template-rows:minmax(29rem,58dvh) auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;padding-top:4.5rem;display:grid;overflow:visible}.pinball-stage{grid-area:1/1;width:100%;min-height:0;position:relative;inset:auto}.field-tools,.setup-shell,.result-panel{grid-area:2/1}.field-tools{z-index:calc(var(--z-overlay) + 2);min-height:0;padding:.75rem;position:relative}.camera-dock{max-width:calc(100% - 1.3rem);top:.65rem;left:.65rem;right:auto}.stage-caption{max-width:min(22rem,100% - 1.3rem);line-height:1.4;inset:auto auto .65rem .65rem}.setup-shell,body[data-has-options=true][data-app-state=setup] .setup-shell,body[data-app-state=distribution] .setup-shell{width:100%;min-height:0;margin:0;padding:.75rem .75rem 1rem;position:relative;overflow:visible}.setup-shell__bezel,body[data-app-state=distribution] .setup-shell__bezel{width:100%;margin:0}.setup-card,body[data-has-options=true][data-app-state=setup] .setup-card{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}body[data-app-state=drawing] .setup-shell,body[data-app-state=revealing] .setup-shell,body[data-app-state=result] .setup-shell{display:none}body[data-app-state=drawing] .field-tools,body[data-app-state=revealing] .field-tools{min-height:0}.draw-hud{width:auto;position:relative;inset:auto;transform:none}body[data-app-state=drawing] .draw-hud,body[data-app-state=revealing] .draw-hud{transform:none}.result-panel{align-self:end;width:auto;margin:.75rem .75rem 1rem;position:relative;bottom:auto;right:auto}}@media (width<=959px),(pointer:coarse){.pinball-canvas{filter:none;transform:none}.floating-nav,.setup-card,.camera-tour-button,.camera-hint,.draw-hud,.active-flags-strip,.result-panel,.result-panel__bezel{-webkit-backdrop-filter:none;backdrop-filter:none}}