.random-number-generator{--bg: #0f1724;--bg-strong: #0b1220;--card: rgba(255, 255, 255, .04);--card-strong: rgba(11, 18, 32, .82);--accent: #61ab90;--accent-strong: #85c3ad;--muted: #94a3b8;--rose: #bf4158;--text: #e6eef6;--line: rgba(255, 255, 255, .05);--shadow: 0 8px 20px rgba(2, 6, 23, .1);--radius-l: 28px;--radius-m: 20px;--radius-s: 14px;padding:0 24px 48px;background:transparent;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.random-number-generator *{box-sizing:border-box}.random-number-generator [hidden]{display:none!important}.random-number-generator__shell{max-width:1200px;margin:0 auto}.random-number-generator__hero,.random-number-generator__copy-card{background:radial-gradient(circle at top right,rgba(191,65,88,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(97,171,144,.1),transparent 26%),linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow)}.random-number-generator__hero{padding:24px}.random-number-generator__header{display:block;margin-bottom:20px}.random-number-generator__title-group{display:grid;gap:0;max-width:620px}.random-number-generator__title{margin:0;font-size:clamp(27px,4vw,46px);line-height:.95;letter-spacing:.01em;font-family:Metal Mania,cursive,serif;color:var(--rose);font-weight:400}.random-number-generator__controls{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:18px}.random-number-generator__field{display:grid;gap:8px}.random-number-generator__field-label{color:var(--text);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.random-number-generator__input{width:100%;min-height:48px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0b;color:var(--text);font:inherit;box-shadow:inset 0 1px #ffffff0a}.random-number-generator__input::placeholder{color:#e6eef69e}.random-number-generator__input:focus,.random-number-generator__button:focus-visible,.random-number-generator__stage:focus-visible{outline:2px solid rgba(97,171,144,.3);outline-offset:2px}.random-number-generator__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid rgba(97,171,144,.38);border-radius:999px;background:linear-gradient(180deg,#77c4a7,#61ab90);color:#0b1220;cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 12px 24px #61ab902e}.random-number-generator__button:hover,.random-number-generator__button:focus-visible{transform:translateY(-1px);filter:brightness(1.05)}.random-number-generator__button--danger{background:#bf41581f;border-color:#bf415847;color:#ffdbe2;box-shadow:none}.random-number-generator__button--danger:hover,.random-number-generator__button--danger:focus-visible{background:#bf41582e;border-color:#bf415861;filter:none}.random-number-generator__stage-frame{position:relative;margin-top:4px}.random-number-generator__stage{position:relative;width:100%;min-height:400px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 14%,#d7f8ea47,#d7f8ea00 34%),linear-gradient(180deg,#89cfb2,#77c4a7 24%,#61ab90 64%,#4f9279);box-shadow:none;cursor:pointer}.random-number-generator__stage canvas{display:block;width:100%!important;height:100%!important}.random-number-generator__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#e6eef6d1;font-size:clamp(56px,12vw,132px);font-weight:800;letter-spacing:.04em;pointer-events:none}.random-number-generator__fallback.is-visible{animation:random-number-generator-jiggle .45s ease}.random-number-generator__output{margin-top:10px;padding:0;border:0;border-radius:0;background:transparent}.random-number-generator__empty{color:var(--muted);font-size:13px;line-height:1.5;text-align:center}.random-number-generator__history{display:flex;justify-content:center;align-items:center;min-height:60px}.random-number-generator__history-item{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 8px;border:0;border-radius:0;background:transparent;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(2.42rem,6.6vw,3.74rem);font-weight:700;line-height:1;animation:random-number-generator-jiggle .45s ease}.random-number-generator__copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.random-number-generator__copy-card{padding:24px}.random-number-generator__copy-card h2{margin:0 0 10px;color:#fff;font-size:20px;line-height:1.2}.random-number-generator__copy-card p{margin:0 0 12px;color:#c8d2df;font-size:14px;line-height:1.65}.random-number-generator__copy-card p:last-child{margin-bottom:0}@keyframes random-number-generator-jiggle{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media(max-width:1120px){.random-number-generator__controls{width:100%}.random-number-generator__copy-grid{grid-template-columns:1fr}}@media(max-width:780px){.random-number-generator{padding:0 16px 40px}.random-number-generator__hero,.random-number-generator__copy-card{padding:18px}.random-number-generator__controls{grid-template-columns:1fr 1fr}.random-number-generator__stage-frame{margin-top:0}.random-number-generator__stage{min-height:320px}}@media(max-width:560px){.random-number-generator__controls{grid-template-columns:1fr}.random-number-generator__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/random-number-generator.css.map */