:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-elevated: #ffffff;--rubiks-red: #e53935;--rubiks-blue: #1e88e5;--rubiks-green: #43a047;--rubiks-yellow: #fdd835;--rubiks-orange: #fb8c00;--rubiks-white: #fafafa;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #80868b;--text-disabled: #bdc1c6;--surface-base: #ffffff;--surface-overlay: rgba(255, 255, 255, .95);--surface-dark: rgba(32, 33, 36, .95);--border-light: #e8eaed;--border-medium: #dadce0;--border-focus: #1e88e5;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-lg: 0 2px 6px 2px rgba(60, 64, 67, .15), 0 8px 24px 4px rgba(60, 64, 67, .15);--shadow-xl: 0 4px 16px 0 rgba(60, 64, 67, .15), 0 8px 32px 6px rgba(60, 64, 67, .15);--ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--ui-panel: rgba(255, 255, 255, .88);--ui-panel-strong: rgba(255, 255, 255, .94);--ui-ink: #0f172a;--ui-ink-subtle: rgba(15, 23, 42, .6);--ui-border: rgba(15, 23, 42, .12);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}html,body{margin:0;padding:0;overflow:hidden}body{background:#000;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.full-screen{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;padding-bottom:var(--safe-area-inset-bottom);overflow:hidden;background:#000;color:var(--text-primary);font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;box-sizing:border-box}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;touch-action:none}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:0;box-sizing:border-box;z-index:100;font-family:var(--ui-font)}.ui-element{pointer-events:auto;background:var(--surface-overlay);border:1px solid var(--border-light);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.top-app-bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 16px;background:var(--ui-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--ui-border);box-sizing:border-box;box-shadow:var(--shadow-sm);font-family:var(--ui-font)}.top-bar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.parity-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);letter-spacing:.06em;text-transform:uppercase;line-height:1;border:1px solid var(--border-medium)}.chaos-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;color:var(--rubiks-red);background:#e539351f;border:1px solid rgba(229,57,53,.3);letter-spacing:.06em;text-transform:uppercase;animation:chaos-pulse 1.5s ease-in-out infinite}.flip-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;color:var(--rubiks-blue);background:#1e88e51f;border:1px solid rgba(30,136,229,.3);letter-spacing:.06em;text-transform:uppercase}@keyframes chaos-pulse{0%,to{box-shadow:0 0 #e5393533}50%{box-shadow:0 0 0 4px #e5393533}}.top-bar-center{display:flex;align-items:center;gap:10px;position:absolute;left:50%;transform:translate(-50%)}.top-bar-title{font-size:15px;font-weight:500;color:var(--text-primary);letter-spacing:.01em;white-space:nowrap}.top-bar-progress{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.top-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-bar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:background .2s ease,color .2s ease;padding:0;color:#202124}.top-bar-icon-btn:hover{background:#00000014;color:#000}.top-bar-icon-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav-item:focus-visible{outline-offset:4px;border-radius:4px}.bottom-nav-bar{pointer-events:auto;display:flex;align-items:flex-end;justify-content:space-around;width:100%;max-width:420px;margin:0 auto;height:64px;padding:4px 8px;padding-bottom:calc(4px + var(--safe-area-inset-bottom));background:#050c239e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(100,155,255,.35);border-radius:20px 20px 0 0;box-sizing:border-box;box-shadow:0 -8px 28px #03081866;font-family:var(--ui-font)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:52px;border:none;background:transparent;cursor:pointer;padding:4px 0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active .bottom-nav-label{color:var(--rubiks-blue)}.bottom-nav-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.bottom-nav-item.active .bottom-nav-icon{color:var(--rubiks-blue)}.bottom-nav-icon-lg{width:26px;height:26px;flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.bottom-nav-item.active .bottom-nav-icon-lg{color:var(--rubiks-blue)}.bottom-nav-label{font-size:11px;font-weight:500;color:#bed6ffb8;letter-spacing:.02em;line-height:1;transition:color .2s ease}.bottom-nav-central{position:relative;margin-top:-16px}.bottom-nav-central-ring{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--rubiks-blue);background:#0c183ce6;transition:all .2s ease;box-shadow:var(--shadow-md)}.bottom-nav-central.active .bottom-nav-central-ring{background:#1e88e51f;box-shadow:0 0 0 4px #1e88e51f}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;z-index:500;animation:sheet-fade-in .2s ease}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.sheet-container{position:fixed;bottom:0;left:0;right:0;z-index:501;background:#0a1430f2;border-radius:20px 20px 0 0;padding:8px 20px 24px;padding-bottom:calc(24px + var(--safe-area-inset-bottom));max-height:70vh;overflow-y:auto;transform:translateY(100%);animation:sheet-slide-up .3s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 -12px 40px #0f172a29;border-top:1px solid rgba(110,160,255,.35);font-family:var(--ui-font)}.sheet-open{transform:translateY(0)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-medium);margin:0 auto 16px}.sheet-group{margin-bottom:20px}.sheet-group:last-child{margin-bottom:0}.sheet-group-title{font-size:11px;font-weight:600;color:#bed6ffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.sheet-grid{display:flex;flex-wrap:wrap;gap:8px}.sheet-item{display:flex;align-items:center;gap:6px;padding:12px 16px;border-radius:12px;border:1px solid rgba(110,160,255,.28);background:#ffffff0f;color:#e2e8f0f2;font-size:13px;font-weight:500;font-family:var(--ui-font);cursor:pointer;transition:all .15s ease;position:relative;-webkit-tap-highlight-color:transparent;min-width:70px;justify-content:center}.sheet-item:hover{background:#3b82f62e;border-color:#6ea0ff8f}.sheet-item:active{transform:scale(.96)}.sheet-item-active{background:#1e88e51f;border-color:var(--rubiks-blue);color:var(--rubiks-blue)}.sheet-item-locked{opacity:.4;cursor:not-allowed}.sheet-item-locked:hover{background:var(--bg-secondary);transform:none}.sheet-item-icon{font-size:16px}.sheet-item-label{letter-spacing:.02em}.sheet-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sheet-item-lock{font-size:12px;margin-left:2px}.floating-hud{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--ui-panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--ui-border);border-radius:20px;box-shadow:var(--shadow-md);font-family:var(--ui-font);font-size:13px;font-weight:500;color:var(--text-primary);letter-spacing:.02em;z-index:200;pointer-events:none;transition:opacity .5s ease;white-space:nowrap}.floating-hud-visible{opacity:1}.floating-hud-hidden{opacity:0}.btn-compact{padding:8px 16px;border:1px solid var(--border-medium);background:var(--surface-base);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:13px;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;letter-spacing:.02em;border-radius:8px;box-shadow:var(--shadow-sm)}.btn-compact:hover{background:var(--bg-tertiary);border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-compact:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-compact.active{background:#1e88e51f;border-color:var(--rubiks-blue);color:var(--rubiks-blue);box-shadow:0 0 0 3px #1e88e51f}.instability-tracker{width:12rem;pointer-events:auto;background:var(--paper-cream);padding:.75rem;border:1px solid rgba(221,161,94,.4);box-shadow:inset 0 2px 4px #582f0e0d}.tracker-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;font-weight:600;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-medium)}.tracker-bar-container{height:.4rem;background:#582f0e1a;border:1px solid rgba(88,47,14,.15);overflow:hidden}.tracker-bar-fill{height:100%}.tracker-value{text-align:right;font-size:.7rem;margin-top:.25rem;font-family:Courier New,monospace;color:var(--ink-light)}.rotation-preview{position:fixed;top:80px;right:20px;width:100px;background:#14141ee6;border:2px solid rgba(100,100,120,.5);border-radius:8px;padding:10px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(100,100,120,.3)}.preview-title{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:#c8c8dccc;text-transform:uppercase}.preview-arrow{font-size:1.4rem;font-weight:700;line-height:1}.preview-grid{display:grid;gap:2px;margin:8px 0;aspect-ratio:1}.preview-cell{background:#3c3c5099;border:1px solid rgba(80,80,100,.4);border-radius:2px;transition:all .3s ease}.preview-cell.highlighted{background:#ffb432b3;border-color:#ffc864cc;box-shadow:0 0 8px #ffb43280}.preview-info{display:flex;justify-content:center;margin:6px 0}.preview-axis{font-size:.85rem;font-weight:600;font-family:Courier New,monospace;color:#c8c8dce6;background:#323246cc;padding:2px 8px;border-radius:4px}.preview-countdown-bar{height:4px;background:#28283ccc;border-radius:2px;overflow:hidden;margin-top:8px}.preview-countdown-fill{height:100%;transition:width .1s linear}.preview-countdown-text{text-align:center;font-size:.75rem;font-weight:700;font-family:Courier New,monospace;margin-top:4px}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);box-sizing:border-box}.tutorial-card{background:var(--surface-base);border:1px solid var(--border-light);padding:2.5rem;max-width:540px;width:90%;max-height:80%;max-height:calc(100dvh - 40px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));overflow-y:auto;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);color:var(--text-primary)}.tutorial-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.bauhaus-btn{padding:12px 24px;border:none;background:var(--rubiks-blue);color:#fff;cursor:pointer;font-weight:500;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.02em;transition:all .2s ease;border-radius:8px;box-shadow:var(--shadow-md)}.bauhaus-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.drag-guide-container{display:flex;justify-content:center;align-items:center;gap:1rem;width:120px;height:120px;background:#582f0eb3;pointer-events:none}.guide-arrow{position:absolute;font-size:1.5rem;transition:transform .1s ease;pointer-events:none;color:var(--paper-cream)}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;overflow:hidden}.welcome-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.intro-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px;font-family:Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.intro-messages{display:flex;flex-direction:column;gap:12px}.intro-message{color:#ffffffe6;font-size:18px;letter-spacing:.01em;font-style:normal;font-weight:400;transition:opacity .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.5)}.intro-final-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;transition:opacity .5s ease;padding-top:80px;height:100%}.intro-title-box{text-align:center;padding:0;border:none;background:transparent;box-shadow:none;position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:1}.intro-title-box h1{font-size:84px;margin:0;background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-style:normal;letter-spacing:.05em;font-family:Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;filter:drop-shadow(0 4px 12px rgba(59,130,246,.4))}.intro-title-box p{margin:16px 0 0;font-size:16px;color:#ffffffd9;letter-spacing:.08em;text-transform:uppercase;font-style:normal;font-weight:400;font-family:Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.5)}.intro-instructions{text-align:center;color:#fffc;font-size:16px;letter-spacing:.01em;font-family:Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:400}.intro-instructions p{margin:8px 0;color:#ffffffd9;text-shadow:0 2px 6px rgba(0,0,0,.5)}.skip-intro-btn{position:absolute;top:30px;right:30px;padding:12px 24px;background:#323c50cc;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;pointer-events:all;z-index:10000;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d}.skip-intro-btn:hover{background:#3c465fe6;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.enter-btn{position:absolute;bottom:60px;bottom:calc(60px + var(--safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:18px 60px;background:#3b82f6d9;border:1px solid rgba(96,165,250,.5);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;pointer-events:all;z-index:10000;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #3b82f666;animation:gentle-pulse 2.5s ease-in-out infinite}.enter-btn:hover{transform:translate(-50%) translateY(-2px);background:#3b82f6f2;box-shadow:0 6px 24px #3b82f699}.welcome-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);margin:0;color:#ffffffb8;font-size:13px;letter-spacing:.02em;text-shadow:0 2px 6px rgba(0,0,0,.45);pointer-events:none;z-index:10000}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 16px #3b82f666}50%{box-shadow:0 6px 24px #3b82f699}}.pedagogical-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;z-index:50}.pedagogical-hint p{font-style:italic;color:var(--ink-light);font-size:14px;opacity:.6;animation:hint-fade 4s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.4}50%{opacity:.7}}.manifold-selector{text-align:center;font-size:10px;color:var(--ink-light);letter-spacing:.2em;text-transform:uppercase;opacity:.5;padding-bottom:.5rem}@media (prefers-reduced-motion: reduce){.enter-btn,.chaos-pill,.pedagogical-hint p{animation:none!important}.skip-intro-btn,.enter-btn,.top-bar-icon-btn,.intro-message,.intro-final-card{transition:none!important;transform:none!important}}@media (max-width: 768px){.ui-layer{padding:0;gap:0}.top-app-bar{padding:0 10px;height:44px}.top-bar-title{font-size:12px}.parity-pill,.chaos-pill,.flip-pill{font-size:9px;padding:2px 8px}.bottom-nav-bar{max-width:100%;border-radius:0;height:60px}.bottom-nav-central-ring{width:46px;height:46px}.bottom-nav-label{font-size:9px}.sheet-container{padding:8px 16px 20px;padding-bottom:calc(20px + var(--safe-area-inset-bottom))}.sheet-item{padding:8px 12px;font-size:12px;min-width:60px}.manifold-selector{display:none!important}.tutorial-card{padding:1.5rem;max-height:calc(100dvh - 60px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))!important}.enter-btn{bottom:calc(40px + var(--safe-area-inset-bottom))!important;padding:14px 40px;font-size:14px}.settings-panel{width:95%;max-width:420px;max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.settings-header{padding:16px 18px;position:sticky;top:0;background:#1e2332fa;z-index:1}.settings-body{padding:12px 18px 20px}.settings-section{margin-bottom:16px}.color-picker-grid,.face-texture-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tile-style-grid{grid-template-columns:repeat(2,1fr);gap:10px}.settings-toggle-row{padding:12px;min-height:48px}.toggle-switch{width:48px;height:26px;border-radius:13px}.toggle-knob{width:22px;height:22px}.toggle-switch.on .toggle-knob{transform:translate(22px)}.settings-radio{padding:12px;min-height:48px}.settings-radio input[type=radio]{width:20px;height:20px}.settings-radio input[type=radio]:checked:after{width:8px;height:8px;top:4px;left:4px}}@media (max-width: 480px){.top-bar-center{gap:6px}.top-bar-title{font-size:11px}.top-bar-progress{font-size:10px}.chaos-pill,.flip-pill{display:none}}.ui-layer *{-webkit-user-select:none;user-select:none}.net-panel{position:fixed;top:0;right:0;height:100%;height:100dvh;width:320px;background:#1e2332eb;border-left:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;display:flex;flex-direction:column;padding:16px;box-sizing:border-box;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0006}.net-panel.open{transform:translate(0)}.net-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.net-panel-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9}.net-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.net-close-btn:hover{background:#ffffff26;color:#fff}.net-cross{display:grid;gap:6px;flex:1;align-content:center;justify-content:center}.net-face{display:grid;gap:2px;position:relative;padding:2px;background:#ffffff0a;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.net-face-label{position:absolute;top:3px;left:5px;font-family:Courier New,monospace;font-size:9px;font-weight:700;color:#ffffff59;pointer-events:none;z-index:1}.net-cell{aspect-ratio:1;border-radius:3px;border:1px solid rgba(0,0,0,.3);transition:transform .12s ease,filter .12s ease;position:relative;min-width:0}.net-cell.clickable{cursor:pointer}.net-cell.clickable:hover{transform:scale(1.08);filter:brightness(1.2);z-index:2;box-shadow:0 0 8px #fff3}.net-cell.clickable:active{transform:scale(.95)}.net-flip-dot{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#fffc;box-shadow:0 0 4px #ffffff80;pointer-events:none}@media (max-width: 768px){.net-panel{width:260px;padding:12px}.net-cross{gap:4px}.net-face{gap:1px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;background:#0f172a59;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box}.settings-panel{background:var(--ui-panel-strong);border:1px solid var(--ui-border);border-radius:20px;padding:0;max-width:480px;width:90%;max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 28px 64px #0f172a33}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ui-border);background:#ffffffbf;border-radius:20px 20px 0 0}.settings-title{margin:0;font-size:20px;font-weight:500;color:var(--ui-ink);font-family:var(--ui-font);letter-spacing:.01em}.settings-close-btn{background:transparent;border:none;color:var(--ui-ink-subtle);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.settings-close-btn:hover{background:#0f172a14;color:var(--ui-ink)}.settings-body{padding:16px 24px 24px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section-title{margin:0 0 10px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.8)}.settings-radio-group{display:flex;flex-direction:column;gap:4px}.settings-radio{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease;background:transparent}.settings-radio:hover{background:#ffffff12}.settings-radio.active{background:#1e88e514}.settings-radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:50%;flex-shrink:0;position:relative;cursor:pointer;transition:border-color .2s ease}.settings-radio input[type=radio]:checked{border-color:var(--rubiks-blue)}.settings-radio input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--rubiks-blue)}.scheme-info{display:flex;flex-direction:column;gap:4px;flex:1}.settings-radio-label{font-size:14px;color:#ffffffde;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scheme-preview{display:flex;gap:3px}.scheme-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.35)}.scheme-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scheme-grid .settings-radio{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 9px;border:1.5px solid transparent;background:#ffffff0a}.scheme-grid .settings-radio:hover{background:#ffffff14}.scheme-grid .settings-radio.active{background:#1e88e51f;border-color:#1e88e5b3}.scheme-grid .settings-radio input[type=radio]{display:none}.scheme-grid .settings-radio-label{font-size:12px;line-height:1.2}.scheme-grid .scheme-preview{display:flex;gap:4px;width:100%;align-items:center}.scheme-grid .scheme-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;border:1px solid rgba(15,23,42,.22);box-shadow:0 0 0 1px #ffffff80}.image-upload-area{margin-bottom:12px}.image-upload-btn{width:100%;padding:10px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;background:#ffffff0a;color:#ffffffb3;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .15s ease;letter-spacing:.03em}.image-upload-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#ffffffe6}.image-preview-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px;border-radius:8px;background:#ffffff0a}.image-preview-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.face-texture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.face-texture-item{display:flex;flex-direction:column;align-items:center;gap:4px}.face-texture-upload{width:56px;height:56px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;background:#ffffff08}.face-texture-upload:hover{background:#3b82f61a;border-color:#3b82f666}.face-texture-plus{font-size:20px;color:#ffffff4d;line-height:1}.face-texture-preview{width:56px;height:56px;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.15)}.face-texture-thumb{width:100%;height:100%;object-fit:cover}.face-texture-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000b3;border:none;color:#fffc;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.face-texture-preview:hover .face-texture-remove{opacity:1}.settings-hint{margin:0 0 10px;font-size:11px;color:#ffffff8c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tile-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile-style-item{display:flex;flex-direction:column;align-items:center;gap:6px}.tile-style-preview{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.tile-style-face-label{font-size:10px;font-weight:600;color:#000000b3;text-shadow:0 0 4px rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px}.tile-style-select{width:100%;padding:4px 6px;font-size:11px;background:#1e2332e6;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffffe6;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tile-style-select:hover{border-color:#ffffff4d}.tile-style-select:focus{outline:none;border-color:#3b82f699}.tile-style-select option{background:#1e2332;color:#ffffffe6}.color-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-picker-item{display:flex;flex-direction:column;align-items:center;gap:4px}.color-input{width:48px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;background:transparent;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-input::-moz-color-swatch{border:none;border-radius:4px}.color-picker-label{font-size:10px;color:#ffffffa6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.05em}.settings-toggles{display:flex;flex-direction:column;gap:4px}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease}.settings-toggle-row:hover{background:#ffffff12}.toggle-label{font-size:14px;color:#ffffffde;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--border-medium);position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.on{background:var(--rubiks-blue)}.toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #3c40434d}.toggle-switch.on .toggle-knob{transform:translate(20px)}.settings-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px;gap:2px;flex-shrink:0}.settings-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff8c;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:10px 4px 9px;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.settings-tab:hover{color:#ffffffe6}.settings-tab.active{color:#fff;border-bottom-color:#3b82f6}.tile-preview-canvas{display:block;border-radius:5px;image-rendering:pixelated}.style-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.style-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 4px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.style-card-preview{border-radius:4px;width:56px;height:56px;flex-shrink:0;box-shadow:0 1px 4px #00000080}.style-card:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-1px)}.style-card.selected{background:#3b82f62e;border-color:#3b82f699}.style-card-label{font-size:10px;font-weight:500;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.2}.style-card.selected .style-card-label{color:#93c5fd}.style-card--random{width:100%;padding:10px 0;background:linear-gradient(135deg,#ef44441f,#eab3081f,#22c55e1f,#3b82f61f,#a855f71f);border-color:#ffffff2e}.style-card--random:hover{background:linear-gradient(135deg,#ef444438,#eab30838,#22c55e38,#3b82f638,#a855f738);border-color:#ffffff59}.style-card--random .style-card-label{font-size:11px;font-weight:600;letter-spacing:.04em;background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.per-face-grid{display:flex;flex-direction:column;gap:6px}.per-face-item{display:flex;align-items:center;gap:8px}.per-face-preview-wrap{flex-shrink:0;border-radius:6px;border:1.5px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 1px 4px #00000080;width:36px;height:36px}.per-face-preview{width:36px!important;height:36px!important;border-radius:0}.per-face-select{flex:1;padding:5px 8px;font-size:12px;background:#141826e6;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ffffffd9;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .15s ease}.per-face-select:hover{border-color:#ffffff40}.per-face-select:focus{outline:none;border-color:#3b82f68c}.per-face-select option,.per-face-select optgroup{background:#1a1e2e;color:#ffffffe6}.bg-dark{background:#0a0a0a!important}.bg-midnight{background:linear-gradient(180deg,#0a0e1a,#0f1b3d,#0a0e1a)!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes victory-glow{0%,to{box-shadow:0 0 10px #eab3084d}50%{box-shadow:0 0 20px #eab30899}}.mobile-touch-hint{position:fixed;bottom:calc(180px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#1e2332e6;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 20px;color:#ffffffd9;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;z-index:400;pointer-events:none;animation:fadeInOut 4s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media (pointer: coarse){.btn-compact,.bauhaus-btn,.settings-close-btn,.net-close-btn{min-height:44px;min-width:44px}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-close-btn{width:40px;height:40px;font-size:24px}}@media (max-height: 500px) and (orientation: landscape){.ui-layer{padding:0}.top-app-bar{height:36px;padding:0 8px}.top-bar-title{font-size:11px}.bottom-nav-bar{height:48px;max-width:360px}.bottom-nav-central-ring{width:40px;height:40px}.bottom-nav-central{margin-top:-10px}.floating-hud{bottom:56px}.settings-panel{max-height:calc(100dvh - 20px);width:80%;max-width:500px}}.btn-compact.locked,.btn-level.locked,select.locked{opacity:.4;cursor:not-allowed;position:relative;background:#282d3c80!important;border-color:#6464784d!important;color:#c8c8d280!important}.btn-compact.locked:hover,.btn-level.locked:hover,select.locked:hover{transform:none;box-shadow:none;background:#282d3c80!important}.lock-icon{font-size:.6rem;margin-right:4px;opacity:.7}.lock-icon-small{font-size:.5rem;margin-right:2px;opacity:.7}.btn-compact.locked:after,.btn-level.locked:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:#141928f2;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:10px;color:#ffffffd9;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;margin-bottom:8px}.btn-compact.locked:hover:after,.btn-level.locked:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.btn-compact.freeplay{background:#8b5cf6b3;border-color:#a78bfa80;color:#fff}.btn-compact.freeplay:hover{background:#8b5cf6d9;box-shadow:0 4px 12px #8b5cf666}.level-badge{position:fixed;top:80px;left:24px;background:#1e2332e6;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #0000004d}.level-badge-number{font-family:Courier New,monospace;font-size:20px;font-weight:700;color:#3b82f6e6;line-height:1}.level-badge-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em}@keyframes feature-unlock{0%{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 20px #3b82f699}to{opacity:1;transform:scale(1);box-shadow:none}}.btn-compact.unlocking{animation:feature-unlock .6s ease-out}select.btn-compact:disabled{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}@media (max-width: 768px){.lock-icon{font-size:.5rem;margin-right:2px}.lock-icon-small{display:none}.btn-compact.locked:after,.btn-level.locked:after{display:none}.level-badge{top:auto;bottom:140px;bottom:calc(140px + env(safe-area-inset-bottom,0px));left:12px;padding:6px 10px}.level-badge-number{font-size:16px}.level-badge-name{font-size:10px}}.hands-overlay{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:200;pointer-events:none;max-width:320px;font-family:Courier New,monospace}.hands-move-trail{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;padding:8px 12px;background:#14161ed9;border:1px solid rgba(255,107,53,.25);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hands-move-notation{font-size:13px;font-weight:600;color:#ffffff80;padding:2px 5px;border-radius:3px;transition:all .15s ease;letter-spacing:.02em}.hands-move-notation.latest{color:#ff6b35;background:#ff6b3526;text-shadow:0 0 8px rgba(255,107,53,.4);transform:scale(1.15)}.hands-move-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#14161ecc;border:1px solid rgba(255,255,255,.08);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hands-move-plane{font-size:12px;font-weight:700;color:#ffffffe6;letter-spacing:.04em}.hands-move-finger{font-size:11px;color:#ffc896b3;font-style:italic}.hands-combo-alert{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#ff6b3533;border:2px solid rgba(255,107,53,.6);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:combo-pop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #ff6b354d}.hands-combo-name{font-size:16px;font-weight:800;color:#ff6b35;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 12px rgba(255,107,53,.5)}.hands-combo-notation{font-size:11px;color:#fff9;letter-spacing:.04em}@keyframes combo-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.hands-tps{text-align:right;font-size:14px;font-weight:700;color:#ffffffb3;padding:4px 12px;background:#14161eb3;border:1px solid rgba(255,255,255,.06);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.06em}.hands-key-ref{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#14161eb3;border:1px solid rgba(255,255,255,.06);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hands-key-ref-row{display:flex;gap:12px;justify-content:flex-end}.hands-key-group{font-size:10px;color:#ffffff73;white-space:nowrap;letter-spacing:.02em}.hands-key-group kbd{display:inline-block;padding:1px 4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;font-size:10px;font-family:Courier New,monospace;color:#ffffffb3;margin:0 1px;line-height:1.3}.btn-compact.active[style*=ff6b35]{animation:hands-glow 2s ease-in-out infinite}@keyframes hands-glow{0%,to{box-shadow:0 2px 8px #ff6b354d}50%{box-shadow:0 2px 16px #ff6b3599}}@media (max-width: 768px){.hands-overlay{top:auto;bottom:160px;bottom:calc(160px + env(safe-area-inset-bottom,0px));right:8px;left:8px;max-width:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.hands-move-trail{flex:1;min-width:200px}.hands-key-ref{display:none}.hands-combo-alert{flex:0 0 auto}}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#282824b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.wizard-container{background:#c2c2ba;border-radius:16px 16px 24px 24px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0000008c,0 6px 16px #00000059,inset 2px 2px #deded6,inset -2px -2px #888880;overflow:hidden}.wizard-header{padding:28px 32px 20px;text-align:center;background:#b8b8b0;border-bottom:2px solid #8a8a82;box-shadow:0 2px #d2d2ca}.wizard-progress{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.wizard-progress-dot{width:8px;height:8px;border-radius:50%;background:#909088;box-shadow:inset 1px 1px #6a6a62,inset -1px -1px #acaca4;transition:all .3s ease}.wizard-progress-dot.active{background:#6a7a5a;box-shadow:inset 1px 1px #4a5a3a,inset -1px -1px #8a9a7a}.wizard-progress-dot.current{width:12px;height:12px;background:#4a5a3a;box-shadow:inset 1px 1px #3a4a2a,0 0 0 2px #b8b8b0,0 0 0 3px #6a7a5a}.wizard-title{margin:0 0 6px;font-size:26px;font-weight:700;color:#1e1e18;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.4px;text-shadow:1px 1px 0 rgba(255,255,255,.55)}.wizard-subtitle{margin:0;font-size:13px;color:#58584e;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wizard-body{flex:1;padding:18px 20px;overflow-y:auto;background:#d0d4c6;margin:14px 18px;border-radius:8px;box-shadow:inset 3px 3px 8px #00000047,inset -1px -1px 3px #ffffff8c}.wizard-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.wizard-option{background:#c8c8c0;border:none;border-radius:8px;padding:14px 10px;cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:120px;box-shadow:2px 2px #80807a,inset 1px 1px #e8e8e0,inset -1px -1px #aaaaa2}.wizard-option:hover{background:#d0d0c8;transform:translateY(-1px);box-shadow:3px 3px #80807a,inset 1px 1px #ececec,inset -1px -1px #b4b4ac}.wizard-option.selected{background:#b0b8a8;transform:translateY(1px);box-shadow:inset 2px 2px 5px #00000038,inset -1px -1px #ffffff73}.wizard-option-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center}.wizard-option-label{font-size:12px;font-weight:600;color:#1e1e18;text-align:center;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.6)}.wizard-color-preview{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.wizard-color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:inset 1px 1px #fff6}.wizard-footer{padding:14px 24px 18px;background:#b8b8b0;border-top:2px solid #8a8a82;box-shadow:0 -1px #d2d2ca;display:flex;gap:12px;justify-content:space-between}.wizard-btn{flex:1;padding:11px 20px;font-size:14px;font-weight:700;font-family:Roboto,Product Sans,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:none;border-radius:6px;cursor:pointer;transition:all .1s ease;letter-spacing:.4px}.wizard-btn-primary{background:#586848;color:#e8e8d8;box-shadow:2px 2px #283818,inset 1px 1px #788868,inset -1px -1px #384828}.wizard-btn-primary:hover{background:#687858;transform:translateY(-1px);box-shadow:3px 3px #283818,inset 1px 1px #889878,inset -1px -1px #384828}.wizard-btn-primary:active{transform:translateY(1px);box-shadow:0 0 #283818,inset 2px 2px 5px #0000004d}.wizard-btn-secondary{background:#aeaea6;color:#1e1e18;box-shadow:2px 2px #6e6e66,inset 1px 1px #cecec6,inset -1px -1px #888880}.wizard-btn-secondary:hover{background:#b8b8b0;box-shadow:3px 3px #6e6e66,inset 1px 1px #d8d8d0,inset -1px -1px #888880}.wizard-btn-secondary:active{transform:translateY(1px);box-shadow:0 0 #6e6e66,inset 2px 2px 5px #0003}@media (max-width: 768px){.wizard-container{max-width:95%}.wizard-header{padding:22px 18px 18px}.wizard-title{font-size:22px}.wizard-body{padding:14px;margin:10px 12px}.wizard-options{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.wizard-option{padding:10px 8px;min-height:100px}.wizard-footer{padding:12px 18px 16px}}.wizard-upload-placeholder{width:64px;height:64px;background:#d0d0c8;border:2px dashed #888880;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 2px #00000026;transition:all .1s ease}.wizard-option:hover .wizard-upload-placeholder{background:#d8d8d0;border-color:#585850}.wizard-random-tile-preview{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);border-radius:6px;display:flex;align-items:center;justify-content:center;animation:rainbow-shift 3s ease infinite;box-shadow:inset 1px 1px #ffffff4d,1px 1px #0003}@keyframes rainbow-shift{0%,to{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe)}50%{background:linear-gradient(135deg,#00f2fe,#4facfe,#f093fb,#764ba2,#667eea)}}.wizard-bg-preview{width:120px;height:80px;border-radius:6px;box-shadow:2px 2px #80807a,inset 1px 1px #ffffff26;transition:transform .1s ease}.wizard-option:hover .wizard-bg-preview{transform:scale(1.04)}.wizard-body .wizard-options:has(.wizard-bg-thumb),.wizard-body .wizard-options:has(.wizard-bg-preview){overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.wizard-body .wizard-options:has(.wizard-bg-thumb)::-webkit-scrollbar,.wizard-body .wizard-options:has(.wizard-bg-preview)::-webkit-scrollbar{height:6px}.wizard-body .wizard-options:has(.wizard-bg-thumb)::-webkit-scrollbar-track,.wizard-body .wizard-options:has(.wizard-bg-preview)::-webkit-scrollbar-track{background:#b8b8b0;border-radius:3px}.wizard-body .wizard-options:has(.wizard-bg-thumb)::-webkit-scrollbar-thumb,.wizard-body .wizard-options:has(.wizard-bg-preview)::-webkit-scrollbar-thumb{background:#808078;border-radius:3px}.wizard-body .wizard-options:has(.wizard-bg-thumb)::-webkit-scrollbar-thumb:hover,.wizard-body .wizard-options:has(.wizard-bg-preview)::-webkit-scrollbar-thumb:hover{background:#606058}.wizard-options:has(.wizard-bg-thumb) .wizard-option,.wizard-options:has(.wizard-bg-preview) .wizard-option{flex-shrink:0;min-width:140px;scroll-snap-align:start}.wizard-option.compact{min-width:80px!important;width:80px;min-height:auto;padding:8px;gap:6px;background:transparent;border:none}.wizard-option.compact .wizard-option-preview{width:64px;height:64px;border-radius:8px;border:2px solid rgba(255,255,255,.2);padding:0;overflow:hidden;transition:all .2s ease}.wizard-option.compact.selected .wizard-option-preview{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;transform:scale(1.1)}.wizard-option.compact:hover .wizard-option-preview{border-color:#ffffff80;transform:translateY(-2px)}.wizard-option.compact .wizard-option-label{font-size:10px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wizard-option.compact.selected .wizard-option-label{color:#3b82f6;font-weight:700}.wizard-body{position:relative}.wizard-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#1e2332e6;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0006;transition:all .2s ease;padding-bottom:2px}.wizard-scroll-btn:hover{background:#3b82f6e6;border-color:#3b82f680;transform:translateY(-50%) scale(1.1)}.wizard-scroll-btn.left{left:10px}.wizard-scroll-btn.right{right:10px}.wizard-body .wizard-options:has(.wizard-bg-thumb){padding-left:40px;padding-right:40px}.settings-panel,.top-app-bar,.bottom-nav-bar,.sheet-container,.floating-hud{font-family:var(--ui-font)}.settings-section-title{color:#334155!important;text-shadow:none;font-family:var(--ui-font)}.settings-radio,.scheme-grid .settings-radio{border:1px solid transparent;background:#ffffff94}.settings-radio:hover,.scheme-grid .settings-radio:hover{background:#fff;border-color:#0f172a1f}.settings-radio-label,.settings-hint,.settings-label,.wizard-option.compact .wizard-option-label{color:var(--ui-ink);font-family:var(--ui-font)}.settings-tab{color:#334155ad;border-bottom-color:transparent;font-family:var(--ui-font)}.settings-tab:hover{color:#0f172a}.settings-tab.active{background:#0f172a14;color:var(--ui-ink);border-bottom-color:#0f172a47}.tile-leaderboard{position:fixed;top:60px;right:12px;width:200px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #0000004d;z-index:900;animation:lbSlideIn .2s ease-out}@keyframes lbSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-title{font-size:11px;font-weight:700;color:#fffc;letter-spacing:.02em;text-transform:uppercase}.leaderboard-close-btn{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.leaderboard-close-btn:hover{color:#fffc}.leaderboard-empty{font-size:11px;color:#ffffff59;text-align:center;padding:10px 0 6px;font-style:italic}.leaderboard-entries{display:flex;flex-direction:column;gap:4px}.leaderboard-entry{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#ffffff0a;border-radius:6px;transition:background .15s}.leaderboard-entry:hover{background:#ffffff14}.entry-rank{font-size:10px;font-weight:700;color:#ffffff59;min-width:18px;text-align:right;flex-shrink:0}.leaderboard-entry:nth-child(1) .entry-rank{color:gold}.leaderboard-entry:nth-child(2) .entry-rank{color:silver}.leaderboard-entry:nth-child(3) .entry-rank{color:#cd7f32}.entry-pair-detail{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.pair-side{display:flex;align-items:center;gap:3px}.tile-indicator{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.3);flex-shrink:0}.side-flips{font-size:11px;font-weight:700;min-width:16px;text-align:center;color:#ffffffbf;font-variant-numeric:tabular-nums}.pair-side.side-dead .side-flips{color:#666;font-weight:800}.pair-arrow-detail{font-size:10px;color:#ffffff4d;flex-shrink:0}.pair-arrow-detail.arrow-severed{color:#666}.leaderboard-entry.entry-row-dead{background:#50505026;border:1px solid rgba(80,80,80,.2);opacity:.7}.leaderboard-entry:nth-child(1){background:linear-gradient(135deg,#ffd7001a,#ffd70008);border:1px solid rgba(255,215,0,.15)}.leaderboard-entry:nth-child(2){background:linear-gradient(135deg,#c0c0c01a,#c0c0c008);border:1px solid rgba(192,192,192,.15)}.leaderboard-entry:nth-child(3){background:linear-gradient(135deg,#cd7f321a,#cd7f3208);border:1px solid rgba(205,127,50,.15)}@media (max-width: 768px){.tile-leaderboard{top:auto;bottom:80px;right:8px;width:180px;padding:6px 8px}.leaderboard-title,.side-flips{font-size:10px}}