:root{--panel-bg: rgba(10, 12, 10, .98);--accent: #fbbf24;--text: #f1f5f9;--ui-border: #334155;--btn-bg: #1e293b}.designer-panel{width:380px;height:100vh;background:var(--panel-bg);border-right:2px solid var(--accent);box-sizing:border-box;display:flex;flex-direction:column;box-shadow:10px 0 40px #00000080;z-index:1000;position:fixed;top:0;left:0;transition:transform .5s ease}.designer-panel.hidden{transform:translate(-100%)}.designer-header{padding:20px 20px 10px;background:var(--panel-bg);border-bottom:2px solid var(--ui-border);flex-shrink:0}.designer-scroll-content{flex:1;overflow-y:auto;padding:10px 20px 20px;display:flex;flex-direction:column;gap:15px}.preview-container{width:100%;height:200px;background:radial-gradient(circle,#1e293b,#000);border:1px solid var(--ui-border);border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-top:10px}#previewCanvas{width:180px;height:180px;image-rendering:pixelated}h1{font-size:16px;margin:0;text-transform:uppercase;color:var(--accent);letter-spacing:2px;text-align:center;border-bottom:1px solid var(--accent);padding-bottom:5px}.section-label{font-size:10px;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:5px;opacity:.8}.cycle-wrap{display:flex;align-items:center;justify-content:space-between;background:#000;border:1px solid var(--ui-border);border-radius:4px;padding:2px;height:35px}.btn-arrow{background:var(--btn-bg);border:none;color:#fff;width:30px;height:100%;cursor:pointer;font-weight:700}.btn-arrow:hover{background:var(--accent);color:#000}.cycle-val{font-size:11px;text-transform:uppercase;font-weight:700;color:#fff;text-align:center;flex:1}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#ffffff08;padding:10px;border:1px solid var(--ui-border);border-radius:4px}label{font-size:9px;display:block;margin-bottom:2px;color:#94a3b8}input[type=range]{width:100%;height:6px;appearance:none;background:#334155;border-radius:5px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.palette{display:flex;gap:4px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid transparent}.swatch:hover{border-color:#fff;transform:scale(1.1)}.btn-group{display:flex;gap:8px;margin-top:auto;padding-top:10px}.btn-action{flex:1;padding:14px;border:none;font-weight:900;border-radius:4px;cursor:pointer;text-transform:uppercase;font-size:11px}.btn-random{background:#334155;color:#fff}.btn-finalize{background:var(--accent);color:#000}.btn-finalize:hover{background:#fff;box-shadow:0 0 15px var(--accent)}@media(max-width:600px){.designer-panel{width:100%}.btn-group{margin-top:24px;padding:20px 16px 32px;background:var(--panel-bg);border-top:1px solid var(--ui-border);display:flex;flex-direction:column;gap:16px}.btn-action{padding:18px 24px;font-size:15px;min-height:60px;border-radius:8px}.btn-finalize{order:-1;background:var(--accent);color:#000;font-weight:700}.designer-scroll-content{padding-bottom:160px}.preview-container{width:100%;height:140px;background:linear-gradient(135deg,#7db04d 0% 100%);border:1px solid var(--ui-border);border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-top:10px}#previewCanvas{width:120px;height:120px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f172a;color:#ecf0f1;overflow:hidden}#gameContainer{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a}#gameCanvas{position:absolute;top:0;left:0;display:block;touch-action:none;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges}#authContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:999;background:#000000d9}.login-card{background:#1a1510;border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:36px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-family:Cinzel,Georgia,serif;color:#c9a84c;text-align:center;font-size:28px;font-weight:400;letter-spacing:.1em;margin-bottom:4px}.auth-tabs{display:flex;border-bottom:1px solid rgba(201,168,76,.2);margin-bottom:4px}.auth-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#6b5e48;font-size:14px;font-weight:600;letter-spacing:.05em;padding:10px;cursor:pointer;transition:color .2s,border-color .2s}.auth-tab.active{color:#c9a84c;border-bottom-color:#c9a84c}.login-card input[type=email],.login-card input[type=password],.login-card input[type=date]{width:100%;background:#ffffff0d;border:1px solid rgba(201,168,76,.2);border-radius:4px;color:#f5f0e8;font-size:15px;padding:10px 14px;outline:none;transition:border-color .2s;box-sizing:border-box}.login-card input:focus{border-color:#c9a84c99}.login-card input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.field-label{font-size:13px;color:#8a7a60;margin-bottom:6px}.field-label .required{color:#e05c5c}.field-hint{font-size:12px;color:#6b5e48;margin-top:6px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#8a7a60;line-height:1.5;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:#c9a84c;cursor:pointer}.checkbox-label a{color:#c9a84c;text-decoration:underline}.oauth-btn{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#f5f0e8;font-size:15px;padding:10px 14px;cursor:pointer;transition:background .15s;text-align:center}.oauth-btn:hover{background:#ffffff1a}.primary-btn{width:100%;background:#c9a84c;border:none;border-radius:4px;color:#0f0d0a;font-size:15px;font-weight:700;padding:11px 14px;margin-top:8px;cursor:pointer;transition:background .15s;letter-spacing:.03em}.primary-btn:hover{background:#e0bc60}.ghost-btn{width:100%;background:none;border:none;color:#6b5e48;font-size:13px;padding:4px;cursor:pointer;text-decoration:underline;transition:color .15s}.ghost-btn:hover{color:#c9a84c}.auth-divider{display:flex;align-items:center;gap:12px;color:#3a3020;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#c9a84c26}.auth-error{font-size:13px;color:#e05c5c;background:#e05c5c14;border:1px solid rgba(224,92,92,.2);border-radius:4px;padding:8px 12px;line-height:1.4}.auth-error[data-type=info]{color:#4ade80;background:#4ade8014;border-color:#4ade8033}.confirm-message{text-align:center;padding:16px 0}.confirm-icon{font-size:48px;margin-bottom:12px}.confirm-message h2{color:#c9a84c;font-size:20px;margin-bottom:12px}.confirm-message p{color:#8a7a60;font-size:14px;line-height:1.6;margin-bottom:8px}.confirm-message strong{color:#f5f0e8}.auth-legal{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:#3a3020;margin-top:4px;padding-top:12px;border-top:1px solid rgba(201,168,76,.1)}.auth-legal a{color:#6b5e48;text-decoration:underline;transition:color .15s}.auth-legal a:hover{color:#c9a84c}.auth-legal span{color:#2a2018}