@font-face{font-family:InterCard;src:url(/assets/Inter.woff2)format("woff2");font-weight:100 900;font-display:block}:root{--green:#17542d;--green-deep:#0f381c;--green-mid:#1f5e33;--cream:#f3f0e6;--cream-dim:#e3ded0;--yellow:#fbe41d;--pink:#d54065;--ink:#10251a;--radius:14px;--shadow:0 18px 40px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--cream);background-color:var(--green-deep);background-image:radial-gradient(120% 70% at 50% -10%, #fbe41d29, transparent 60%), linear-gradient(180deg, var(--green) 0%, var(--green-deep) 65%);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:InterCard,system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:1180px;margin:0 auto;padding:24px 18px 64px}.masthead{align-items:center;gap:20px;padding:8px 0 28px;display:flex}.masthead__logo{filter:drop-shadow(0 6px 18px #00000059);flex:none;width:116px;height:auto}.masthead h1{letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin:0 0 6px;font-size:clamp(28px,6vw,44px);font-weight:800}.masthead p{color:#f3f0e6c7;max-width:46ch;margin:0;font-size:15px;line-height:1.5}.layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width>=900px){.layout{grid-template-columns:minmax(0,1fr) 400px;gap:32px}.panel--preview{position:sticky;top:24px}}.panel--preview{flex-direction:column;align-items:center;gap:10px;display:flex}.stage{width:100%;max-width:480px;position:relative}.card{aspect-ratio:4/5;border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--shadow);background:var(--green-mid);touch-action:none;display:block}.card--draggable{cursor:grab}.card--draggable:active{cursor:grabbing}.stage__hint{pointer-events:none;border:2px dashed #fbe41d00;border-radius:10px;transition:border-color .18s;position:absolute}.stage:hover .stage__hint{border-color:#fbe41d8c}.stage__caption{text-align:center;color:#f3f0e69e;margin:0;font-size:13px}.skeleton{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(110deg, var(--green-mid), var(--green) 60%);color:#f3f0e6b3;place-items:center;width:100%;max-width:480px;font-size:14px;display:grid}.panel--controls{flex-direction:column;gap:18px;display:flex}.drop{text-align:center;border-radius:var(--radius);background:#00000029;border:2px dashed #f3f0e647;padding:20px;transition:border-color .15s,background .15s}.drop--over{border-color:var(--yellow);background:#fbe41d1a}.drop__hint{color:#f3f0e699;margin:10px 0 0;font-size:12.5px}.group{border-radius:var(--radius);background:#00000029;border:1px solid #f3f0e629;margin:0;padding:16px}.group legend{letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);padding:0 8px;font-size:12px;font-weight:700}.field,.slider{margin-bottom:14px;display:block}.field:last-child,.slider:last-of-type{margin-bottom:0}.field>span,.slider>span{letter-spacing:.05em;text-transform:uppercase;color:#f3f0e6b8;justify-content:space-between;margin-bottom:6px;font-size:12.5px;display:flex}.slider em{color:var(--yellow);font-style:normal}input[type=text]{width:100%;font:inherit;color:var(--ink);background:var(--cream);border:2px solid #0000;border-radius:10px;padding:11px 13px;font-size:16px}input[type=text]:focus-visible{border-color:var(--yellow);outline:none}input[type=text]::placeholder{color:#10251a6b}.field__row{gap:8px;display:flex}input[type=range]{width:100%;accent-color:var(--yellow)}.row{gap:10px;margin-top:14px;display:flex}.btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink);border:0;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;transition:transform .12s,filter .12s}.btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--yellow{background:var(--yellow)}.btn--pink{background:var(--pink);color:var(--cream)}.btn--ghost{color:var(--cream);background:0 0;border:1px solid #f3f0e652;flex:1}.btn--dice{flex:none;padding-inline:14px}.btn--big{flex:1;padding:15px 18px;font-size:14px}.actions{gap:10px;display:flex}@media (width<=430px){.btn--big{letter-spacing:.03em;padding-inline:10px;font-size:13px}}.note{color:#f3f0e69e;margin:0;font-size:13px;line-height:1.5}.note--ok{color:var(--yellow)}.note--error{color:#ff9db1}.foot{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#f3f0e661;margin-top:44px;font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}