[hidden]{display:none!important}
#orientation-warning{position:fixed;inset:0;width:100%;height:100dvh;min-height:100%;z-index:100;padding:max(8vw,env(safe-area-inset-top)) max(8vw,env(safe-area-inset-right)) max(8vw,env(safe-area-inset-bottom)) max(8vw,env(safe-area-inset-left))}
.small-actions button,.file-label{min-height:44px}
.pending-admin-warning{border:3px solid #b42318;background:#fff1f0;border-radius:14px;padding:14px;text-align:center}
.initial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.initial-grid div{background:white;border:1px solid #d9cbb9;border-radius:10px;padding:10px;text-align:center}
.initial-grid b{display:block;font-size:24px}
.initial-grid small{display:block;color:#6b5a4a;margin-top:4px}
.initial-settings{border:3px solid #b48724;background:#fff8dd}
.initial-settings h2{color:#7a4d00}
.terminal-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.form-grid input:disabled{background:#eee8df;color:#756b62}
.garapon-visual{display:block;width:min(36vw,360px);max-height:300px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 12px 16px #3b1d1322);user-select:none;-webkit-user-drag:none}
[data-testid="customer-screen"]{gap:14px}
.drawing-stage{position:relative;overflow:hidden;gap:8px;background:radial-gradient(circle at center,#fff8d9 0,#f8f2e8 64%)}
.drawing-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f5b82e 0 9deg,transparent 9deg 18deg);opacity:.24;animation:drawing-rays 3.2s linear infinite}
.drawing-machine{position:relative;z-index:1;display:block;width:min(43vw,410px);max-height:360px;object-fit:contain;filter:drop-shadow(0 16px 18px #3b1d1333);user-select:none;-webkit-user-drag:none;animation:garapon-turn .42s ease-in-out infinite}
.drawing-stage h1,.drawing-stage .hint{position:relative;z-index:2}
.drawing-dots{position:relative;z-index:2;display:flex;gap:12px;height:18px;align-items:center}
.drawing-dots span{width:14px;height:14px;border-radius:50%;background:#c7303f;animation:drawing-dot .75s ease-in-out infinite alternate}
.drawing-dots span:nth-child(2){animation-delay:.15s;background:#e5a21a}.drawing-dots span:nth-child(3){animation-delay:.3s;background:#2b8a5c}
@keyframes garapon-turn{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-7px)}}
@keyframes drawing-rays{to{transform:rotate(360deg)}}
@keyframes drawing-dot{to{transform:translateY(-9px) scale(1.15)}}
[data-testid="result-screen"]{position:relative;isolation:isolate;overflow:hidden}
[data-testid="result-screen"]>:not(.result-celebration){position:relative;z-index:1}
.result-celebration{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;opacity:.92}
@media(max-height:700px) and (orientation:landscape){.garapon-visual{width:min(30vw,260px);max-height:210px}.drawing-machine{width:min(31vw,280px);max-height:220px}.drawing-glow{width:330px;height:330px}.result-celebration{opacity:.78}}
@media(prefers-reduced-motion:reduce){.drawing-machine,.drawing-glow,.drawing-dots span{animation-duration:1.4s}}