html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea,button{font-size:16px}textarea{resize:none}input,select,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}button,a{touch-action:manipulation}[data-theme=classic]{--c-bg: #14141a;--c-bg2: #1a1a22;--c-panel: rgba(20, 22, 28, .96);--c-border: rgba(107, 158, 138, .28);--c-border2: rgba(107, 158, 138, .48);--c-text: #d8ddd6;--c-muted: rgba(200, 212, 205, .65);--c-accent: #7bbba0;--c-accent2: #b0b8b5;--c-warn: #c4a882;--c-danger: #c08080;--c-zone: #7bbba0;--c-purify: #a0a8c0;--c-glass: rgba(107, 158, 138, .12);--c-glow: rgba(107, 158, 138, .32);--c-grid: rgba(107, 158, 138, .07)}[data-theme=classic] body{background:#14141a;background-image:radial-gradient(ellipse at 50% 50%,rgba(107,158,138,.1) 0%,transparent 65%),radial-gradient(ellipse at 20% 20%,rgba(80,130,110,.07) 0%,transparent 50%),repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 5px)}[data-theme=classic] .site-header,[data-theme=classic] .mobile-hud,[data-theme=classic] .ls-hud{background:#0e1012fc;border-bottom-color:#6b9e8a6b}[data-theme=classic] .pt-panel,[data-theme=classic] .ls-right,[data-theme=classic] .ls-left{background:#0e1012fc;border-color:#6b9e8a4d}[data-theme=classic] .zone-meter-fill.zone-active,[data-theme=classic] .mobile-zone-fill.zone-active{box-shadow:none;animation:none;background:linear-gradient(90deg,var(--c-accent),var(--c-accent2))}[data-theme=classic] .b2b-badge,[data-theme=classic] .combo-display .combo-number{text-shadow:none}[data-theme=dmg]{--c-bg: #0f380f;--c-bg2: #0f380f;--c-panel: rgba(15, 56, 15, .98);--c-border: rgba(155, 188, 15, .55);--c-border2: rgba(155, 188, 15, .85);--c-text: #9bbc0f;--c-muted: rgba(139, 172, 15, .75);--c-accent: #9bbc0f;--c-accent2: #8bac0f;--c-warn: #8bac0f;--c-danger: #306230;--c-zone: #9bbc0f;--c-purify: #306230;--c-glass: rgba(155, 188, 15, .12);--c-glow: rgba(155, 188, 15, .4);--c-grid: rgba(48, 98, 48, .3)}[data-theme=dmg] body{background:#0f380f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0px,rgba(0,0,0,.2) 1px,transparent 1px,transparent 4px)}[data-theme=dmg] .site-header,[data-theme=dmg] .mobile-hud,[data-theme=dmg] .ls-hud{background:#0f380f;border-bottom:2px solid rgba(155,188,15,.7);box-shadow:none}[data-theme=dmg] .pt-panel,[data-theme=dmg] .ls-right,[data-theme=dmg] .ls-left{background:#0f380ffa;border-color:#9bbc0f80;box-shadow:none}[data-theme=dmg] .flank{border-color:#9bbc0f80;box-shadow:none}[data-theme=dmg] .site-logo{font-family:Courier New,monospace;color:#9bbc0f;text-shadow:2px 2px 0 #306230;letter-spacing:.08em}[data-theme=dmg] .site-logo span{color:#8bac0f;text-shadow:2px 2px 0 #306230}[data-theme=dmg] .icon-btn,[data-theme=dmg] .diff-btn,[data-theme=dmg] .mode-btn{border-radius:2px}[data-theme=blueprint]{--c-bg: #001A44;--c-bg2: #001038;--c-panel: rgba(0, 28, 72, .97);--c-border: rgba(255, 255, 255, .3);--c-border2: rgba(255, 255, 255, .6);--c-text: #FFFFFF;--c-muted: rgba(180, 210, 255, .75);--c-accent: #FFFFFF;--c-accent2: #88CCFF;--c-warn: #FFEE88;--c-danger: #FF8888;--c-zone: #AAFFFF;--c-purify: #CC99FF;--c-glass: rgba(255, 255, 255, .07);--c-glow: rgba(255, 255, 255, .25);--c-grid: rgba(255, 255, 255, .07)}[data-theme=blueprint] body{background:#001a44;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0px,rgba(255,255,255,.045) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0px,rgba(255,255,255,.045) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 1px,transparent 1px,transparent 50px)}[data-theme=blueprint] .site-header,[data-theme=blueprint] .mobile-hud,[data-theme=blueprint] .ls-hud{background:#001232fc;border-bottom:2px solid rgba(255,255,255,.5);box-shadow:0 2px 16px #64b4ff33}[data-theme=blueprint] .pt-panel,[data-theme=blueprint] .ls-right,[data-theme=blueprint] .ls-left,[data-theme=blueprint] .flank{background:#00163cf7;border-color:#ffffff47}[data-theme=blueprint] .site-logo{font-family:Courier New,monospace;color:#fff;letter-spacing:.15em;text-shadow:0 0 12px rgba(255,255,255,.45)}[data-theme=blueprint] .site-logo span{color:#8cf}[data-theme=sketch]{--c-bg: #FAFAF0;--c-bg2: #F0EBDB;--c-panel: rgba(232, 225, 206, .97);--c-border: rgba(80, 55, 18, .32);--c-border2: rgba(80, 55, 18, .6);--c-text: #3A2A10;--c-muted: rgba(60, 44, 14, .65);--c-accent: #8B4513;--c-accent2: #D2691E;--c-warn: #CC8800;--c-danger: #CC4444;--c-zone: #4488CC;--c-purify: #9955CC;--c-glass: rgba(80, 55, 18, .07);--c-glow: rgba(80, 55, 18, .2);--c-grid: rgba(80, 55, 18, .08)}[data-theme=sketch] body{background:#fafaf0;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 27px,rgba(100,150,200,.28) 27px,rgba(100,150,200,.28) 28px),linear-gradient(90deg,transparent 56px,rgba(220,80,80,.3) 56px,rgba(220,80,80,.3) 58px,transparent 58px)}[data-theme=sketch] .site-header,[data-theme=sketch] .mobile-hud,[data-theme=sketch] .ls-hud{background:#e4dcc6fc;border-bottom:2px solid rgba(80,55,18,.45);box-shadow:0 2px 8px #5037121f}[data-theme=sketch] .pt-panel,[data-theme=sketch] .ls-right,[data-theme=sketch] .ls-left,[data-theme=sketch] .flank{background:#e8e1cef7;border-color:#50371247;box-shadow:2px 2px #5037121a}[data-theme=sketch] .site-logo{color:#3a2a10;text-shadow:2px 2px 0 rgba(80,55,18,.25);font-style:italic}[data-theme=sketch] .site-logo span{color:#8b4513}[data-theme=sketch] .icon-btn,[data-theme=sketch] .mode-btn,[data-theme=sketch] .diff-btn{border-radius:6px 3px 7px 2px}[data-theme=bauhaus]{--c-bg: #F5F5E8;--c-bg2: #EBEBD8;--c-panel: rgba(240, 240, 228, .98);--c-border: rgba(0, 0, 0, .5);--c-border2: rgba(0, 0, 0, .85);--c-text: #0A0A0A;--c-muted: rgba(20, 20, 20, .62);--c-accent: #E81414;--c-accent2: #1428E8;--c-warn: #C89000;--c-danger: #E81414;--c-zone: #1428E8;--c-purify: #E81414;--c-glass: rgba(0, 0, 0, .05);--c-glow: rgba(0, 0, 0, .18);--c-grid: rgba(0, 0, 0, .09)}[data-theme=bauhaus] body{background:#f5f5e8;background-image:linear-gradient(180deg,#E81414 0px,#E81414 8px,transparent 8px),linear-gradient(0deg,#1428E8 0px,#1428E8 8px,transparent 8px),linear-gradient(90deg,#F0E010 0px,#F0E010 8px,transparent 8px)}[data-theme=bauhaus] .site-header,[data-theme=bauhaus] .mobile-hud,[data-theme=bauhaus] .ls-hud{background:#f0f0e4fc;border-bottom:3px solid #000000;box-shadow:none}[data-theme=bauhaus] .pt-panel,[data-theme=bauhaus] .ls-right,[data-theme=bauhaus] .ls-left,[data-theme=bauhaus] .flank{background:#f0f0e4fa;border-color:#0000008c;box-shadow:none}[data-theme=bauhaus] .site-logo{color:#0a0a0a;text-shadow:3px 3px 0 #E81414;font-weight:900;letter-spacing:.1em}[data-theme=bauhaus] .site-logo span{color:#e81414;text-shadow:3px 3px 0 #0A0A0A}[data-theme=bauhaus] .logo-i{color:#1428e8!important;text-shadow:3px 3px 0 #0A0A0A!important}[data-theme=bauhaus] .icon-btn,[data-theme=bauhaus] .mode-btn,[data-theme=bauhaus] .diff-btn{border-radius:0;border-width:2px}[data-theme=stone]{--c-bg: #1A1A1A;--c-bg2: #222222;--c-panel: rgba(30, 30, 30, .97);--c-border: rgba(160, 160, 160, .32);--c-border2: rgba(180, 180, 180, .55);--c-text: #CCCCCC;--c-muted: rgba(180, 180, 180, .65);--c-accent: #B0B0B0;--c-accent2: #888888;--c-warn: #C8A070;--c-danger: #A05050;--c-zone: #B4B4B4;--c-purify: #888888;--c-glass: rgba(160, 160, 160, .1);--c-glow: rgba(160, 160, 160, .22);--c-grid: rgba(255, 255, 255, .04)}[data-theme=stone] body{background:#1a1a1a;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 79px,rgba(255,255,255,.05) 79px,rgba(255,255,255,.05) 80px),repeating-linear-gradient(90deg,transparent 0px,transparent 159px,rgba(255,255,255,.04) 159px,rgba(255,255,255,.04) 160px)}[data-theme=stone] .site-header,[data-theme=stone] .mobile-hud,[data-theme=stone] .ls-hud{background:#111;border-bottom:2px solid rgba(160,160,160,.45);box-shadow:none}[data-theme=stone] .pt-panel,[data-theme=stone] .ls-right,[data-theme=stone] .ls-left,[data-theme=stone] .flank{background:#1c1c1cfa;border-color:#8c8c8c47;box-shadow:none}[data-theme=stone] .site-logo{color:#ccc;text-shadow:2px 2px 0 #4A4A4A,-1px -1px 0 #888888;font-weight:900;letter-spacing:.08em}[data-theme=stone] .site-logo span{color:#b0b0b0}[data-theme=stone] .zone-meter-fill,[data-theme=stone] .mobile-zone-fill{background:linear-gradient(90deg,#888,#b0b0b0);box-shadow:none}[data-theme=wood]{--c-bg: #0D2818;--c-bg2: #122E1C;--c-panel: rgba(44, 28, 16, .97);--c-border: rgba(200, 160, 90, .38);--c-border2: rgba(220, 185, 110, .62);--c-text: #E8C898;--c-muted: rgba(200, 165, 100, .7);--c-accent: #C8A040;--c-accent2: #DEB887;--c-warn: #DEB887;--c-danger: #C05030;--c-zone: #E8C878;--c-purify: #9B6B14;--c-glass: rgba(200, 160, 90, .1);--c-glow: rgba(200, 160, 90, .28);--c-grid: rgba(0, 0, 0, .18)}[data-theme=wood] body{background:#0d2818;background-image:radial-gradient(ellipse at 12% 5%,rgba(80,180,60,.35) 0%,transparent 30%),radial-gradient(ellipse at 88% 8%,rgba(50,150,40,.28) 0%,transparent 28%),radial-gradient(ellipse at 40% 3%,rgba(100,200,70,.2) 0%,transparent 22%),radial-gradient(ellipse at 65% 96%,rgba(20,100,30,.45) 0%,transparent 40%),radial-gradient(ellipse at 8% 78%,rgba(30,120,40,.3) 0%,transparent 35%),radial-gradient(ellipse at 92% 62%,rgba(40,130,35,.25) 0%,transparent 30%),repeating-linear-gradient(-65deg,transparent 0px,transparent 14px,rgba(30,90,20,.1) 14px,rgba(30,90,20,.1) 15px,transparent 15px,transparent 28px,rgba(20,70,15,.07) 28px,rgba(20,70,15,.07) 29px),repeating-linear-gradient(22deg,transparent 0px,transparent 19px,rgba(40,100,25,.06) 19px,rgba(40,100,25,.06) 20px)}[data-theme=wood] .site-header,[data-theme=wood] .mobile-hud,[data-theme=wood] .ls-hud{background:#160c06fc;border-bottom:2px solid rgba(200,160,90,.55);box-shadow:0 2px 12px #00000080}[data-theme=wood] .pt-panel,[data-theme=wood] .ls-right,[data-theme=wood] .ls-left,[data-theme=wood] .flank{background:#26160cf7;border-color:#b48c4659;box-shadow:inset 0 0 20px #0000004d}[data-theme=wood] .site-logo{color:#e8c898;text-shadow:1px 1px 0 #6B4226,0 0 18px rgba(200,160,80,.45);letter-spacing:.06em}[data-theme=wood] .site-logo span{color:#deb887}[data-theme=classic][data-mode=light]{--c-bg: #1e2230;--c-bg2: #242840;--c-panel: rgba(28,34,52,.97)}[data-theme=classic][data-mode=light] body{background:#1e2230}[data-theme=dmg][data-mode=light] body{background:#2a580a;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 4px)}[data-theme=blueprint][data-mode=light]{--c-bg: #0A2D6E}[data-theme=blueprint][data-mode=light] body{background:#0a2d6e;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0px,rgba(255,255,255,.13) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0px,rgba(255,255,255,.13) 1px,transparent 1px,transparent 50px)}[data-theme=stone][data-mode=light]{--c-bg: #BEBEBE;--c-bg2: #C8C8C8;--c-panel: rgba(170,170,170,.97);--c-text: #1A1A1A;--c-muted: rgba(40,40,40,.65);--c-accent: #444444;--c-accent2: #666666;--c-zone: #555555;--c-border: rgba(60,60,60,.35);--c-border2: rgba(60,60,60,.65);--c-glass: rgba(0,0,0,.07);--c-glow: rgba(0,0,0,.18)}[data-theme=stone][data-mode=light] body{background:#bebebe;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 79px,rgba(0,0,0,.07) 79px,rgba(0,0,0,.07) 80px),repeating-linear-gradient(90deg,transparent 0px,transparent 159px,rgba(0,0,0,.05) 159px,rgba(0,0,0,.05) 160px)}[data-theme=stone][data-mode=light] .site-header,[data-theme=stone][data-mode=light] .mobile-hud,[data-theme=stone][data-mode=light] .ls-hud{background:#ababab;border-bottom-color:#3c3c3c73;box-shadow:none}[data-theme=stone][data-mode=light] .pt-panel,[data-theme=stone][data-mode=light] .ls-right,[data-theme=stone][data-mode=light] .ls-left,[data-theme=stone][data-mode=light] .flank{background:#a5a5a5f7;border-color:#3c3c3c47}[data-theme=stone][data-mode=light] .site-logo{color:#1a1a1a;text-shadow:2px 2px 0 rgba(80,80,80,.45)}[data-theme=stone][data-mode=light] .site-logo span{color:#333}[data-theme=wood][data-mode=light] body{background:#1a4528;background-image:radial-gradient(ellipse at 12% 5%,rgba(120,220,90,.3) 0%,transparent 30%),radial-gradient(ellipse at 88% 8%,rgba(90,190,70,.25) 0%,transparent 28%),radial-gradient(ellipse at 65% 96%,rgba(50,140,60,.38) 0%,transparent 40%),radial-gradient(ellipse at 8% 78%,rgba(50,150,55,.28) 0%,transparent 35%),repeating-linear-gradient(-65deg,transparent 0px,transparent 14px,rgba(40,110,30,.09) 14px,rgba(40,110,30,.09) 15px,transparent 15px,transparent 28px)}[data-theme=sketch][data-mode=dark]{--c-bg: #2A2820;--c-bg2: #333028;--c-panel: rgba(48,44,34,.97);--c-text: #E8DFC0;--c-muted: rgba(210,190,150,.68);--c-accent: #C88B48;--c-accent2: #D4A870;--c-warn: #CC9930;--c-danger: #CC5544;--c-border: rgba(180,150,80,.35);--c-border2: rgba(200,170,100,.6);--c-glass: rgba(180,150,80,.1);--c-glow: rgba(180,150,80,.22)}[data-theme=sketch][data-mode=dark] body{background:#2a2820;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 27px,rgba(180,150,80,.14) 27px,rgba(180,150,80,.14) 28px),linear-gradient(90deg,transparent 56px,rgba(160,90,60,.18) 56px,rgba(160,90,60,.18) 58px,transparent 58px)}[data-theme=sketch][data-mode=dark] .site-header,[data-theme=sketch][data-mode=dark] .mobile-hud,[data-theme=sketch][data-mode=dark] .ls-hud{background:#26221afc;border-bottom-color:#b4965073}[data-theme=sketch][data-mode=dark] .pt-panel,[data-theme=sketch][data-mode=dark] .ls-right,[data-theme=sketch][data-mode=dark] .ls-left,[data-theme=sketch][data-mode=dark] .flank{background:#2c281ef7;border-color:#a082464d}[data-theme=sketch][data-mode=dark] .site-logo{color:#e8dfc0;text-shadow:2px 2px 0 rgba(180,150,80,.3)}[data-theme=sketch][data-mode=dark] .site-logo span{color:#c88b48}[data-theme=bauhaus][data-mode=dark]{--c-bg: #1A1A12;--c-bg2: #222218;--c-panel: rgba(28,28,20,.98);--c-text: #F8F8EE;--c-muted: rgba(220,220,200,.6);--c-accent: #E81414;--c-accent2: #1428E8;--c-warn: #F0E010;--c-danger: #E81414;--c-border: rgba(255,255,255,.3);--c-border2: rgba(255,255,255,.55);--c-glass: rgba(255,255,255,.06);--c-glow: rgba(255,255,255,.15)}[data-theme=bauhaus][data-mode=dark] body{background:#1a1a12;background-image:linear-gradient(180deg,#E81414 0px,#E81414 8px,transparent 8px),linear-gradient(0deg,#1428E8 0px,#1428E8 8px,transparent 8px),linear-gradient(90deg,#F0E010 0px,#F0E010 8px,transparent 8px)}[data-theme=bauhaus][data-mode=dark] .site-header,[data-theme=bauhaus][data-mode=dark] .mobile-hud,[data-theme=bauhaus][data-mode=dark] .ls-hud{background:#161610fc;border-bottom:3px solid #E81414;box-shadow:none}[data-theme=bauhaus][data-mode=dark] .pt-panel,[data-theme=bauhaus][data-mode=dark] .ls-right,[data-theme=bauhaus][data-mode=dark] .ls-left,[data-theme=bauhaus][data-mode=dark] .flank{background:#1a1a12fa;border-color:#fff6}[data-theme=bauhaus][data-mode=dark] .site-logo{color:#f8f8ee;text-shadow:3px 3px 0 #E81414}[data-theme=bauhaus][data-mode=dark] .logo-i{color:#48f!important;text-shadow:none!important}[data-theme=obsidian]{--c-bg: #060008;--c-bg2: #0c0010;--c-panel: rgba(8,0,12,.96);--c-border: rgba(160,40,255,.3);--c-border2: rgba(180,60,255,.55);--c-text: #ddd0ee;--c-muted: rgba(200,170,240,.6);--c-accent: #aa44ff;--c-accent2: #cc88ff;--c-warn: #ff88cc;--c-danger: #ff4466;--c-zone: #cc44ff;--c-purify: #8844cc;--c-glass: rgba(160,40,255,.1);--c-glow: rgba(160,40,255,.35);--c-grid: rgba(160,40,255,.08)}[data-theme=obsidian] body{background:#060008;background-image:radial-gradient(ellipse at 50% 30%,rgba(160,40,255,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(255,40,120,.08) 0%,transparent 40%)}[data-theme=obsidian] .site-header,[data-theme=obsidian] .mobile-hud,[data-theme=obsidian] .ls-hud{background:#06000afa;border-bottom-color:#a028ff66}[data-theme=obsidian] .pt-panel,[data-theme=obsidian] .ls-right,[data-theme=obsidian] .ls-left,[data-theme=obsidian] .flank{background:#08000cf7;border-color:#8c1edc47}[data-theme=obsidian] .site-logo{color:#ddd0ee;text-shadow:0 0 18px rgba(160,40,255,.7)}[data-theme=obsidian] .site-logo span{color:#a4f}[data-theme=biolume]{--c-bg: #020c18;--c-bg2: #040e1e;--c-panel: rgba(2,10,22,.96);--c-border: rgba(0,220,180,.25);--c-border2: rgba(0,255,200,.48);--c-text: #88ddcc;--c-muted: rgba(100,200,180,.6);--c-accent: #00ffcc;--c-accent2: #44ffe8;--c-warn: #88ff44;--c-danger: #ff4466;--c-zone: #00ffee;--c-purify: #0088aa;--c-glass: rgba(0,220,180,.08);--c-glow: rgba(0,220,180,.3);--c-grid: rgba(0,200,160,.07)}[data-theme=biolume] body{background:#020c18;background-image:radial-gradient(ellipse at 50% 90%,rgba(0,180,140,.14) 0%,transparent 55%),radial-gradient(ellipse at 20% 20%,rgba(0,100,200,.1) 0%,transparent 40%)}[data-theme=biolume] .site-header,[data-theme=biolume] .mobile-hud,[data-theme=biolume] .ls-hud{background:#020812fa;border-bottom-color:#00dcb459}[data-theme=biolume] .pt-panel,[data-theme=biolume] .ls-right,[data-theme=biolume] .ls-left,[data-theme=biolume] .flank{background:#020a16f7;border-color:#00b49640}[data-theme=biolume] .site-logo{color:#8dc;text-shadow:0 0 16px rgba(0,255,200,.6)}[data-theme=biolume] .site-logo span{color:#0fc}[data-theme=frozen]{--c-bg: #080e18;--c-bg2: #0c1420;--c-panel: rgba(8,12,22,.96);--c-border: rgba(140,200,255,.28);--c-border2: rgba(170,220,255,.55);--c-text: #c8dde8;--c-muted: rgba(180,210,230,.6);--c-accent: #a8d8f0;--c-accent2: #ddeeff;--c-warn: #c8e8ff;--c-danger: #ff7788;--c-zone: #ffffff;--c-purify: #5599cc;--c-glass: rgba(140,200,255,.1);--c-glow: rgba(140,200,255,.3);--c-grid: rgba(150,200,240,.09)}[data-theme=frozen] body{background:#080e18;background-image:radial-gradient(ellipse at 50% 0%,rgba(140,200,255,.16) 0%,transparent 55%),radial-gradient(ellipse at 90% 60%,rgba(200,230,255,.08) 0%,transparent 40%)}[data-theme=frozen] .site-header,[data-theme=frozen] .mobile-hud,[data-theme=frozen] .ls-hud{background:#060a12fa;border-bottom-color:#96d2ff66}[data-theme=frozen] .pt-panel,[data-theme=frozen] .ls-right,[data-theme=frozen] .ls-left,[data-theme=frozen] .flank{background:#080c16f7;border-color:#8cc8ff40}[data-theme=frozen] .site-logo{color:#c8dde8;text-shadow:0 0 14px rgba(170,220,255,.55)}[data-theme=frozen] .site-logo span{color:#a8d8f0}[data-theme=terracotta]{--c-bg: #140a04;--c-bg2: #1c1008;--c-panel: rgba(18,10,5,.96);--c-border: rgba(200,100,55,.28);--c-border2: rgba(220,120,70,.55);--c-text: #d4b49c;--c-muted: rgba(200,170,145,.6);--c-accent: #d46a38;--c-accent2: #e8a060;--c-warn: #e09050;--c-danger: #cc3030;--c-zone: #f0c090;--c-purify: #8b5020;--c-glass: rgba(200,100,55,.1);--c-glow: rgba(200,100,55,.28);--c-grid: rgba(190,95,50,.1)}[data-theme=terracotta] body{background:#140a04;background-image:radial-gradient(ellipse at 50% 100%,rgba(200,100,55,.12) 0%,transparent 55%),radial-gradient(ellipse at 10% 40%,rgba(160,80,40,.08) 0%,transparent 40%)}[data-theme=terracotta] .site-header,[data-theme=terracotta] .mobile-hud,[data-theme=terracotta] .ls-hud{background:#100804fa;border-bottom-color:#c8643766}[data-theme=terracotta] .pt-panel,[data-theme=terracotta] .ls-right,[data-theme=terracotta] .ls-left,[data-theme=terracotta] .flank{background:#120a05f7;border-color:#b45a2d40}[data-theme=terracotta] .site-logo{color:#d4b49c;text-shadow:0 0 12px rgba(200,100,55,.5)}[data-theme=terracotta] .site-logo span{color:#d46a38}[data-theme=amber]{--c-bg: #0e0900;--c-bg2: #160e00;--c-panel: rgba(12,8,0,.96);--c-border: rgba(200,140,20,.28);--c-border2: rgba(230,170,30,.55);--c-text: #e8c880;--c-muted: rgba(220,190,120,.6);--c-accent: #f0a020;--c-accent2: #f8c840;--c-warn: #e89040;--c-danger: #cc3010;--c-zone: #ffe080;--c-purify: #806020;--c-glass: rgba(200,140,20,.1);--c-glow: rgba(200,140,20,.35);--c-grid: rgba(190,135,20,.1)}[data-theme=amber] body{background:#0e0900;background-image:radial-gradient(ellipse at 50% 50%,rgba(200,140,20,.14) 0%,transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(240,180,30,.08) 0%,transparent 35%)}[data-theme=amber] .site-header,[data-theme=amber] .mobile-hud,[data-theme=amber] .ls-hud{background:#0a0700fa;border-bottom-color:#c88c1473}[data-theme=amber] .pt-panel,[data-theme=amber] .ls-right,[data-theme=amber] .ls-left,[data-theme=amber] .flank{background:#0c0800f7;border-color:#b4821247}[data-theme=amber] .site-logo{color:#e8c880;text-shadow:0 0 14px rgba(200,140,20,.6)}[data-theme=amber] .site-logo span{color:#f0a020}[data-theme=ukiyo]{--c-bg: #0a0810;--c-bg2: #100c16;--c-panel: rgba(10,8,16,.96);--c-border: rgba(80,100,200,.3);--c-border2: rgba(100,120,220,.55);--c-text: #d0c8b8;--c-muted: rgba(195,185,165,.6);--c-accent: #4060c8;--c-accent2: #6888e0;--c-warn: #e04818;--c-danger: #c02020;--c-zone: #f0d080;--c-purify: #3050a0;--c-glass: rgba(80,100,200,.1);--c-glow: rgba(80,100,200,.28);--c-grid: rgba(80,100,180,.1)}[data-theme=ukiyo] body{background:#0a0810;background-image:repeating-linear-gradient(160deg,transparent 0,transparent 60px,rgba(80,100,200,.04) 60px,rgba(80,100,200,.04) 62px),radial-gradient(ellipse at 80% 20%,rgba(224,72,24,.1) 0%,transparent 40%)}[data-theme=ukiyo] .site-header,[data-theme=ukiyo] .mobile-hud,[data-theme=ukiyo] .ls-hud{background:#08060efa;border-bottom-color:#5064c873}[data-theme=ukiyo] .pt-panel,[data-theme=ukiyo] .ls-right,[data-theme=ukiyo] .ls-left,[data-theme=ukiyo] .flank{background:#0a0810f7;border-color:#465ab447}[data-theme=ukiyo] .site-logo{color:#d0c8b8;font-family:serif}[data-theme=ukiyo] .site-logo span{color:#e04818}[data-theme=vaporwave]{--c-bg: #160820;--c-bg2: #1e0e2c;--c-panel: rgba(18,8,28,.96);--c-border: rgba(255,100,200,.25);--c-border2: rgba(255,130,220,.5);--c-text: #dde8f0;--c-muted: rgba(200,210,230,.6);--c-accent: #ff88cc;--c-accent2: #cc88ff;--c-warn: #ffcc88;--c-danger: #ff4488;--c-zone: #ffffff;--c-purify: #8844cc;--c-glass: rgba(255,100,200,.1);--c-glow: rgba(255,100,200,.28);--c-grid: rgba(255,100,200,.07)}[data-theme=vaporwave] body{background:#160820;background-image:radial-gradient(ellipse at 50% 0%,rgba(255,100,200,.14) 0%,transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(100,160,255,.1) 0%,transparent 40%),linear-gradient(180deg,#160820,#0e0018)}[data-theme=vaporwave] .site-header,[data-theme=vaporwave] .mobile-hud,[data-theme=vaporwave] .ls-hud{background:#0e0618fa;border-bottom-color:#ff64c866}[data-theme=vaporwave] .pt-panel,[data-theme=vaporwave] .ls-right,[data-theme=vaporwave] .ls-left,[data-theme=vaporwave] .flank{background:#12081cf7;border-color:#c850b440}[data-theme=vaporwave] .site-logo{color:#dde8f0;text-shadow:0 0 14px rgba(255,100,200,.55),3px 3px 0 rgba(100,200,255,.4)}[data-theme=vaporwave] .site-logo span{color:#f8c}[data-theme=stained]{--c-bg: #0c0810;--c-bg2: #120c18;--c-panel: rgba(10,6,14,.96);--c-border: rgba(255,220,0,.3);--c-border2: rgba(255,240,50,.55);--c-text: #f8f0e0;--c-muted: rgba(230,215,180,.65);--c-accent: #ffcc00;--c-accent2: #ff8800;--c-warn: #ff6600;--c-danger: #ff2200;--c-zone: #ffffff;--c-purify: #8800cc;--c-glass: rgba(255,220,0,.12);--c-glow: rgba(255,220,0,.35);--c-grid: rgba(255,200,0,.08)}[data-theme=stained] body{background:#0c0810;background-image:radial-gradient(ellipse at 30% 30%,rgba(0,100,255,.12) 0%,transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(255,80,0,.1) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(255,200,0,.07) 0%,transparent 60%)}[data-theme=stained] .site-header,[data-theme=stained] .mobile-hud,[data-theme=stained] .ls-hud{background:#08040cfa;border-bottom-color:#ffdc0073}[data-theme=stained] .pt-panel,[data-theme=stained] .ls-right,[data-theme=stained] .ls-left,[data-theme=stained] .flank{background:#0a060ef7;border-color:#dcb40047}[data-theme=stained] .site-logo{color:#f8f0e0;text-shadow:0 0 18px rgba(255,220,0,.6)}[data-theme=stained] .site-logo span{color:#fc0}[data-theme=popart]{--c-bg: #fffae0;--c-bg2: #fff5c8;--c-panel: rgba(255,248,220,.97);--c-border: rgba(0,0,0,.4);--c-border2: rgba(0,0,0,.7);--c-text: #111111;--c-muted: rgba(40,40,40,.65);--c-accent: #e01010;--c-accent2: #0044cc;--c-warn: #ff8800;--c-danger: #e00000;--c-zone: #ffcc00;--c-purify: #0055aa;--c-glass: rgba(0,0,0,.06);--c-glow: rgba(0,0,0,.2);--c-grid: rgba(0,0,0,.12)}[data-theme=popart] body{background:#fffae0;background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:8px 8px}[data-theme=popart] .site-header,[data-theme=popart] .mobile-hud,[data-theme=popart] .ls-hud{background:#fff8dcfa;border-bottom:3px solid #111;box-shadow:none}[data-theme=popart] .pt-panel,[data-theme=popart] .ls-right,[data-theme=popart] .ls-left,[data-theme=popart] .flank{background:#fff8dcf7;border-color:#00000080;border-width:2px}[data-theme=popart] .site-logo{color:#e01010;text-shadow:3px 3px 0 #0044cc;font-weight:900}[data-theme=popart] .site-logo span{color:#04c}[data-theme=terminal]{--c-bg: #000000;--c-bg2: #040804;--c-panel: rgba(0,4,0,.98);--c-border: rgba(0,255,65,.3);--c-border2: rgba(0,255,65,.6);--c-text: #00ff41;--c-muted: rgba(0,220,55,.65);--c-accent: #00ff41;--c-accent2: #00cc33;--c-warn: #ffcc00;--c-danger: #ff3333;--c-zone: #ffffff;--c-purify: #00aa22;--c-glass: rgba(0,255,65,.08);--c-glow: rgba(0,255,65,.35);--c-grid: rgba(0,255,65,.12)}[data-theme=terminal] body{background:#000;background-image:repeating-linear-gradient(0deg,rgba(0,255,65,.025) 0px,rgba(0,255,65,.025) 1px,transparent 1px,transparent 3px)}[data-theme=terminal] .site-header,[data-theme=terminal] .mobile-hud,[data-theme=terminal] .ls-hud{background:#000200fc;border-bottom-color:#00ff4180}[data-theme=terminal] .pt-panel,[data-theme=terminal] .ls-right,[data-theme=terminal] .ls-left,[data-theme=terminal] .flank{background:#000400fa;border-color:#00c8324d}[data-theme=terminal] .site-logo{color:#00ff41;text-shadow:0 0 10px #00ff41,0 0 20px rgba(0,255,65,.5);font-family:Courier New,monospace}[data-theme=terminal] .site-logo span{color:#00ff41}[data-theme=circuit]{--c-bg: #0a1408;--c-bg2: #0e1a0c;--c-panel: rgba(8,14,6,.97);--c-border: rgba(200,170,0,.28);--c-border2: rgba(230,200,0,.55);--c-text: #90b890;--c-muted: rgba(120,180,120,.6);--c-accent: #ffd700;--c-accent2: #ffaa00;--c-warn: #ffcc44;--c-danger: #ff3333;--c-zone: #00ff88;--c-purify: #008844;--c-glass: rgba(200,170,0,.1);--c-glow: rgba(200,170,0,.3);--c-grid: rgba(0,160,80,.1)}[data-theme=circuit] body{background:#0a1408;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 19px,rgba(0,160,80,.05) 19px,rgba(0,160,80,.05) 20px),repeating-linear-gradient(90deg,transparent 0px,transparent 19px,rgba(0,160,80,.05) 19px,rgba(0,160,80,.05) 20px)}[data-theme=circuit] .site-header,[data-theme=circuit] .mobile-hud,[data-theme=circuit] .ls-hud{background:#060c04fa;border-bottom-color:#c8aa0073}[data-theme=circuit] .pt-panel,[data-theme=circuit] .ls-right,[data-theme=circuit] .ls-left,[data-theme=circuit] .flank{background:#080e06f7;border-color:#a08c0047}[data-theme=circuit] .site-logo{color:#90b890;text-shadow:0 0 10px rgba(200,170,0,.5)}[data-theme=circuit] .site-logo span{color:gold}[data-theme=lego]{--c-bg: #f0f0f0;--c-bg2: #e8e8e8;--c-panel: rgba(240,240,240,.97);--c-border: rgba(0,0,0,.3);--c-border2: rgba(0,0,0,.55);--c-text: #111111;--c-muted: rgba(50,50,50,.65);--c-accent: #d01010;--c-accent2: #0044aa;--c-warn: #f8c400;--c-danger: #cc0000;--c-zone: #ffcc00;--c-purify: #0066cc;--c-glass: rgba(0,0,0,.06);--c-glow: rgba(0,0,0,.22);--c-grid: rgba(0,0,0,.08)}[data-theme=lego] body{background:#f0f0f0}[data-theme=lego] .site-header,[data-theme=lego] .mobile-hud,[data-theme=lego] .ls-hud{background:#f0f0f0fa;border-bottom:2px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #00000026}[data-theme=lego] .pt-panel,[data-theme=lego] .ls-right,[data-theme=lego] .ls-left,[data-theme=lego] .flank{background:#f0f0f0f7;border-color:#00000040}[data-theme=lego] .site-logo{color:#d01010;text-shadow:2px 2px 0 rgba(0,0,0,.3);font-weight:900}[data-theme=lego] .site-logo span{color:#04a}[data-theme=copper]{--c-bg: #0e0a06;--c-bg2: #160e08;--c-panel: rgba(12,8,4,.96);--c-border: rgba(180,115,50,.28);--c-border2: rgba(200,135,65,.55);--c-text: #ddb898;--c-muted: rgba(210,175,148,.6);--c-accent: #b87333;--c-accent2: #c8a060;--c-warn: #c8a020;--c-danger: #cc3030;--c-zone: #f0c840;--c-purify: #804010;--c-glass: rgba(180,115,50,.1);--c-glow: rgba(180,115,50,.32);--c-grid: rgba(180,115,50,.1)}[data-theme=copper] body{background:#0e0a06;background-image:radial-gradient(ellipse at 40% 30%,rgba(180,115,50,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(200,160,20,.08) 0%,transparent 40%)}[data-theme=copper] .site-header,[data-theme=copper] .mobile-hud,[data-theme=copper] .ls-hud{background:#0a0602fa;border-bottom-color:#b4733273}[data-theme=copper] .pt-panel,[data-theme=copper] .ls-right,[data-theme=copper] .ls-left,[data-theme=copper] .flank{background:#0c0804f7;border-color:#a0642847}[data-theme=copper] .site-logo{color:#ddb898;text-shadow:0 0 12px rgba(180,115,50,.55)}[data-theme=copper] .site-logo span{color:#b87333}:root{--c-bg: #0a0b12;--c-bg2: #0f1120;--c-panel: rgba(12, 14, 26, .85);--c-border: rgba(80, 130, 200, .18);--c-border2: rgba(80, 130, 200, .3);--c-text: #d8e2ff;--c-muted: rgba(200, 218, 255, .45);--c-accent: #00e5ff;--c-accent2: #a78bfa;--c-warn: #fbbf24;--c-danger: #f87171;--c-zone: #00e5ff;--c-purify: #8b5cf6;--ff: "Exo 2", "Inter", "Segoe UI", system-ui, sans-serif;--ff-mono: "Exo 2", ui-monospace, monospace;--radius: 10px;--board-w: 260px;--c-glass: rgba(0, 229, 255, .1);--c-glow: rgba(0, 229, 255, .45);--c-grid: rgba(0, 229, 255, .07)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}img,svg,canvas,a{-webkit-user-drag:none;user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:var(--c-bg);color:var(--c-text);font-family:var(--ff);min-height:100svh;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 4px)}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.app{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;touch-action:none}.app.zone-active .game-canvas-wrap{filter:brightness(1.14) saturate(1.35) hue-rotate(32deg) drop-shadow(0 0 10px var(--c-accent))}.app.zone-active .game-canvas{filter:drop-shadow(0 0 10px rgba(255,255,200,.35)) drop-shadow(0 0 18px rgba(0,229,255,.25))}.site-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + .55rem) 1.4rem .55rem;background:#080a14f0;border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.site-logo{font-size:1.1rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px var(--c-accent),0 0 40px var(--c-accent);-webkit-user-select:none;user-select:none;white-space:nowrap}.site-logo .logo-overflow{color:var(--c-accent)}.site-logo .logo-ultra{font-size:.55em;font-weight:700;letter-spacing:.04em;color:#a78bfa;text-shadow:0 0 10px #a78bfa,0 0 20px #a78bfa;vertical-align:super;text-transform:none;margin-left:.05em}.header-controls{display:flex;gap:.5rem;align-items:center}.mode-strip{display:flex;gap:.4rem;padding:.55rem 1.4rem;width:100%;background:#090b16e6;border-bottom:1px solid var(--c-border);align-items:center;justify-content:center;flex-wrap:wrap}.mode-btn{padding:.3rem .85rem;border-radius:20px;border:1px solid var(--c-border2);background:#12162eb3;color:var(--c-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .15s}.mode-btn:hover{background:#00e5ff1a;color:var(--c-text);border-color:#00e5ff66}.mode-btn.active{background:linear-gradient(135deg,#00e5ff2e,#a78bfa38);border-color:var(--c-accent);color:#fff;text-shadow:0 0 8px var(--c-accent);box-shadow:0 0 12px #00e5ff2e}.play-area{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:1.2rem .8rem;width:100%}.flank{width:120px;display:flex;flex-direction:column;gap:.5rem;padding-top:.2rem}.flank-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.15rem}.stat-block{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.3rem}.stat-item{display:flex;flex-direction:column}.stat-item .label{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);line-height:1}.stat-item .value{font-size:1.35rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.stat-item .value.small{font-size:1rem}.preview-box{display:grid;place-items:center;height:2.8rem;border:1px solid rgba(80,130,200,.35);border-radius:8px;background:#04050ef2;box-shadow:0 0 0 1px #0009 inset}.preview-canvas{display:block;image-rendering:pixelated}.preview-empty{opacity:.25;font-size:.9rem}.queue-list{display:flex;flex-direction:column;gap:.3rem}.zone-block{display:flex;flex-direction:column;gap:.3rem;align-items:center}.zone-circle-wrap{position:relative;width:64px;height:64px}.zone-circle-svg{transform:rotate(-90deg);overflow:visible}.zone-circle-bg{fill:none;stroke:#1e326480;stroke-width:5}.zone-circle-fill{fill:none;stroke:url(#zoneFillGrad);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .15s ease;filter:drop-shadow(0 0 4px #00cfff)}.zone-circle-fill.zone-ready{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 4px #00cfff);animation:zone-ready-pulse .5s ease-in-out infinite alternate}.zone-circle-fill.zone-active{stroke:url(#zoneActiveGrad);filter:drop-shadow(0 0 8px #8844ff);animation:zone-active-glow .4s ease-in-out infinite alternate}.zone-circle-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--c-zone);pointer-events:none;line-height:1.1}.zone-circle-label .zone-pct{font-size:.75rem;font-variant-numeric:tabular-nums}.zone-meter-bar{height:6px;border-radius:3px;background:#1e326480;overflow:hidden;border:1px solid rgba(100,180,255,.2)}.zone-meter-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#1e90ff,#00cfff);transition:width .12s ease}.zone-meter-fill.zone-ready{background:linear-gradient(90deg,#00cfff,#fff);animation:zone-ready-pulse .5s ease-in-out infinite alternate}.zone-meter-fill.zone-active{background:linear-gradient(90deg,#84f,#00cfff);animation:zone-active-glow .4s ease-in-out infinite alternate}.zone-status{font-size:.65rem;color:var(--c-zone);letter-spacing:.06em}.game-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.game-canvas-wrap{position:relative;border:1px solid rgba(0,229,255,.12);border-radius:4px;box-shadow:0 0 40px #00e5ff0f,inset 0 0 60px #0006;overflow:hidden}.game-canvas{display:block;image-rendering:pixelated;border-radius:3px}@media(min-width:768px){.game-canvas{width:var(--board-w);height:auto}}.game-hud-bottom{width:var(--board-w);display:flex;justify-content:space-between;align-items:center;padding:.4rem .2rem;font-size:.72rem;color:var(--c-muted);gap:.5rem}.game-hud-bottom .hud-val{color:#fff;font-weight:700;font-size:.85rem}.combo-display{position:absolute;top:.5rem;right:-4.5rem;text-align:left;pointer-events:none;z-index:10;min-width:3.5rem}.combo-number{font-size:2.4rem;font-weight:900;color:var(--c-warn);text-shadow:0 0 20px #f59e0b;line-height:1;animation:combo-pop .25s ease-out}.combo-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--c-warn);opacity:.8}.b2b-badge{position:absolute;top:.4rem;left:-4rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#fc4;text-shadow:0 0 12px #ffaa00;animation:b2b-pulse .8s ease-in-out infinite alternate;white-space:nowrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#05060de0;border-radius:4px;text-align:center;z-index:100;padding:1rem}.overlay-title{font-size:2.4rem;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.5)}.overlay-sub{font-size:.95rem;color:#ffffffbf;opacity:1}.overlay-new-high{font-size:1.15rem;font-weight:800;color:#fbbf24;text-shadow:0 0 14px #f59e0b;animation:combo-pop .35s ease-out}.overlay-restart{margin-top:.75rem;padding:.5rem 1.6rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.55);background:#ffffff1f;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.08em;transition:background .15s}.overlay-restart:hover{background:#ffffff38}.countdown-overlay{background:#040510d1}.countdown-number{font-size:6rem;font-weight:900;color:#fff;text-shadow:0 0 40px var(--c-accent),0 0 80px #0099cc;animation:cd-beat .25s ease-out}.zone-end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00e5ff1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:4px;pointer-events:none;animation:zone-end-fade 4.5s ease-out forwards;z-index:40}.zone-end-number{font-size:5rem;font-weight:900;color:var(--c-zone);text-shadow:0 0 30px var(--c-zone),0 0 60px #00b8d4;line-height:1;animation:cd-beat .3s ease-out}.zone-end-label{font-size:1.2rem;font-weight:800;color:#b2ebf2;letter-spacing:.14em;text-shadow:0 0 12px var(--c-zone)}.zone-end-bonus{font-size:.9rem;color:#e0f7fa;margin-top:.3rem;opacity:.8}.icon-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;border:1px solid var(--c-border2);background:#12162eb3;color:var(--c-text);font-size:.78rem;font-weight:600;letter-spacing:.06em;transition:all .15s}.icon-btn:hover{background:#00e5ff1f;border-color:#00e5ff66}.icon-btn.active{color:var(--c-accent);border-color:var(--c-accent);text-shadow:0 0 8px var(--c-accent)}.settings-block{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.settings-block label{display:flex;flex-direction:column;gap:.2rem;font-size:.68rem;color:var(--c-muted);letter-spacing:.06em;text-transform:uppercase}.settings-block input[type=range]{width:100%;accent-color:var(--c-accent);height:3px}.settings-block .val{font-size:.78rem;color:var(--c-text);font-weight:600}.bot-controls{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem}.diff-row{display:flex;gap:.3rem}.diff-btn{flex:1;padding:.28rem .35rem;border-radius:7px;border:1px solid var(--c-border2);background:#12162e99;color:var(--c-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-align:center;white-space:nowrap;transition:all .15s}.diff-btn:hover{background:#8b5cf62e}.diff-btn.active{background:#8b5cf661;border-color:var(--c-accent2);color:#fff;text-shadow:0 0 8px var(--c-accent2)}.purify-timer-display{font-size:1.8rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 0 14px currentColor;letter-spacing:.04em;transition:color .4s}.purify-count-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--c-muted)}.purify-count-row strong{color:var(--c-accent2);font-size:1rem;text-shadow:0 0 8px var(--c-accent2)}.purify-difficulty-select{display:flex;flex-direction:column;gap:.25rem;margin-top:.2rem}.blitz-timer-display{font-size:1.6rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 0 12px currentColor;transition:color .4s;letter-spacing:.04em}.touch-controls{display:flex;gap:.4rem;width:100%;padding:.5rem}.touch-left{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;flex:4}.touch-right{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;flex:2}.control-button{min-height:3.2rem;border-radius:10px;border:1px solid var(--c-border2);background:var(--c-glass);color:var(--c-text);transition:background .08s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.control-button:active{background:#00e5ff2e}.garbage-warning{position:absolute;bottom:0;left:0;right:0;background:#ef444440;border-top:1px solid rgba(239,68,68,.7);padding:.25rem;font-size:.78rem;font-weight:700;color:#fca5a5;text-align:center;animation:combo-pop .2s ease-out;border-radius:0 0 4px 4px;z-index:20}.p2-hint{font-size:.65rem;color:var(--c-muted);text-align:center;margin-top:.25rem}.versus-wrap{display:flex;gap:2rem;align-items:flex-start;justify-content:center}.versus-player{display:flex;flex-direction:column;align-items:center;gap:.25rem}.versus-player-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-bottom:.15rem}.versus-player-label.bot{color:var(--c-danger)}.versus-board-row{display:flex;gap:.5rem;align-items:flex-start}.versus-sidebar{width:68px;display:flex;flex-direction:column;gap:.3rem}.badge-20g{display:inline-block;background:#ef4444;color:#fff;font-size:.55rem;font-weight:900;border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:middle;letter-spacing:.05em}.high-score-line{font-size:.65rem;color:#7dd3fc;opacity:.7}@media(max-width:767px){:root{--board-w: min(100vw, 360px)}.app{flex-direction:column;padding:0;gap:0;min-height:100svh}.site-header,.mode-strip,.play-area,.flank,.game-hud-bottom,.combo-display,.b2b-badge,.settings-block,.bot-controls{display:none!important}.mobile-layout{display:flex;flex-direction:column;height:var(--app-height, 100svh);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;width:100%;background:var(--c-bg)}.mobile-hud{display:flex;align-items:stretch;gap:0;background:var(--c-panel);border-bottom:1px solid var(--c-border2);width:100%;flex-shrink:0;overflow:hidden;max-height:120px;opacity:1;position:relative;z-index:2;transition:max-height .35s ease,opacity .3s ease}.mobile-hud-hold{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem .45rem;border-right:1px solid var(--c-border2);gap:.1rem;min-width:58px}.mobile-hud-center{flex:1;display:flex;align-items:center;justify-content:space-around;padding:.3rem .5rem}.mobile-stat{display:flex;flex-direction:column;align-items:center}.mobile-stat .l{font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);line-height:1}.mobile-stat .v{font-size:1.1rem;font-weight:900;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}.mobile-hud-next{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem .45rem;border-left:1px solid var(--c-border2);gap:.15rem;min-width:58px}.mobile-zone-bar{height:4px;width:100%;background:#141e46cc;flex-shrink:0;position:relative;z-index:2;overflow:hidden;max-height:8px;opacity:1;transition:max-height .3s ease,opacity .25s ease}.mobile-zone-fill{height:100%;background:linear-gradient(90deg,#1e90ff,#00cfff);transition:width .15s}.mobile-zone-fill.zone-ready{background:linear-gradient(90deg,#00cfff,#fff)}.mobile-zone-fill.zone-active{background:linear-gradient(90deg,#84f,#00cfff);animation:zone-active-glow .4s ease-in-out infinite alternate}.mobile-canvas-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--c-bg);overflow:hidden;min-height:30svh}.game-canvas{width:var(--board-w)!important;height:auto}.mobile-canvas-wrap .game-canvas{height:100%;width:auto!important;max-width:100%}.mobile-action-strip{display:flex;gap:.35rem;align-items:center;justify-content:center;padding:.3rem .5rem;background:var(--c-panel);border-top:1px solid var(--c-border2);border-bottom:1px solid var(--c-border);flex-shrink:0}.pt-panel{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:auto;gap:.35rem;padding:.4rem .4rem calc(env(safe-area-inset-bottom,0px) + .4rem);background:var(--c-panel);border-top:1px solid var(--c-border2);flex-shrink:0;overflow-y:auto;scrollbar-width:none;max-height:min(600px,46svh);opacity:1;position:relative;z-index:2;transition:max-height .4s ease,opacity .3s ease}.pt-panel::-webkit-scrollbar{display:none}.mobile-layout.ui-hidden .mobile-hud,.mobile-layout.ui-hidden .mobile-zone-bar,.mobile-layout.ui-hidden .pt-panel{max-height:0;opacity:0}.app.osc-on .mobile-layout.ui-hidden .mobile-canvas-wrap{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.ui-toggle-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;align-items:center;justify-content:center;width:1.5rem;padding:.7rem .2rem;border-radius:8px 0 0 8px;border:1px solid var(--c-border2);border-right:none;background:#080a14e0;color:var(--c-muted);font-size:.62rem;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s,background .2s;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-toggle-tab:active,.ui-toggle-tab:hover{color:var(--c-accent);background:#00e5ff24}.pt-panel .ls-action-btn,.pt-panel .ls-zone-btn{grid-column:1 / -1}.pt-panel .ls-util{grid-column:1 / 3}.pt-panel .ls-util-4{grid-column:1 / -1}.pt-panel .ls-theme{grid-column:1 / -1;display:flex;align-items:center;justify-content:center}.pt-panel .ls-modes{grid-column:1 / -1}.touch-controls{padding:.4rem .4rem calc(env(safe-area-inset-bottom,0px) + .5rem);background:var(--c-panel);flex-shrink:0;gap:.35rem}.touch-left,.touch-right{gap:.35rem}.control-button{min-height:3.6rem;font-size:1.2rem}.mobile-canvas-wrap .overlay{border-radius:0}.fullscreen-mini-hud{position:absolute;top:.4rem;right:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.3rem .25rem;background:#00000061;border-radius:6px 0 0 6px;pointer-events:none;z-index:15}.fmh-label{font-size:.38rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;line-height:1}.fmh-hold,.fmh-next{display:flex;flex-direction:column;align-items:center;gap:.1rem}.fmh-zone-wrap{width:10px;height:70px;background:#ffffff1f;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;margin:.2rem 0;box-shadow:0 0 4px #00e5ff33 inset}.fmh-zone-bar{width:100%;background:var(--c-zone, #00e5ff);transition:height .3s ease;border-radius:3px}.fmh-zone-bar.zone-ready{background:var(--c-zone, #00e5ff);box-shadow:0 0 6px var(--c-zone, #00e5ff)}.fmh-zone-bar.zone-active{background:gold;box-shadow:0 0 8px gold}.mobile-versus-layout{display:flex;flex-direction:column;min-height:var(--app-height, 100svh);width:100%;background:var(--c-bg)}.bot-mini-area{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--c-panel);border-bottom:1px solid rgba(248,113,113,.25);flex-shrink:0}.bot-canvas-wrap{position:relative;border:1px solid rgba(248,113,113,.3);border-radius:3px;overflow:hidden;flex-shrink:0}.bot-canvas{display:block;image-rendering:pixelated;width:65px;height:auto}.bot-info{display:flex;flex-direction:column;gap:.3rem;flex:1}.bot-name{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--c-danger);text-transform:uppercase;text-shadow:0 0 8px var(--c-danger)}.bot-diff-display{font-size:.62rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em}.bot-incoming{font-size:.75rem;font-weight:700;color:#fca5a5;text-shadow:0 0 6px #ef4444;animation:combo-pop .2s ease-out}.bot-diff-row{display:flex;gap:.3rem;flex-wrap:wrap}.bot-diff-btn{padding:.22rem .55rem;border-radius:6px;border:1px solid var(--c-border2);background:#12162eb3;color:var(--c-muted);font-size:.65rem;font-weight:700;letter-spacing:.06em}.bot-diff-btn.active{border-color:var(--c-danger);color:var(--c-danger);background:#ef44441f}.mobile-mode-select{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;background:#090b16fa;border-top:1px solid var(--c-border);justify-content:center}.mobile-mode-select .mode-btn{padding:.4rem .85rem;font-size:.78rem}}@media(min-width:768px)and (min-height:600px){.mobile-layout,.mobile-versus-layout{display:none!important}}.mobile-ls{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;width:100%;height:100svh;overflow:hidden;background:var(--c-bg)}.mobile-ls.ui-hidden{grid-template-columns:0 1fr 0}.mobile-ls.ui-hidden .ls-left,.mobile-ls.ui-hidden .ls-right{display:none}.mobile-ls.ui-hidden .ls-hud,.mobile-ls.ui-hidden .ls-centre>.mobile-zone-bar,.mobile-ls.ui-hidden .ls-centre>div[title="Next infection wave"]{max-height:0;opacity:0;overflow:hidden;padding:0;margin:0;border:0}.app.osc-on .mobile-ls.ui-hidden .ls-canvas-wrap{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.ls-centre{grid-column:2;grid-row:1;display:flex;flex-direction:column;height:100svh;min-height:0;overflow:hidden}.ls-hud{display:flex;align-items:center;justify-content:space-around;flex-wrap:nowrap;gap:.3rem;padding:.2rem .5rem;background:var(--c-panel);border-bottom:1px solid var(--c-border2);flex-shrink:0}.ls-stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0}.ls-stat .l{font-size:.42rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);line-height:1}.ls-stat .v{font-size:.88rem;font-weight:900;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.ls-centre .mobile-zone-bar{flex-shrink:0}.ls-canvas-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;background:var(--c-bg)}.ls-canvas-wrap .game-canvas{height:100%!important;width:auto!important;max-width:100%}.ls-canvas-wrap .overlay{border-radius:0}.ls-left{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:.3rem;padding:.4rem;background:var(--c-panel);border-right:1px solid var(--c-border2);width:5.5rem;justify-content:center}.ls-diff-title{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);text-align:center;margin-bottom:.1rem}.ls-diff-btn{padding:.4rem .2rem;border-radius:8px;border:1px solid var(--c-border2);background:var(--c-glass);color:var(--c-muted);font-family:inherit;font-size:.68rem;font-weight:700;text-align:center;cursor:pointer;touch-action:manipulation}.ls-diff-btn.active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-glow)}.ls-diff-btn:active{background:var(--c-glow)}.ls-right{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:.3rem;padding:.4rem .4rem calc(env(safe-area-inset-right,0px) + .4rem) .4rem;background:var(--c-panel);border-left:1px solid var(--c-border2);width:8rem;overflow-y:auto;scrollbar-width:none}.ls-right::-webkit-scrollbar{display:none}.ls-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .2rem;border-radius:10px;border:1px solid var(--c-border2);background:var(--c-glass);color:var(--c-text);font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.ls-action-btn:active{background:#00e5ff2e}.ls-pause-btn{border-color:#facc1566}.ls-btn-icon{font-size:1.2rem;line-height:1}.ls-btn-label{font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}.ls-zone-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.35rem .3rem;border-radius:10px;border:1px solid rgba(30,144,255,.35);background:#0a122de6;color:var(--c-muted);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s;touch-action:manipulation}.ls-zone-btn:disabled{opacity:.35;cursor:default}.ls-zone-btn.ready{border-color:var(--c-zone);color:var(--c-zone);background:#00cfff14;animation:zone-ready-pulse .8s ease-in-out infinite alternate}.ls-zone-btn.active{border-color:#84f;color:#c4aaff;background:#8844ff1f}.pt-diff-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:.25rem}.pt-diff-label{font-size:.48rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted)}.pt-diff-row{display:flex;gap:.25rem}.pt-diff-row .ls-diff-btn{flex:1}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem calc(env(safe-area-inset-bottom,0px) + .6rem);background:#0e1632f7;border-top:1px solid var(--c-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -2px 16px #00e5ff26}.pwa-install-text{font-size:.8rem;font-weight:600;color:#e0f0ff;flex:1;min-width:0}.pwa-install-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-install-btn{padding:.4rem 1rem;border-radius:8px;border:1px solid var(--c-accent);background:#00e5ff26;color:var(--c-accent);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.pwa-install-btn:active{background:#00e5ff4d}.pwa-dismiss-btn{padding:.35rem .5rem;border-radius:8px;border:1px solid var(--c-border2);background:transparent;color:var(--c-muted);font-family:inherit;font-size:.9rem;cursor:pointer}.pwa-dismiss-btn:active{background:#ffffff14}.ls-util{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.ls-util-3{grid-template-columns:1fr 1fr 1fr}.ls-util-4{grid-template-columns:1fr 1fr 1fr 1fr}.ls-util-btn{display:flex;align-items:center;justify-content:center;padding:.35rem .2rem;border-radius:8px;border:1px solid var(--c-border2);background:var(--c-glass);color:var(--c-muted);font-size:.85rem;font-family:inherit;cursor:pointer;touch-action:manipulation}.ls-util-btn:active,.ls-util-btn.active{background:var(--c-glow);color:var(--c-text)}.ls-theme{display:flex;justify-content:center}.ls-modes{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.ls-mode-btn{padding:.3rem .2rem;border-radius:8px;border:1px solid var(--c-border2);background:var(--c-glass);color:var(--c-muted);font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-align:center;cursor:pointer;touch-action:manipulation}.ls-mode-btn.active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-glow);text-shadow:0 0 8px var(--c-accent)}.ls-mode-btn:active{background:var(--c-glow)}@keyframes combo-pop{0%{transform:scale(1.35);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes b2b-pulse{0%{opacity:.7}to{opacity:1;text-shadow:0 0 18px #ffcc00}}@keyframes zone-ready-pulse{0%{box-shadow:0 0 4px #00cfff}to{box-shadow:0 0 14px #fff}}@keyframes zone-active-glow{0%{box-shadow:0 0 6px #64f}to{box-shadow:0 0 18px #a8f}}@keyframes cd-beat{0%{transform:scale(1.55);opacity:.35}to{transform:scale(1);opacity:1}}@keyframes zone-end-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.zen-clearing{animation:zen-fade .65s ease-in-out}@keyframes zen-fade{0%{opacity:1;filter:brightness(1)}35%{opacity:.1;filter:brightness(1.8)}60%{opacity:0;filter:brightness(1)}to{opacity:1;filter:brightness(1)}}.theme-switcher{display:flex;align-items:center;gap:3px;background:#00000040;border:1px solid var(--c-border);border-radius:999px;padding:2px 6px}.theme-btn{background:none;border:none;font-size:.9rem;line-height:1;padding:4px 5px;border-radius:50%;opacity:.55;transition:opacity .15s,transform .15s,background .15s}.theme-btn:hover{opacity:1;transform:scale(1.18);background:var(--c-glass)}.theme-btn.active{opacity:1;background:var(--c-glass);box-shadow:0 0 0 2px var(--c-accent),0 0 8px var(--c-accent);transform:scale(1.12)}.mobile-mode-select .theme-switcher{justify-content:center;border-radius:var(--radius);background:var(--c-panel);padding:4px 8px;width:100%}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#040510d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:combo-pop .18s ease-out}.about-modal{position:relative;width:100%;max-width:380px;background:var(--c-panel);border:1px solid var(--c-border2);border-radius:16px;padding:1.6rem 1.4rem 1.2rem;box-shadow:0 0 60px var(--c-glow),0 20px 60px #0009;display:flex;flex-direction:column;gap:.85rem;max-height:90svh;overflow-y:auto;scrollbar-width:none}.about-modal::-webkit-scrollbar{display:none}.about-close{position:absolute;top:.75rem;right:.75rem;background:none;border:1px solid var(--c-border2);color:var(--c-muted);border-radius:6px;padding:.2rem .5rem;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}.about-close:hover{color:var(--c-text);border-color:var(--c-accent)}.about-logo{font-size:2.2rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px var(--c-accent),0 0 48px var(--c-accent);line-height:1;text-align:center}.about-logo span{color:var(--c-accent)}.about-logo-i{color:var(--c-accent);text-shadow:0 0 18px var(--c-accent)}.about-tagline{text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);margin-top:-.4rem}.about-dev-card{display:flex;align-items:center;gap:.85rem;background:var(--c-glass);border:1px solid var(--c-border2);border-radius:12px;padding:.75rem 1rem}.about-avatar{font-size:2rem;line-height:1;flex-shrink:0}.about-dev-info{display:flex;flex-direction:column;gap:.1rem}.about-dev-name{font-size:1.05rem;font-weight:900;color:var(--c-text);letter-spacing:.04em}.about-dev-role{font-size:.7rem;font-weight:600;color:var(--c-muted);letter-spacing:.08em}.about-desc{font-size:.8rem;color:var(--c-muted);line-height:1.55;text-align:center}.about-install-box{background:var(--c-glass);border:1px solid var(--c-border2);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.about-install-title{font-size:.85rem;font-weight:800;color:var(--c-text);letter-spacing:.06em}.about-installed{font-size:.82rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.about-ios-steps{padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem;margin:0}.about-ios-steps li{font-size:.8rem;color:var(--c-muted);line-height:1.45}.about-ios-steps li strong{color:var(--c-text)}.about-share-icon{display:inline-block;background:var(--c-glass);border:1px solid var(--c-border2);border-radius:4px;padding:0 4px;font-size:.75rem;vertical-align:middle}.about-install-btn{padding:.55rem 1.2rem;border-radius:10px;border:1px solid var(--c-accent);background:#00e5ff1f;color:var(--c-accent);font-family:inherit;font-size:.88rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s,box-shadow .15s;text-shadow:0 0 8px var(--c-accent);box-shadow:0 0 14px #00e5ff24;align-self:center;width:100%}.about-install-btn:active{background:#00e5ff47}.about-no-prompt{font-size:.78rem;color:var(--c-muted);line-height:1.5}.about-no-prompt strong{color:var(--c-text)}.about-stack{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem;font-size:.68rem;color:var(--c-muted);letter-spacing:.06em}.about-stack-dot{opacity:.4}.about-controls{background:var(--c-glass);border:1px solid var(--c-border2);border-radius:12px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem}.about-controls-title{font-size:.82rem;font-weight:800;color:var(--c-text);letter-spacing:.06em}.about-controls-cols{display:flex;gap:.75rem}.about-controls-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.about-controls-subtitle{font-size:.65rem;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.1rem}.about-controls-table{border-collapse:collapse;width:100%}.about-controls-table td{font-size:.72rem;color:var(--c-muted);padding:.12rem 0;line-height:1.45}.about-controls-table .ctrl-key{font-family:ui-monospace,Cascadia Code,monospace;font-size:.65rem;color:var(--c-text);background:#ffffff0f;border:1px solid var(--c-border2);border-radius:4px;padding:.05rem .5rem .05rem .3rem;white-space:nowrap}@media all and (display-mode:standalone)and (orientation:portrait){.pt-panel{display:none!important}.mobile-canvas-wrap{flex:1 1 auto}}.settings-modal{max-width:360px}.settings-title{font-size:1.2rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 14px var(--c-accent);text-align:center;padding-top:.25rem}.settings-section{display:flex;flex-direction:column;gap:.55rem;background:var(--c-glass);border:1px solid var(--c-border2);border-radius:12px;padding:.75rem .9rem}.settings-section-title{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.1rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.settings-label{font-size:.82rem;font-weight:600;color:var(--c-text);flex-shrink:0}.settings-val{font-size:.76rem;font-weight:700;color:var(--c-accent);margin-left:.3rem}.settings-slider-wrap{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.settings-slider{flex:1;accent-color:var(--c-accent);height:3px;min-width:0}.settings-toggle{padding:.28rem .85rem;border-radius:8px;border:1px solid var(--c-border2);background:#12162eb3;color:var(--c-muted);font-family:inherit;font-size:.75rem;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:all .15s;flex-shrink:0}.settings-toggle.on{border-color:var(--c-accent);color:var(--c-accent);background:#00e5ff1a;text-shadow:0 0 8px var(--c-accent)}.settings-version{text-align:center;font-size:.68rem;font-weight:600;color:var(--c-muted);letter-spacing:.06em;opacity:.6;padding:.6rem 0 .2rem}.settings-version-ultra{font-size:.48rem;vertical-align:super;opacity:.8}.touch-controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.touch-ctrl-card{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.55rem .3rem .45rem;background:#ffffff0a;border:1px solid var(--c-border2);border-radius:10px;text-align:center;transition:border-color .15s}.touch-ctrl-card--accent{border-color:var(--c-accent);background:#00e5ff0f;box-shadow:0 0 10px #00e5ff1a}.touch-ctrl-icon{font-size:1.25rem;line-height:1}.touch-ctrl-action{font-size:.64rem;font-weight:800;color:var(--c-text);letter-spacing:.03em;line-height:1.2}.touch-ctrl-desc{font-size:.58rem;color:var(--c-muted);line-height:1.2}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#05060d;display:flex;align-items:center;justify-content:center;animation:none}.loading-screen.loading-exit{animation:loading-fade-out .42s ease forwards}@keyframes loading-fade-out{to{opacity:0;pointer-events:none}}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.terminal-window{width:min(420px,92vw);background:#0c0d16;border:1px solid rgba(0,229,255,.22);border-radius:10px;overflow:hidden;box-shadow:0 0 40px #00e5ff1a,0 8px 40px #000000b3}.terminal-titlebar{display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;background:#141521;border-bottom:1px solid rgba(255,255,255,.06)}.tb-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.tb-red{background:#ff5f56}.tb-yellow{background:#ffbd2e}.tb-green{background:#27c93f}.tb-title{margin-left:.5rem;font-size:.72rem;color:#c8daff8c;font-family:ui-monospace,monospace;letter-spacing:.03em}.terminal-body{padding:1rem 1.1rem 1.2rem;min-height:120px;font-family:ui-monospace,Courier New,monospace;font-size:.78rem;line-height:1.7;display:flex;flex-direction:column;gap:.15rem}.tl{animation:tl-appear .15s ease both}@keyframes tl-appear{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.tl-cmd{color:#e2e8f0}.tl-cmd:before{content:""}.tl-out{color:#c8daff99}.tl-progress{color:#00e5ff;letter-spacing:.01em}.tl-success{color:#34d399;font-weight:700}.tl-cursor{color:#c8daff66}.loading-app-name{font-family:"Exo 2",system-ui,sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px #00e5ff,0 0 48px #00e5ff;animation:name-pulse 1.8s ease-in-out infinite alternate}.loading-app-name .lname-overflow{color:#00e5ff}.loading-app-name .lname-ultra{font-size:.5em;color:#a78bfa;text-shadow:0 0 12px #a78bfa,0 0 24px #a78bfa;vertical-align:super;margin-left:.05em;text-transform:none;letter-spacing:.04em}@keyframes name-pulse{0%{text-shadow:0 0 24px #00e5ff,0 0 48px #00e5ff}to{text-shadow:0 0 40px #00e5ff,0 0 80px #00e5ff,0 0 120px #00a8ff}}.glitch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.glitch-snippet{position:absolute;font-family:ui-monospace,Courier New,monospace;font-size:.55rem;line-height:1.5;white-space:pre;opacity:0;animation:glitch-drift var(--dur, 4s) var(--delay, 0s) ease-in-out forwards;color:var(--gc, rgba(255,80,80,.55));text-shadow:0 0 6px var(--gc, rgba(255,80,80,.35));filter:blur(.3px)}@keyframes glitch-drift{0%{opacity:0;transform:translateY(0) skew(0)}8%{opacity:.85;transform:translateY(-4px) skew(-1deg)}50%{opacity:.6;transform:translateY(-18px) skew(.5deg)}92%{opacity:.4;transform:translateY(-30px) skew(-.5deg)}to{opacity:0;transform:translateY(-40px)}}.bg-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;isolation:isolate}.bg-visual,.bg-layer,.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.bg-layer{width:100%;height:100%}.bg-visual{transition:filter .32s ease,transform .26s ease;will-change:transform,filter}.bg-overlay{pointer-events:none}.bg-vignette{z-index:12;background:radial-gradient(circle at 50% 52%,#0000,#0000000f 38%,#00000061 78%,#000000b8),linear-gradient(180deg,#00000029,#0000 32%,#0000003d)}.bg-grain{z-index:13;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");background-size:220px 220px;animation:bg-grain-drift 2.3s steps(4) infinite}.bg-scanlines{z-index:14;opacity:0;transition:opacity .2s ease}.bg-scanlines.is-on{opacity:.16;background-image:repeating-linear-gradient(180deg,#0000,#0000 2px,#00000080,#00000080 4px),linear-gradient(90deg,#64ffc80f,#ffffff08,#50b4ff0f);mix-blend-mode:soft-light}.bg-depth-fog{z-index:11;opacity:.22;background:radial-gradient(circle at 50% 20%,#82d2ff38,#163a5c1f 44%,#040c1600 80%);filter:blur(22px)}.bg-heat-haze-layer{z-index:10;opacity:.1;background:repeating-linear-gradient(95deg,#ff782029,#ff782000,#ff00781f 20px),linear-gradient(180deg,#ff50000f,#0000 70%);mix-blend-mode:screen;animation:bg-heat-warp 6s ease-in-out infinite alternate}.bg-center-pull:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffffff12,#fff0 36%,#00000073)}.bg-cat-aggressive .bg-visual{filter:contrast(1.16) saturate(1.3) brightness(.9)}.bg-cat-fluid .bg-visual{filter:saturate(1.08) brightness(.93)}.bg-cat-cosmic .bg-visual{filter:contrast(1.34) saturate(1.14) brightness(.82)}.bg-cat-digital .bg-visual{filter:contrast(1.22) saturate(1.06) brightness(.9)}.bg-depth-soft .bg-visual{filter:saturate(1.06) blur(.3px)}.bg-meme-stripes .bg-scanlines,.bg-scanline-theme .bg-scanlines{opacity:.14}.bg-meme-kaleido .bg-grain{opacity:.055}@keyframes bg-grain-drift{0%{transform:translate(0)}25%{transform:translate(-8px,4px)}50%{transform:translate(6px,-6px)}75%{transform:translate(-4px,-2px)}to{transform:translate(0)}}@keyframes bg-heat-warp{0%{transform:translateY(-1%) scale(1.01) skew(.2deg)}50%{transform:translateY(1%) scale(1.015) skew(-.25deg)}to{transform:translateY(-.6%) scale(1.01) skew(.1deg)}}