@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Poppins:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Georgia&display=swap";@import "https://fonts.googleapis.com/css2?family=Paytone+One&display=swap";:root{--background:#fbf3e7;--foreground:#2b140c;--card:#ffffffb8;--card-foreground:#2b140c;--popover:#fffcf6d9;--popover-foreground:#2b140c;--primary:#e3941f;--primary-foreground:#2b140c;--secondary:#4a140d;--secondary-foreground:#fbf3e7;--muted:#4a140d14;--muted-foreground:#8a6a5c;--accent:#e3941f2e;--accent-foreground:#7a1f12;--destructive:#c23b2b;--destructive-foreground:#fff;--border:#4a140d29;--input:#4a140d2e;--ring:#e3941f;--brand-gold:#efaf3c;--brand-amber:#e3941f;--brand-rust:#c8531b;--brand-maroon:#7a1f12;--brand-choco:#4a140d;--brand-choco-dark:#2b0d08;--glass-bg:#fffaf28c;--glass-bg-strong:#fffaf2b8;--glass-border:#ffffff8c;--glass-highlight:linear-gradient(180deg, #ffffff8c 0%, #fff0 45%);--glass-blur:24px;--glass-shadow:0 8px 32px #4a140d2e;--chart-1:#e3941f;--chart-2:#7a1f12;--chart-3:#c8531b;--chart-4:#4a140d;--chart-5:#efaf3c;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-serif:"Georgia", serif;--tracking-normal:-.01em;--radius:1.25rem;--radius-sm:.75rem;--radius-lg:1.75rem;--radius-full:9999px;--spacing:.25rem;--shadow-sm:0px 4px 12px 0px #3d1f0f0f, 0px 1px 2px -1px #3d1f0f0f;--shadow:0px 8px 20px 0px #3d1f0f12, 0px 1px 2px -1px #3d1f0f0f;--shadow-md:0px 12px 24px 0px #3d1f0f17, 0px 2px 4px -1px #3d1f0f0f;--shadow-lg:0px 16px 32px 0px #3d1f0f1a, 0px 4px 6px -1px #3d1f0f0f;--shadow-xl:0px 24px 48px 0px #3d1f0f29, 0px 8px 10px -1px #3d1f0f0f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--background:#1a0906;--foreground:#fbeee0;--card:#3a1810a6;--card-foreground:#fbeee0;--popover:#230e09e6;--popover-foreground:#fbeee0;--primary:#efaf3c;--primary-foreground:#2b0d08;--secondary:#fff6eb1a;--secondary-foreground:#fbeee0;--muted:#fff6eb14;--muted-foreground:#c9a898;--accent:#efaf3c33;--accent-foreground:#efaf3c;--destructive:#e05b45;--destructive-foreground:#fff;--border:#fff6eb24;--input:#fff6eb29;--ring:#efaf3c;--brand-gold:#efaf3c;--brand-amber:#e3941f;--brand-rust:#c8531b;--brand-maroon:#a6321a;--brand-choco:#4a140d;--brand-choco-dark:#120504;--glass-bg:#2b0d0880;--glass-bg-strong:#2b0d08ad;--glass-border:#ffffff1a;--glass-highlight:linear-gradient(180deg, #ffffff1a 0%, #fff0 45%);--glass-blur:24px;--glass-shadow:0 8px 32px #00000073;--shadow-sm:0px 6px 16px 0px #00000059;--shadow:0px 10px 25px 0px #0006;--shadow-md:0px 14px 30px 0px #00000073;--shadow-lg:0px 18px 36px 0px #00000080;--shadow-xl:0px 28px 56px 0px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}button,input,select,textarea,[role=button]{font-family:inherit}button,[role=button],a,input[type=checkbox],input[type=radio],input[type=range]{cursor:pointer}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px 2px #efaf3c73}50%{box-shadow:0 0 34px 6px #efaf3ccc}}.glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative}.glass-surface:before{content:"";border-radius:inherit;background:var(--glass-highlight);pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0}.ui-btn{font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ui-btn-sm{min-height:36px;padding:.375rem .75rem;font-size:.8125rem}.ui-btn-md{min-height:40px;padding:.5rem 1rem;font-size:.875rem}.ui-btn-lg{min-height:48px;padding:.75rem 1.5rem;font-size:1rem}.ui-btn-primary{background:linear-gradient(180deg, var(--brand-gold) 0%, var(--primary) 100%);color:var(--primary-foreground);box-shadow:0 1px 0 #ffffff73 inset, 0 4px 14px var(--primary-shadow)}.ui-btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 1px 0 #ffffff80 inset, 0 6px 18px var(--primary-shadow-strong);transform:translateY(-1px)}.ui-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.ui-btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.ui-btn-secondary:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-1px)}.ui-btn-destructive{background:var(--destructive);color:var(--destructive-foreground)}.ui-btn-destructive:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.ui-btn-outline{border:1px solid var(--border);color:var(--foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f}.ui-btn-outline:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground);border-color:var(--brand-gold)}.ui-btn-ghost{color:var(--foreground);background:0 0}.ui-btn-ghost:hover:not(:disabled){background:var(--muted)}.ui-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#14080573;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.ui-modal-container{background:var(--glass-bg-strong);color:var(--card-foreground);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--glass-shadow), var(--shadow-xl);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden}.ui-modal-container:before{content:"";border-radius:inherit;background:var(--glass-highlight);pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0}.ui-modal-header,.ui-modal-body{z-index:1;position:relative}.ui-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ui-modal-title{font-size:1.25rem;font-weight:700}.ui-modal-close{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.ui-modal-close:hover{background:var(--muted);color:var(--foreground)}.ui-toggle-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:inline-flex}.ui-toggle-switch{border:1px solid var(--border);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition-fast);background:#4a140d26;position:relative}.ui-toggle-switch.checked{background:linear-gradient(180deg, var(--brand-gold) 0%, var(--primary) 100%);border-color:#0000}.ui-toggle-thumb{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ui-toggle-switch.checked .ui-toggle-thumb{transform:translate(20px)}.ui-toggle-label{color:var(--foreground);font-size:.875rem;font-weight:500}.ui-slider-container{flex-direction:column;gap:.35rem;width:100%;display:flex}.ui-slider-header{color:var(--muted-foreground);justify-content:space-between;font-size:.8125rem;display:flex}.ui-slider-input{appearance:none;background:var(--border);border-radius:var(--radius-full);outline:none;width:100%;height:6px}.ui-slider-input::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--brand-gold) 0%, var(--primary) 100%);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 6px var(--primary-shadow-strong);border:2px solid #fff;border-radius:50%;transition:transform .1s}.ui-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.server-sync-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.server-sync-panel h3{align-items:center;gap:.4rem;margin:0;font-size:.95rem;display:flex}.server-sync-hint{color:var(--muted-foreground);margin:0;font-size:.8rem;line-height:1.45}.server-sync-form{flex-direction:column;gap:.65rem;display:flex}.server-sync-form label{flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.server-sync-form input{border:1px solid var(--input);border-radius:var(--radius-sm);background:var(--card);min-height:42px;color:var(--card-foreground);font:inherit;padding:.5rem .65rem;font-weight:400}.server-sync-form small{color:var(--muted-foreground);font-weight:400}.server-sync-link{color:var(--accent-foreground);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem;text-decoration:underline}.server-sync-error{color:var(--destructive);margin:0;font-size:.8rem}.server-sync-status{border-radius:var(--radius-sm);background:var(--muted);align-items:flex-start;gap:.65rem;padding:.75rem;display:flex}.server-sync-status div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.server-sync-status small{color:var(--muted-foreground)}.server-sync-dot{background:var(--muted-foreground);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:.35rem}.server-sync-status.is-online .server-sync-dot{background:#2f9e44}.server-sync-status.is-offline .server-sync-dot{background:var(--brand-amber)}.server-sync-status.is-error .server-sync-dot{background:var(--destructive)}.server-sync-facts{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.server-sync-facts dt{color:var(--muted-foreground);font-size:.7rem}.server-sync-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.server-sync-actions{flex-wrap:wrap;gap:.5rem;display:flex}.home-root{color:#fbf3e7;background:radial-gradient(at 50% -10%,#efaf3c38,#0000 60%),linear-gradient(160deg,#2b0d08 0%,#4a140d 55%,#6e2312 100%);justify-content:center;min-height:100dvh;padding:clamp(1.25rem,4vw,3.5rem) 1rem;display:flex}.home-main{flex-direction:column;gap:clamp(1.25rem,3vw,2.25rem);width:min(1180px,100%);display:flex}.home-header{align-items:center;gap:1rem;display:flex}.home-logo{object-fit:contain;background:#fff6eb0f;border:2px solid #efaf3c99;border-radius:18px;width:64px;height:64px;box-shadow:0 8px 24px #00000059}.home-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#efaf3c;font-size:.75rem;font-weight:700}.home-header h1{font:400 clamp(1.9rem, 4vw, 2.75rem) "Paytone One", var(--font-sans);letter-spacing:0;margin-top:.25rem}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.25rem);display:grid}.home-card{text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#fff6eb0f;border:1px solid #fff6eb24;border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden}.home-card:hover,.home-card:focus-visible{border-color:#efaf3cbf;transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.home-card:focus-visible{outline-offset:3px;outline:3px solid #efaf3c}.home-card:active{transform:translateY(-1px)}.home-card-art{place-items:center;height:168px;display:grid;position:relative;overflow:hidden}.home-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.home-card-body h2{font:400 1.5rem "Paytone One", var(--font-sans);letter-spacing:0}.home-card-tagline{color:#efaf3c;font-size:.9rem;font-weight:600}.home-card-body ul{color:#d9c3b5;flex-direction:column;flex:1;gap:.3rem;font-size:.85rem;line-height:1.4;list-style:none;display:flex}.home-card-body li:before{content:"✦ ";color:#efaf3c}.home-card-open{color:#fbf3e7;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.home-card-spinwheel .home-card-art{background:radial-gradient(circle at 50% 120%,#7a1f12,#2b0d08 70%)}.home-art-wheel{width:132px;height:132px;position:relative}.home-art-wheel-disc{background:conic-gradient(#e3941f 0 60deg, #7a1f12 0 120deg, #c8531b 0 180deg, #4a140d 0 240deg, #efaf3c 0 300deg, #a6321a 0 360deg);border:5px solid #efaf3c;border-radius:50%;animation:14s linear infinite home-wheel-spin;position:absolute;inset:0;box-shadow:0 0 0 4px #2b0d0899,0 10px 26px #00000073}.home-art-wheel-hub{background:#fbf3e7;border:3px solid #efaf3c;border-radius:50%;position:absolute;inset:40%}.home-art-wheel-pin{border:11px solid #0000;border-top:18px solid #fbf3e7;position:absolute;top:-10px;left:50%;translate:-50%}.home-card-slot .home-card-art{background:repeating-conic-gradient(from -12deg at 50% 60%,#ffd265 0deg 15deg,#ffa323 15deg 30deg)}.home-art-slot{background:linear-gradient(155deg,#804619,#562e1b 40%,#4d2918);border:3px solid #eec05f;border-radius:18px;gap:6px;padding:10px;display:flex;box-shadow:0 6px #4b291a}.home-art-slot span{color:#e6343b;text-shadow:0 3px #a92129;background:linear-gradient(#e8d8b5 0%,#fffefa 45%,#c9b58b 100%);border-radius:10px;place-items:center;width:52px;height:72px;font:400 44px Paytone One,sans-serif;display:grid}.home-art-slot span:last-child{color:#23814d;text-shadow:0 3px #145e39}.home-card-scoring .home-card-art{background:repeating-conic-gradient(from -12deg at 50% 15%,#ffbd56 0deg 18deg,#f79524 18deg 36deg)}.home-art-score{align-items:center;gap:14px;display:flex}.home-art-score-mark{color:#ffdc43;background:#21150e;place-items:center;width:56px;height:56px;font:900 30px Paytone One,sans-serif;display:grid;transform:skew(-6deg);box-shadow:4px 4px #874619}.home-art-score-rows{flex-direction:column;gap:8px;display:flex}.home-art-score-rows i{background:#fff8e9;border-radius:6px;height:12px;display:block;box-shadow:0 2px #713914}.home-art-score-rows i:first-child{width:110px}.home-art-score-rows i:nth-child(2){background:#ffe7b8;width:84px}.home-art-score-rows i:nth-child(3){background:#f7d83d;width:96px}@keyframes home-wheel-spin{to{transform:rotate(360deg)}}.home-sync{background:#fff6eb0f;border:1px solid #fff6eb24;border-radius:1.25rem;align-items:center;gap:.85rem;padding:.9rem 1.1rem;display:flex}.home-sync-dot{background:#8a6a5c;border-radius:50%;flex:none;width:12px;height:12px}.home-sync.is-online .home-sync-dot{background:#4ade80;box-shadow:0 0 10px #4ade80}.home-sync.is-offline .home-sync-dot{background:#f59e0b}.home-sync.is-error .home-sync-dot{background:#ef4444}.home-sync-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.home-sync-text small{color:#d9c3b5;font-size:.8rem}.home-sync-btn{color:#2b0d08;min-height:40px;font:700 .85rem var(--font-sans);cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);background:#efaf3c;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;text-decoration:none;display:inline-flex}.home-sync-btn:hover{filter:brightness(1.08)}.home-sync-btn:active{transform:translateY(1px)}.home-sync-btn:focus-visible{outline-offset:2px;outline:3px solid #fbf3e7}.home-sync-btn.is-ghost{color:#fbf3e7;background:0 0;border:1px solid #fff6eb4d}.home-brand-btn{margin-left:auto}.home-sync-btn.is-small{min-height:32px;padding:0 .75rem;font-size:.8rem}.brand-settings{flex-direction:column;gap:1rem;min-width:min(420px,80vw);display:flex}.brand-settings .home-sync-btn.is-ghost{color:var(--foreground);border-color:var(--border);cursor:pointer;align-self:flex-start}.brand-name-field{flex-direction:column;gap:.35rem;display:flex}.brand-name-field input{border:1px solid var(--input);border-radius:var(--radius-sm);background:var(--card);min-height:40px;color:var(--foreground);font:inherit;padding:0 .75rem}.brand-name-field small,.brand-logo-text small{color:var(--muted-foreground);font-size:.8rem;line-height:1.35}.brand-logo-field{align-items:flex-start;gap:.85rem;display:flex}.brand-logo-preview{border:1px dashed var(--border);background:repeating-conic-gradient(#0000000d 0 25%, transparent 0 50%) 0 0 / 12px 12px;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.brand-logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.brand-logo-text{flex-direction:column;gap:.3rem;min-width:0;display:flex}.brand-logo-actions{flex-wrap:wrap;gap:.4rem;display:flex}.brand-error{color:var(--destructive);font-size:.85rem}.module-loading{color:#fbf3e7;background:#2b0d08;place-items:center;min-height:100dvh;font-weight:600;display:grid}@media (width<=900px){.home-grid{grid-template-columns:1fr}.home-card{flex-direction:row}.home-card-art{flex:none;width:38%;height:auto;min-height:150px}.home-art-wheel{width:96px;height:96px}.home-art-slot span{width:34px;height:50px;font-size:30px}.home-art-score-mark{width:42px;height:42px;font-size:22px}.home-art-score-rows i:first-child{width:64px}.home-art-score-rows i:nth-child(2){width:48px}.home-art-score-rows i:nth-child(3){width:56px}}@media (width<=560px){.home-card{flex-direction:column}.home-card-art{width:100%;min-height:128px}.home-sync{flex-wrap:wrap}.home-sync-text{flex-basis:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){.home-art-wheel-disc{animation:none}.home-card{transition:none}}.license-screen{color:#fbf3e7;background:radial-gradient(at 50% -10%,#efaf3c38,#0000 60%),linear-gradient(160deg,#2b0d08 0%,#4a140d 55%,#6e2312 100%);place-items:center;min-height:100dvh;padding:1.5rem 1rem;display:grid}.license-card{background:#fff6eb0f;border:1px solid #fff6eb29;border-radius:1.5rem;flex-direction:column;gap:.9rem;width:min(520px,100%);padding:2rem;display:flex}.license-card>svg{color:#efaf3c}.license-card h1{letter-spacing:0;font-size:1.6rem}.license-card p{color:#d9c3b5;line-height:1.5}.license-card textarea{color:#fbf3e7;width:100%;font:.85rem/1.45 var(--font-mono);resize:vertical;word-break:break-all;background:#00000040;border:1px solid #fff6eb40;border-radius:.75rem;padding:.75rem}.license-card textarea:focus-visible{outline-offset:2px;outline:2px solid #efaf3c}.license-error{font-size:.9rem;color:#ff9b87!important}.license-steps{background:#0003;border-radius:.9rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.5}.license-steps ol{gap:.3rem;margin:.4rem 0 0 1.1rem;display:grid}.license-actions{flex-wrap:wrap;gap:.6rem;display:flex}.license-btn{color:#2b0d08;min-height:44px;font:700 .95rem var(--font-sans);cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);background:#efaf3c;border:0;border-radius:999px;padding:0 1.2rem}.license-btn:hover:not(:disabled){filter:brightness(1.08)}.license-btn:active:not(:disabled){transform:translateY(1px)}.license-btn:disabled{opacity:.5;cursor:not-allowed}.license-btn:focus-visible{outline-offset:2px;outline:3px solid #fbf3e7}.license-btn.is-ghost{color:#fbf3e7;background:0 0;border:1px solid #fff6eb4d}