*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--page-bg: #1b1d33;--panel-bg: rgba(49, 36, 24, .82);--panel-border: rgba(199, 164, 112, .34);--panel-text: #f2e7d4;--panel-muted: #d4c3aa;--panel-accent: #d7b16e}html,body,#root{width:100%;height:100%;overflow:hidden}.app{width:100vw;height:100vh;background:radial-gradient(circle at top left,rgba(224,170,96,.16),transparent 26%),radial-gradient(circle at bottom right,rgba(96,112,176,.18),transparent 28%),var(--page-bg)}.overlay-title{position:fixed;top:22px;left:22px;max-width:360px;padding:16px 18px 14px;background:linear-gradient(180deg,#3a291bd6,#221912c7);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 18px 40px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.overlay-kicker{display:inline-block;margin-bottom:8px;color:var(--panel-accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.overlay-title h1{margin-bottom:6px;color:var(--panel-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,2vw,2rem);font-weight:600;line-height:1}.overlay-title p{color:var(--panel-muted);font-size:13px;line-height:1.45}.overlay{position:fixed;right:22px;bottom:22px;display:grid;gap:12px;min-width:220px;padding:14px;background:linear-gradient(180deg,#3a291be0,#221912d1);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 18px 40px #00000042;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.overlay-status{display:grid;gap:2px}.overlay-label{color:var(--panel-accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.overlay-status strong{color:var(--panel-text);font-size:16px;font-weight:600}.overlay-actions{display:flex;gap:10px}.overlay button{flex:1;height:46px;border:1px solid rgba(219,185,130,.16);border-radius:12px;background:#ffe4b514;color:var(--panel-text);font-size:14px;cursor:pointer;transition:background .2s,transform .15s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}.overlay button:hover{background:#ffe4b529;border-color:#dbb98247;transform:translateY(-1px)}.overlay button:active{transform:translateY(0)}.overlay-icon{font-size:18px}@media(max-width:720px){.overlay-title{top:14px;left:14px;right:14px;max-width:none;padding:14px 15px 12px}.overlay{left:14px;right:14px;bottom:14px;min-width:0}}.loading-screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#eadfce;color:#4a3a2c;text-align:center}.loading-screen h1{font-family:Times New Roman,Georgia,serif;font-size:34px;letter-spacing:.02em;color:#3c2f22}.loading-screen .overlay-kicker{color:#8a6d54}.loading-pulse{font-size:14px;color:#8a6d54;animation:loading-pulse 1.6s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.35}50%{opacity:1}}.app canvas{touch-action:none}@media(max-width:720px){.overlay-title h1{font-size:22px}.overlay-title p{display:none}.overlay{flex-direction:column;align-items:stretch;gap:10px}.overlay-actions{justify-content:space-between}.overlay button{flex:1;justify-content:center}}