@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}:root{--bg:#0b0f14;--surface:#0f1621;--text:#e6edf3;--muted:#e6edf3b3;--border:#e6edf31f;--link:#2563eb}:root[data-theme=light]{--bg:#f9fafb;--surface:#fff;--text:#111;--muted:#111111b3;--border:#1111111f;--link:#2563eb}:root[data-aesthetic=cyberpunk]{--bg:#07020f;--surface:#12091f;--text:#f4f7ff;--muted:#f4f7ffb8;--border:#00f5ff57;--link:#00f5ff}:root[data-theme=light][data-aesthetic=cyberpunk]{--bg:#f7fbff;--surface:#fff;--text:#150520;--muted:#150520b3;--border:#b200ff57;--link:#07f}:root[data-aesthetic=steampunk]{--bg:#1a1008;--surface:#2a1a0f;--text:#f4dfb8;--muted:#f4dfb8b8;--border:#c587366b;--link:#e0a13a}:root[data-theme=light][data-aesthetic=steampunk]{--bg:#ead6ae;--surface:#f7e8c6;--text:#2a170b;--muted:#2a170bad;--border:#7a4e2161;--link:#8b4f17}body{background:var(--bg);color:var(--text)}body:before,body:after{content:none}:root[data-aesthetic=cyberpunk] body{font-family:var(--font-geist-mono), "Courier New", monospace;background:linear-gradient(#00f5ff09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ff2bd609 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 12% 18%,#ff2bd638,#0000 26%),radial-gradient(circle at 86% 8%,#00f5ff2e,#0000 24%),linear-gradient(#090315,#05010a 64%,#0b0312)}:root[data-theme=light][data-aesthetic=cyberpunk] body{background:linear-gradient(#0077ff0e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#b200ff0d 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 12% 18%,#ff2bd629,#0000 26%),radial-gradient(circle at 86% 8%,#0077ff24,#0000 24%),linear-gradient(#fff,#edf7ff 68%,#fff4fb)}:root[data-aesthetic=steampunk] body{background:radial-gradient(circle at 18px 18px,#c587361f 0 2px,#0000 3px) 0 0/72px 72px,radial-gradient(circle at 12% 8%,#e0a13a29,#0000 24%),radial-gradient(circle at 86% 18%,#75411c42,#0000 28%),repeating-linear-gradient(90deg,#e0a13a09 0 1px,#0000 1px 34px) 0 0/34px 34px,linear-gradient(#1a1008,#241509 58%,#120b06);font-family:Georgia,Times New Roman,serif}:root[data-aesthetic=steampunk] body:before,:root[data-aesthetic=steampunk] body:after{content:none}.steampunk-gear-field{display:none}:root[data-aesthetic=steampunk] .steampunk-gear-field{z-index:-2;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.steampunk-gear{left:var(--gear-x);top:var(--gear-y);width:var(--gear-size);height:var(--gear-size);opacity:.18;transform:rotate(var(--gear-rotate));filter:drop-shadow(0 5px 8px #0000002e);position:absolute}:root[data-theme=light][data-aesthetic=steampunk] .steampunk-gear{opacity:.22}.steampunk-pipe,.steampunk-chain{pointer-events:none;display:none;position:absolute}:root[data-aesthetic=steampunk] .steampunk-pipe{opacity:.16;background:linear-gradient(90deg,#f5cf8657,#0000 38%,#00000042),repeating-linear-gradient(#0000 0 48px,#c5873685 48px 54px,#0000 54px 72px),#3a2312;border:2px solid #c587369e;border-radius:999px;display:block;box-shadow:inset 0 5px #f5cf8624,inset 0 -5px #00000047}.steampunk-pipe-a{width:18px;height:120vh;top:-10vh;left:5vw}.steampunk-pipe-b{width:18px;height:118vh;top:-8vh;right:7vw}.steampunk-pipe-c{width:18px;height:124vh;top:-12vh;left:26vw}:root[data-aesthetic=steampunk] .steampunk-chain{opacity:.2;background:radial-gradient(at 9px 12px,#0000 0 7px,#a8a19a 8px 11px,#0000 12px) 0 0/32px 24px repeat-x,radial-gradient(at 25px 12px,#0000 0 7px,#c58736 8px 11px,#0000 12px) 0 0/32px 24px repeat-x;display:block}.steampunk-chain-a{background:radial-gradient(at 12px 11px,#0000 0 7px,#a8a19a 8px 11px,#0000 12px) 0 0/24px 34px repeat-y,radial-gradient(at 12px 27px,#0000 0 7px,#c58736 8px 11px,#0000 12px) 0 0/24px 34px repeat-y;width:24px;height:120vh;top:-8vh;left:14vw;transform:rotate(0)}.steampunk-chain-b{background:radial-gradient(at 12px 11px,#0000 0 7px,#a8a19a 8px 11px,#0000 12px) 0 0/24px 34px repeat-y,radial-gradient(at 12px 27px,#0000 0 7px,#c58736 8px 11px,#0000 12px) 0 0/24px 34px repeat-y;width:24px;height:122vh;top:-10vh;right:18vw;transform:rotate(0)}:root[data-theme=light][data-aesthetic=steampunk] body{background:radial-gradient(circle at 18px 18px,#7a4e211a 0 2px,#0000 3px) 0 0/72px 72px,radial-gradient(circle at 12% 8%,#7a4e2124,#0000 24%),radial-gradient(circle at 88% 14%,#b3752d29,#0000 28%),repeating-linear-gradient(90deg,#7a4e210b 0 1px,#0000 1px 34px) 0 0/34px 34px,linear-gradient(#f2dfb8,#ead6ae 58%,#d9bb84)}.container{max-width:760px;margin:60px auto;padding:0 20px}h1{letter-spacing:-.5px;margin-bottom:16px;font-size:40px;font-weight:700}:root[data-aesthetic=cyberpunk] h1,:root[data-aesthetic=cyberpunk] h2,:root[data-aesthetic=cyberpunk] h3,:root[data-aesthetic=cyberpunk] .dna-heading,:root[data-aesthetic=cyberpunk] .dna-shortcut-pill span,:root[data-aesthetic=cyberpunk] .dna-overlay-scroll h2{color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 16px #00f5ff75}:root[data-theme=light][data-aesthetic=cyberpunk] h1,:root[data-theme=light][data-aesthetic=cyberpunk] h2,:root[data-theme=light][data-aesthetic=cyberpunk] h3,:root[data-theme=light][data-aesthetic=cyberpunk] .dna-heading,:root[data-theme=light][data-aesthetic=cyberpunk] .dna-overlay-scroll h2{color:#150520;text-shadow:0 0 14px #0077ff42}:root[data-aesthetic=steampunk] h1,:root[data-aesthetic=steampunk] h2,:root[data-aesthetic=steampunk] h3,:root[data-aesthetic=steampunk] .dna-heading,:root[data-aesthetic=steampunk] .dna-overlay-scroll h2{letter-spacing:.045em;color:#f5cf86;text-shadow:0 2px #0000006b;font-family:Georgia,Times New Roman,serif}:root[data-theme=light][data-aesthetic=steampunk] h1,:root[data-theme=light][data-aesthetic=steampunk] h2,:root[data-theme=light][data-aesthetic=steampunk] h3,:root[data-theme=light][data-aesthetic=steampunk] .dna-heading,:root[data-theme=light][data-aesthetic=steampunk] .dna-overlay-scroll h2{color:#5a3212;text-shadow:0 1px #fffae8bf}h2{margin-top:48px;margin-bottom:16px;font-size:28px}h3{margin-top:32px;margin-bottom:12px;font-size:22px}p{margin-bottom:20px;font-size:17px;line-height:1.8}ul,ol{margin-bottom:20px;padding-left:22px}li{margin-bottom:8px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.navbar a{color:var(--text)}article{margin-top:30px}article img{border:1px solid var(--border);border-radius:8px;width:100%;height:auto;margin:30px 0}article table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;margin:30px 0;overflow:hidden}article th,article td{border-bottom:1px solid var(--border);text-align:left;padding:10px}article th{background:#ffffff0a}:root[data-theme=light] article th{background:#0000000a}.navbar{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:18px auto 0;padding:12px 20px;transition:transform .22s,opacity .22s;display:flex;position:sticky;top:0}:root[data-aesthetic=cyberpunk] .navbar{border:1px solid var(--border);background:#0a0216c7;position:sticky;box-shadow:0 0 26px #00f5ff24,inset 0 -2px #ff2bd680}:root[data-aesthetic=cyberpunk] .navbar:before{content:"";z-index:-1;border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));pointer-events:none;background:#0a0216c7;position:absolute;inset:-1px}:root[data-theme=light][data-aesthetic=cyberpunk] .navbar,:root[data-theme=light][data-aesthetic=cyberpunk] .navbar:before{background:#ffffffd1;box-shadow:0 0 26px #0077ff24,inset 0 -2px #ff2bd66b}:root[data-aesthetic=steampunk] .navbar{background:linear-gradient(#120b06,#120b06) padding-box padding-box,linear-gradient(#f2d38a,#8f4a16 32%,#2b1709 52%,#c58736 74%,#f2d38a) border-box,radial-gradient(circle at 28px,#d5b16261 0 3px,#0000 4px),radial-gradient(circle at calc(100% - 28px),#b76b2b61 0 3px,#0000 4px),repeating-linear-gradient(90deg,#0000 0 18px,#5f361738 18px 20px),linear-gradient(90deg,#e0a13a26,#0000 18% 82%,#e0a13a26),#2a1a0fe6;border:3px solid #0000;border-radius:2px;max-width:920px;box-shadow:inset 0 0 0 4px #190e07eb,inset 0 0 0 7px #c5873652,inset 0 0 0 1px #ffe8b51f,inset 0 -4px #552f138c,0 12px 26px #00000047}:root[data-aesthetic=steampunk] .navbar:before,:root[data-aesthetic=steampunk] .navbar:after{content:"";background:#c58736;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 2px #3c210c8c,0 0 0 5px #d5b1622e}:root[data-aesthetic=steampunk] .navbar:before{left:14px}:root[data-aesthetic=steampunk] .navbar:after{right:14px}:root[data-theme=light][data-aesthetic=steampunk] .navbar{background:linear-gradient(#f7e8c6,#f7e8c6) padding-box padding-box,linear-gradient(#f2d38a,#8f4a16 32%,#5a3212 52%,#c58736 74%,#f2d38a) border-box,linear-gradient(90deg,#7a4e211f,#0000 18% 82%,#7a4e211f),#f7e8c6e6}.navbar.is-hidden{opacity:0;transform:translateY(-140%)}.navbar.is-visible{opacity:1;transform:translateY(0)}.navlinks{z-index:1;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:relative}.header-actions{z-index:2;align-items:center;gap:8px;display:flex;position:relative}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:14px}.button:hover{filter:brightness(1.08)}.theme-menu{position:relative}.theme-menu-button{min-width:76px}.theme-menu-list{z-index:80;border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:150px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000047}.theme-menu-option{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;display:flex}.theme-menu-option:hover,.theme-menu-option[aria-checked=true]{background:color-mix(in srgb, var(--link) 16%, transparent)}.theme-menu-check{width:16px;color:var(--link);font-weight:800}:root[data-aesthetic=cyberpunk] .button,:root[data-aesthetic=cyberpunk] .theme-menu-list,:root[data-aesthetic=cyberpunk] .skill-tile,:root[data-aesthetic=cyberpunk] .project-tile,:root[data-aesthetic=cyberpunk] article table{border-color:var(--border);background:#12091fdb;box-shadow:0 0 18px #00f5ff1a,inset 0 0 0 1px #ff2bd614}:root[data-aesthetic=cyberpunk] .button,:root[data-aesthetic=cyberpunk] .theme-menu-option,:root[data-aesthetic=cyberpunk] .skill-tile,:root[data-aesthetic=cyberpunk] .project-tile h2{font-family:var(--font-geist-mono), "Courier New", monospace;text-transform:uppercase;letter-spacing:.06em}:root[data-aesthetic=cyberpunk] .button{color:#00f5ff;text-shadow:0 0 12px #00f5ff7a;border-radius:4px}:root[data-aesthetic=cyberpunk] .theme-menu-list,:root[data-aesthetic=cyberpunk] .theme-menu-option,:root[data-aesthetic=cyberpunk] .skill-tile,:root[data-aesthetic=cyberpunk] .project-tile{border-radius:4px}:root[data-aesthetic=cyberpunk] .project-tile{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 0 24px #00f5ff24,inset 0 -3px #ff2bd675}:root[data-aesthetic=cyberpunk] .project-image{background:linear-gradient(135deg, #00f5ff29, transparent 42%), linear-gradient(315deg, #ff2bd629, transparent 46%), var(--surface)}:root[data-aesthetic=cyberpunk] .project-tile h2{color:#00f5ff;text-shadow:0 0 12px #00f5ff6b;border-top:1px solid #ff2bd657}:root[data-theme=light][data-aesthetic=cyberpunk] .button,:root[data-theme=light][data-aesthetic=cyberpunk] .theme-menu-list,:root[data-theme=light][data-aesthetic=cyberpunk] .skill-tile,:root[data-theme=light][data-aesthetic=cyberpunk] .project-tile,:root[data-theme=light][data-aesthetic=cyberpunk] article table{background:#ffffffe0;box-shadow:0 0 18px #0077ff1f,inset 0 0 0 1px #ff2bd614}:root[data-theme=light][data-aesthetic=cyberpunk] .button,:root[data-theme=light][data-aesthetic=cyberpunk] .project-tile h2{color:#07f;text-shadow:0 0 10px #0077ff3d}:root[data-aesthetic=cyberpunk] .theme-menu-option:hover,:root[data-aesthetic=cyberpunk] .theme-menu-option[aria-checked=true]{background:#ff2bd629}:root[data-aesthetic=steampunk] .button,:root[data-aesthetic=steampunk] .theme-menu-list,:root[data-aesthetic=steampunk] .skill-tile,:root[data-aesthetic=steampunk] .project-tile,:root[data-aesthetic=steampunk] article table,:root[data-aesthetic=steampunk] .dna-overlay-inner{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(180deg, #f2d38a, #8f4a16 36%, #2b1709 54%, #c58736 78%, #f2d38a) border-box, radial-gradient(circle at 14px 14px, #d6b16242 0 2px, transparent 3px), radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), #b76b2b3d 0 2px, transparent 3px), repeating-linear-gradient(135deg, #8b4c1e0f 0 2px, transparent 2px 18px), linear-gradient(135deg, #ffebb814, transparent 36%), var(--surface);border:2px solid #0000;border-radius:0;box-shadow:inset 0 0 0 1px #ffe8b51a,inset 0 -5px #46261047,0 10px 24px #0003}:root[data-theme=light][data-aesthetic=steampunk] .button,:root[data-theme=light][data-aesthetic=steampunk] .theme-menu-list,:root[data-theme=light][data-aesthetic=steampunk] .skill-tile,:root[data-theme=light][data-aesthetic=steampunk] .project-tile,:root[data-theme=light][data-aesthetic=steampunk] article table,:root[data-theme=light][data-aesthetic=steampunk] .dna-overlay-inner{background:linear-gradient(135deg, #7a4e2114, transparent 36%), var(--surface)}:root[data-aesthetic=steampunk] .button,:root[data-aesthetic=steampunk] .theme-menu-option,:root[data-aesthetic=steampunk] .skill-tile,:root[data-aesthetic=steampunk] .project-tile h2{letter-spacing:.035em;font-family:Georgia,Times New Roman,serif}:root[data-aesthetic=steampunk] .button{color:var(--text);box-shadow:inset 0 0 0 1px #ffe8b51f,inset 0 3px #e7c57d29,inset 0 -3px #0003}:root[data-aesthetic=steampunk] .theme-menu-option:hover,:root[data-aesthetic=steampunk] .theme-menu-option[aria-checked=true]{background:#c587362e}:root[data-aesthetic=steampunk] .theme-menu-check{color:#c58736}:root[data-aesthetic=steampunk] .skill-icon{background:conic-gradient(from 0deg, #c58736 0 12deg, #6f3f1b 12deg 24deg, #d5b162 24deg 36deg, #8a5a26 36deg 48deg, #c58736 48deg 60deg), radial-gradient(circle, #f5cf862e, #2a1a0f59);border:1px solid #c5873680;border-radius:50%;box-shadow:inset 0 0 0 4px #2a1a0f8c,0 0 0 1px #d5b1622e}:root[data-theme=light][data-aesthetic=steampunk] .skill-icon{background:conic-gradient(from 0deg, #c58736 0 12deg, #8a5a26 12deg 24deg, #d5b162 24deg 36deg, #b76b2b 36deg 48deg, #c58736 48deg 60deg), radial-gradient(circle, #fffae8d1, #c5873638)}:root[data-aesthetic=steampunk] .project-tile{position:relative;overflow:hidden}:root[data-aesthetic=steampunk] .project-tile:before,:root[data-aesthetic=steampunk] .project-tile:after{content:"";z-index:2;background:#c58736;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 2px #3c210c75}:root[data-aesthetic=steampunk] .project-tile:before{top:9px;left:9px}:root[data-aesthetic=steampunk] .project-tile:after{bottom:9px;right:9px}:root[data-aesthetic=steampunk] .project-tile:hover{border-color:#d5b162;box-shadow:inset 0 0 0 1px #ffe8b52e,0 16px 32px #00000042}:root[data-aesthetic=steampunk] .project-image{background:radial-gradient(circle at 20% 20%, #c0c0c024, transparent 18%), repeating-linear-gradient(45deg, #c5873614 0 2px, transparent 2px 12px), var(--surface)}:root[data-aesthetic=steampunk] .project-tile h2{border-top:2px solid var(--border);color:#f5cf86}:root[data-theme=light][data-aesthetic=steampunk] .project-tile h2{color:#5a3212}:root[data-aesthetic=steampunk] article th{background:#c5873629}:root[data-aesthetic=steampunk] .dna-backbone-path,:root[data-aesthetic=steampunk] .dna-rung-line{stroke:#c58736;filter:drop-shadow(0 0 3px #d5b1623d)}:root[data-aesthetic=steampunk] .dna-segment-hit,:root[data-aesthetic=steampunk] .dna-highlight-rung{filter:sepia(.45)saturate(1.25)}:root[data-aesthetic=steampunk] .dna-heading span:after{background:linear-gradient(90deg,#0000,#c58736,#0000);height:2px}:root[data-aesthetic=steampunk] .dna-shortcut-pill{color:#1a1008;background:radial-gradient(circle at 30% 25%,#ffe8b552,#0000 30%),#c58736;border:2px solid #543014b8;border-radius:999px;box-shadow:inset 0 -5px #54301452,0 14px 34px #0000003d}:root[data-aesthetic=steampunk] .dna-overlay-card{clip-path:inset(0 50% 100%);border-radius:0}:root[data-aesthetic=steampunk] .dna-overlay-inner:before{content:"";pointer-events:none;border:1px dashed #c5873657;position:absolute;inset:12px}:root[data-aesthetic=steampunk] .dna-close{border:2px solid var(--border);color:#f5cf86;background:#3a2312;border-radius:50%}:root[data-theme=light][data-aesthetic=steampunk] .dna-close{color:#5a3212;background:#f7e8c6}:root[data-aesthetic=steampunk] article,:root[data-aesthetic=steampunk] .skills-section,:root[data-aesthetic=steampunk] .projects-grid{position:relative}:root[data-aesthetic=steampunk] article:before,:root[data-aesthetic=steampunk] .skills-section:before,:root[data-aesthetic=steampunk] .projects-grid:before{content:"";pointer-events:none;opacity:.42;background:radial-gradient(circle,#c58736 0 3px,#0000 4px) 0 0/22px 6px repeat-x;height:6px;position:absolute;top:-10px;left:-14px;right:-14px}:root[data-aesthetic=steampunk] a{text-underline-offset:4px;text-decoration-color:#c5873680}.steam-machine-page{padding:72px 20px 140px;position:relative;overflow:hidden}.steam-title-plaque{z-index:3;text-align:center;background:linear-gradient(#120b06,#120b06) padding-box padding-box,linear-gradient(#f2d38a,#8f4a16 32%,#2b1709 52%,#c58736 74%,#f2d38a) border-box;border:3px solid #0000;width:min(620px,100vw - 36px);margin:0 auto 38px;padding:18px 28px;position:relative;box-shadow:inset 0 0 0 5px #190e07eb,inset 0 0 0 8px #c5873638,0 18px 48px #00000047}.steam-title-plaque span{color:#f5cf86;letter-spacing:.04em;text-shadow:0 3px #0000008f;font-size:clamp(2rem,7vw,4.5rem);font-weight:800;line-height:1;display:block}.steam-boiler{z-index:0;background:linear-gradient(90deg,#f5cf862e,#0000 46%,#0000003d),#3a2312;border:2px solid #c5873694;border-radius:66px 66px 22px 22px;width:132px;height:230px;position:absolute;top:220px;right:max(22px,50% - 520px)}.steam-boiler:before{content:"BOILER";color:#d5b162;letter-spacing:.18em;font-size:.76rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.steam-boiler-gauge{background:#fff;border:6px solid #8f4a16;border-radius:50%;width:58px;height:58px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.steam-main-pipe{z-index:0;background:linear-gradient(#0000 0 8%,#ffffffb8 9%,#0000 16%) 0 0/100% 420px,linear-gradient(90deg,#f5cf8642,#0000 50%,#00000047),#3a2312;border:2px solid #c5873699;border-radius:999px;width:18px;animation:7.5s linear infinite steam-main-flow;position:absolute;top:250px;bottom:136px;left:50%;transform:translate(-50%)}@keyframes steam-main-flow{to{background-position:0 420px,0 0,0 0}}.steam-stations{z-index:1;gap:18px;width:min(980px,100%);margin:0 auto;display:grid;position:relative}.steam-station{min-height:340px;position:relative}.steam-wall-panel{z-index:-1;background:radial-gradient(circle at 16px 16px,#c5873659 0 3px,#0000 4px),radial-gradient(circle at calc(100% - 16px) 16px,#c5873659 0 3px,#0000 4px),radial-gradient(circle at 16px calc(100% - 16px),#c5873659 0 3px,#0000 4px),radial-gradient(circle at calc(100% - 16px) calc(100% - 16px),#c5873659 0 3px,#0000 4px),repeating-linear-gradient(90deg,#c587360b 0 1px,#0000 1px 42px),#2a1a0f2e;border:2px solid #c587363d;position:absolute;inset:34px 7%;box-shadow:inset 0 0 28px #00000038}.steam-station-left .steam-gear-assembly{margin-left:clamp(10px,8vw,120px)}.steam-station-right .steam-gear-assembly{margin-left:auto;margin-right:clamp(10px,8vw,120px)}.steam-gear-assembly{width:min(560px,100%);height:348px;position:relative}.steam-station-pipe{z-index:0;background:linear-gradient(90deg,#0000 0 8%,#ffffffc7 9%,#0000 18%) 0 0/260px 100%,linear-gradient(#f5cf8647,#0000 50%,#00000052),#3a2312;border:2px solid #c5873694;border-radius:999px;width:42%;height:16px;animation:5.8s linear infinite steam-branch-flow;position:absolute;top:46%;left:50%}@keyframes steam-branch-flow{to{background-position:260px 0,0 0,0 0}}.steam-station-pipe:before,.steam-station-pipe:after{content:"";background:#2a1a0f;border:2px solid #c5873699;width:12px;height:30px;position:absolute;top:-9px}.steam-station-pipe:before{left:18%}.steam-station-pipe:after{right:18%}.steam-pipe-leak{z-index:4;opacity:0;background:#f5e6cd7a;border-radius:50%;width:8px;height:8px;animation:6.4s ease-out infinite steam-leak;position:absolute}.steam-pipe-leak-a{top:42%;left:56%}.steam-pipe-leak-b{animation-delay:2.2s;top:58%;left:38%}@keyframes steam-leak{0%,62%,to{opacity:0;transform:translateY(0)scale(.45)}72%{opacity:.58}to{transform:translateY(-38px)scale(2.2)}}.steam-station-left .steam-station-pipe{transform-origin:0;transform:rotate(-5deg)}.steam-station-right .steam-station-pipe{transform-origin:100%;left:auto;right:50%;transform:rotate(5deg)}.steam-station-valve{z-index:2;background:#2a1a0f;border:5px solid #8f4a16;border-radius:50%;width:54px;height:54px;position:absolute;top:calc(46% - 22px);left:50%;transform:translate(-50%)}.steam-station-valve:before,.steam-station-valve:after{content:"";background:#c58736;width:70px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.steam-station-valve:after{transform:translate(-50%,-50%)rotate(90deg)}.steam-valve-wheel{z-index:3;background:linear-gradient(90deg,#0000 44%,#c58736 44% 56%,#0000 56%),linear-gradient(#0000 44%,#c58736 44% 56%,#0000 56%),#2a1a0f;border:4px solid #c58736;border-radius:50%;width:42px;height:42px;animation:9s ease-in-out infinite steam-valve-twitch;position:absolute;top:calc(46% - 18px);left:calc(50% + 62px)}@keyframes steam-valve-twitch{0%,80%,to{transform:rotate(0)}86%{transform:rotate(22deg)}92%{transform:rotate(-8deg)}}.steam-station-chain{z-index:1;opacity:.62;background:radial-gradient(at 11px 12px,#0000 0 7px,#a8a19a 8px 11px,#0000 12px) 0 0/38px 24px repeat-x,radial-gradient(at 30px 12px,#0000 0 7px,#c58736 8px 11px,#0000 12px) 0 0/38px 24px repeat-x;width:38%;height:24px;position:absolute;top:61%;left:50%;transform:rotate(-9deg)}.steam-station-right .steam-station-chain{left:auto;right:50%;transform:rotate(9deg)}.steam-station-dial{z-index:3;background:radial-gradient(circle,#fff 0 46%,#c58736 47% 54%,#2a1a0f 55%);border:8px solid #8f4a16;border-radius:50%;width:88px;height:88px;position:absolute;top:calc(46% + 36px);left:calc(50% - 44px)}.steam-station-dial:after{content:"";transform-origin:bottom;background:#f5cf86;width:3px;height:30px;animation:3.8s ease-in-out infinite steam-dial-tick;position:absolute;top:50%;left:50%}.steam-station-label{z-index:3;color:#f5cf86;letter-spacing:.16em;background:#120b06e0;border:1px solid #c58736b8;padding:4px 8px;font-size:.68rem;position:absolute}.steam-station-label-pressure{top:calc(46% + 138px);left:calc(50% - 118px)}.steam-station-label-flow{top:calc(46% - 68px);left:calc(50% + 84px)}.steam-bulb{z-index:3;background:#f5cf86;border:2px solid #8f4a16;border-radius:50%;width:18px;height:18px;animation:4.7s ease-in-out infinite steam-bulb-flicker;position:absolute;box-shadow:0 0 18px #f5cf8680}.steam-bulb-a{top:calc(46% - 92px);left:calc(50% - 178px)}.steam-bulb-b{animation-delay:1.4s;top:calc(46% + 116px);left:calc(50% + 166px)}@keyframes steam-bulb-flicker{0%,to{opacity:.8}45%{opacity:1;box-shadow:0 0 26px #f5cf86b8}52%{opacity:.5}}.steam-belt{z-index:0;pointer-events:none;border:10px solid #3a2312c2;border-radius:50%;position:absolute}.steam-belt-a{width:308px;height:188px;top:80px;left:84px;transform:rotate(-12deg)}.steam-belt-b{width:290px;height:180px;top:142px;left:158px;transform:rotate(15deg)}@keyframes steam-dial-tick{0%,to{transform:translate(-50%,-100%)rotate(24deg)}50%{transform:translate(-50%,-100%)rotate(38deg)}}.steam-gear-node{left:var(--gear-x);top:var(--gear-y);z-index:1;width:var(--gear-size);height:var(--gear-size);margin-left:calc(var(--gear-size) / -2);margin-top:calc(var(--gear-size) / -2);isolation:isolate;position:absolute}.steam-gear-node-hot{z-index:8}.steam-machine-gear{width:100%;height:100%;animation:steam-gear-spin var(--gear-duration) linear infinite;transform-origin:50%;filter:drop-shadow(0 8px 14px #00000042)}.steam-gear-node-hot .steam-machine-gear{filter:drop-shadow(0 0 12px #f5cf8680)drop-shadow(0 8px 14px #00000042)}.steam-gear-node-hot:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#1a1008b8 0 58%,#0000 70%);border-radius:50%;position:absolute;inset:-14px}@keyframes steam-gear-spin{to{transform:rotate(var(--gear-spin))}}.steam-gear-sign{z-index:10;color:#f5cf86;width:184px;font:inherit;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#120b06,#120b06) padding-box padding-box,linear-gradient(#f2d38a,#8f4a16 38%,#2b1709 55%,#c58736) border-box;border:2px solid #0000;padding:10px 16px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 4px #c587362e,0 0 22px #f5cf8642}.steam-bottom-whistle{z-index:2;background:linear-gradient(90deg,#f5cf8638,#0000 45%,#00000047),#8f4a16;border:2px solid #c58736;border-radius:18px 18px 10px 10px;width:104px;height:126px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.steam-bottom-whistle:before{content:"";border-bottom:32px solid #c58736;border-left:36px solid #0000;border-right:36px solid #0000;position:absolute;top:-28px;left:16px;right:16px}.steam-bottom-whistle:after{box-shadow:0 0 0 14px #f5e6cd29}.steam-bottom-whistle span,.steam-bottom-whistle:after{content:"";opacity:0;background:#f5e6cd80;border-radius:50%;width:34px;height:34px;animation:7.5s ease-out infinite steam-whistle-blow;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.steam-bottom-whistle:after{animation-delay:.35s}@keyframes steam-whistle-blow{0%,78%,to{opacity:0;transform:translate(-50%,8px)scale(.5)}84%{opacity:.7}to{transform:translate(-50%,-72px)scale(2.4)}}.steam-panel-backdrop{z-index:90;background:#0000006b;border:0;position:fixed;inset:0}.steam-info-panel{z-index:100;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(180deg, #f2d38a, #8f4a16 34%, #2b1709 54%, #c58736 78%, #f2d38a) border-box;border:3px solid #0000;width:min(720px,100vw - 32px);max-height:min(680px,100vh - 84px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 7px #190e07b3,0 24px 70px #00000073}.steam-info-panel-scroll{max-height:min(680px,100vh - 84px);padding:36px 38px;overflow-y:auto}.steam-panel-close{z-index:2;color:#f5cf86;cursor:pointer;background:#120b06;border:2px solid #c58736;border-radius:50%;width:38px;height:38px;position:absolute;top:14px;right:14px}@media (max-width:700px){.steam-machine-page{padding-inline:12px}.steam-title-plaque{margin-bottom:18px;padding:14px 18px}.steam-boiler{display:none}.steam-main-pipe{opacity:.55}.steam-stations{gap:18px}.steam-station{min-height:390px}.steam-station-left .steam-gear-assembly,.steam-station-right .steam-gear-assembly{margin-inline:auto}.steam-gear-assembly{height:360px}.steam-station-pipe,.steam-station-chain{width:44%}.steam-station-dial{border-width:6px;width:68px;height:68px;top:calc(46% + 62px);left:calc(50% - 34px)}.steam-valve-wheel,.steam-bulb,.steam-station-label{display:none}.steam-belt{opacity:.72;border-width:7px}.steam-belt-a{width:250px;height:160px;left:64px}.steam-belt-b{width:232px;height:150px;left:122px}.steam-bottom-whistle{width:78px;height:96px}.steam-gear-sign{width:min(168px,100vw - 44px);padding:8px 10px;font-size:.82rem}}.skills-section{margin:24px 0 32px;padding-top:8px}.skills-section h2{margin-top:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.skill-tile{border:1px solid var(--border);background:var(--surface);min-height:54px;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.skill-icon{background:color-mix(in srgb, var(--surface) 80%, var(--text) 8%);border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden}.skill-icon img{object-fit:contain;width:26px;height:26px;display:block}.projects-container{max-width:1040px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-tile{border:1px solid var(--border);background:var(--surface);height:320px;color:var(--text);border-radius:8px;flex-direction:column;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.project-tile:hover{border-color:color-mix(in srgb, var(--link) 42%, var(--border));text-decoration:none;transform:translateY(-2px)}.project-image{background:color-mix(in srgb, var(--surface) 78%, var(--text) 8%);flex:4 80%;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-tile h2{text-align:center;flex:20%;justify-content:center;align-items:center;min-height:0;margin:0;padding:14px 16px;font-size:1.05rem;line-height:1.25;display:flex}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.projects-grid{grid-template-columns:1fr}.project-tile{height:300px}}.cyber-city-page{background:linear-gradient(#00f5ff09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ff2bd609 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#0000,#00000057);min-height:100vh;position:relative;overflow-x:hidden}.cyber-orb{z-index:1;aspect-ratio:1;cursor:pointer;background:#dbeafe;border:0;border-radius:50%;width:clamp(72px,10vw,132px);padding:0;position:absolute;top:92px;right:clamp(24px,8vw,110px);overflow:hidden;transform:translate(0,0);box-shadow:0 0 36px #bedcff57,0 0 90px #00f5ff24}.cyber-orb img{object-fit:contain;opacity:0;filter:drop-shadow(0 0 10px #00f5ff57);width:72%;height:72%;transition:opacity .32s;position:absolute;inset:14%}.cyber-orb-revealed .cyber-orb-moon-icon{opacity:1}.cyber-orb-sun-icon{display:none}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-orb{background:#ef2f2f;box-shadow:0 0 40px #ff4d3d57,0 0 100px #ff2bd629}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-orb-moon-icon{display:none}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-orb-sun-icon{display:block}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-orb-revealed .cyber-orb-sun-icon{opacity:1}.cyber-city-route{z-index:1;width:min(1120px,100%);margin:0 auto;padding:48px 20px 80px;position:relative}.cyber-city-building-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cyber-city-tower{left:var(--tower-left);top:var(--tower-top);width:var(--tower-width);height:var(--tower-height);background:repeating-linear-gradient(90deg,#ffffff0e 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#00f5ff0f 18px 20px,#0000 20px 42px),#161b24;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff09}.cyber-city-tower-foreground{z-index:2;opacity:.96}.cyber-city-tower-background{z-index:1}.cyber-city-tower:before,.cyber-city-tower:after{content:"";background:inherit;display:block;position:absolute}.cyber-city-tower:before{height:32px;top:-32px;left:18%;right:18%}.cyber-city-tower:after{background:#00f5ff47;width:2px;height:44px;top:-76px;left:50%;box-shadow:0 0 10px #00f5ff57}.cyber-city-tower:nth-child(3n):after,.cyber-city-tower:nth-child(4n):before{display:none}.cyber-city-tower:nth-child(6n):before{height:46px;top:-46px;left:0;right:42%}.cyber-city-tower:nth-child(8n):before{height:58px;top:-58px;left:28%;right:0}.cyber-city-tower:nth-child(9n){clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.cyber-city-tower:nth-child(11n){clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px)}.cyber-city-tower-back{background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 20px),repeating-linear-gradient(#0000 0 20px,#ff2bd60e 20px 22px,#0000 22px 46px),#161b24}.cyber-city-tower-mid{background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#b64cff0f 18px 20px,#0000 20px 44px),#251b2b}.cyber-city-tower-front{background:repeating-linear-gradient(90deg,#ffffff0f 0 2px,#0000 2px 16px),repeating-linear-gradient(#0000 0 16px,#00f5ff12 16px 18px,#0000 18px 40px),#1b2633}.cyber-city-tower:nth-child(4n){background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#ff2bd60f 18px 20px,#0000 20px 44px),#251b2b}.cyber-city-tower:nth-child(5n){background:repeating-linear-gradient(90deg,#ffffff0c 0 2px,#0000 2px 22px),repeating-linear-gradient(#0000 0 22px,#35ff8f0b 22px 24px,#0000 24px 50px),#1d2130}.cyber-city-tower:nth-child(7n){background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#ff2bd60f 18px 20px,#0000 20px 44px),#251b2b}.cyber-city-skyline{z-index:0;pointer-events:none;opacity:.45;height:62vh;position:fixed;inset:auto 0 0}.cyber-city-skyline span{background:#8084922e;width:6vw;min-width:42px;position:absolute;bottom:0}.cyber-city-skyline span:first-child{height:32%;left:0}.cyber-city-skyline span:nth-child(2){height:46%;left:5%}.cyber-city-skyline span:nth-child(3){height:28%;left:10%}.cyber-city-skyline span:nth-child(4){height:56%;left:16%}.cyber-city-skyline span:nth-child(5){height:38%;left:22%}.cyber-city-skyline span:nth-child(6){height:68%;left:28%}.cyber-city-skyline span:nth-child(7){height:42%;left:34%}.cyber-city-skyline span:nth-child(8){height:58%;left:40%}.cyber-city-skyline span:nth-child(9){height:36%;left:46%}.cyber-city-skyline span:nth-child(10){height:72%;left:52%}.cyber-city-skyline span:nth-child(11){height:44%;left:58%}.cyber-city-skyline span:nth-child(12){height:62%;left:64%}.cyber-city-skyline span:nth-child(13){height:34%;left:70%}.cyber-city-skyline span:nth-child(14){height:52%;left:76%}.cyber-city-skyline span:nth-child(15){height:40%;left:82%}.cyber-city-skyline span:nth-child(16){height:64%;left:88%}.cyber-city-skyline span:nth-child(17){height:30%;left:94%}.cyber-city-skyline span:nth-child(n+18){display:none}.cyber-city-block{z-index:2;align-items:flex-end;min-height:410px;padding-bottom:0;display:flex;position:relative}.cyber-city-block-left{justify-content:flex-start}.cyber-city-block-right{justify-content:flex-end}.cyber-feature-building{z-index:2;cursor:pointer;width:min(290px,66vw);height:360px;font:inherit;background:0 0;border:0;justify-content:center;align-items:flex-start;margin-left:clamp(20px,14vw,220px);padding:0;display:flex;position:relative}.cyber-feature-building:before,.cyber-feature-building:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#00f5ff0e 18px 20px,#0000 20px 44px),#161b24;width:58%;height:58%;display:block;position:absolute;bottom:0;box-shadow:inset 0 0 0 1px #ffffff09}.cyber-feature-building:before{height:46%;bottom:-34px;left:-16%}.cyber-feature-building:after{background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#ff2bd60e 18px 20px,#0000 20px 44px),#251b2b;height:38%;bottom:-28px;right:-14%}.cyber-city-block-right .cyber-feature-building{margin-left:0;margin-right:clamp(20px,14vw,220px)}.cyber-feature-tower{background:repeating-linear-gradient(90deg, #ffffff0e 0 2px, transparent 2px 18px), repeating-linear-gradient(180deg, transparent 0 18px, color-mix(in srgb, var(--sign-color) 14%, transparent) 18px 20px, transparent 20px 44px), color-mix(in srgb, #1b2633 72%, var(--sign-color) 28%);box-shadow:0 0 34px color-mix(in srgb, var(--sign-color) 32%, transparent), inset 0 0 0 1px #ffffff0b;transition:filter .18s,box-shadow .18s;position:absolute;inset:112px 0 0}.cyber-feature-tower:before,.cyber-feature-tower:after{content:"";background:inherit;display:block;position:absolute}.cyber-feature-tower:before{height:34px;top:-34px;left:18%;right:18%}.cyber-feature-tower:after{background:color-mix(in srgb, var(--sign-color) 58%, transparent);width:2px;height:44px;box-shadow:0 0 12px var(--sign-color);top:-78px;left:50%}.cyber-sign-mount{border-left:8px solid color-mix(in srgb, var(--sign-color) 76%, #1f2937 24%);border-right:8px solid color-mix(in srgb, var(--sign-color) 76%, #1f2937 24%);border-bottom:6px solid color-mix(in srgb, var(--sign-color) 76%, #1f2937 24%);opacity:.9;height:30px;position:absolute;top:96px;left:12%;right:12%}.cyber-led-sign{z-index:10;border:2px solid var(--sign-color);background:linear-gradient(90deg, transparent 0 9px, color-mix(in srgb, var(--sign-color) 72%, transparent) 9px 13px, transparent 13px calc(100% - 13px), color-mix(in srgb, var(--sign-color) 72%, transparent) calc(100% - 13px) calc(100% - 9px), transparent calc(100% - 9px)), repeating-linear-gradient(180deg, #ffffff14 0 1px, transparent 1px 5px), #030306;color:#fff;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);width:min(330px,100vw - 64px);max-width:calc(100vw - 64px);min-height:76px;font:inherit;letter-spacing:.02em;box-shadow:0 0 24px color-mix(in srgb, var(--sign-color) 64%, transparent), inset 0 0 0 8px #00000094, inset 0 0 14px #ffffff14;text-shadow:0 0 14px color-mix(in srgb, var(--sign-color) 58%, transparent);justify-content:center;align-items:center;margin-top:24px;padding:12px 24px;font-size:clamp(1.35rem,4.4vw,2rem);font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative}.cyber-led-sign:before,.cyber-led-sign:after{content:"";background:var(--sign-color);height:2px;box-shadow:0 0 14px var(--sign-color);position:absolute;left:18px;right:18px}.cyber-led-sign:before{top:8px}.cyber-led-sign:after{bottom:8px}.cyber-highway-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cyber-highway{left:-10%;top:var(--highway-top);width:120%;height:150px;position:absolute;transform:rotate(-5deg)}.cyber-highway-front,.cyber-highway-back{z-index:5}.cyber-highway-left{transform:rotate(5deg)}.cyber-highway-track{background:linear-gradient(90deg,#00f5ff38,#0000 24%,#ff2bd62e 50%,#0000 76%,#00f5ff38),#020204;height:22px;position:absolute;top:92px;left:0;right:0;box-shadow:0 0 18px #00f5ff6b,0 0 34px #ff2bd633}.cyber-highway-track:before,.cyber-highway-track:after{content:"";background:#ffffff47;height:2px;position:absolute;left:0;right:0}.cyber-highway-track:before{background:#00f5ffb8;top:-2px;box-shadow:0 0 16px #00f5ffb8}.cyber-highway-track:after{background:#ff2bd66b;bottom:-2px}.cyber-highway-icons{z-index:1;justify-content:space-around;align-items:flex-end;gap:clamp(42px,8vw,110px);height:78px;padding-inline:8%;animation:16s linear infinite cyber-traffic-right;display:flex;position:absolute;top:18px;left:0;right:0}.cyber-highway-left .cyber-highway-icons{animation-name:cyber-traffic-left}@keyframes cyber-traffic-right{0%{transform:translate(-14%)}to{transform:translate(14%)}}@keyframes cyber-traffic-left{0%{transform:translate(14%)}to{transform:translate(-14%)}}.cyber-highway-icons img{object-fit:contain;filter:drop-shadow(0 0 10px #00f5ffb8)drop-shadow(0 0 16px #ff2bd647);width:clamp(82px,10vw,138px);height:78px;display:block}.cyber-highway-left .cyber-highway-icons img{transform:scaleX(-1)}.cyber-highway-train .cyber-highway-icons img{width:clamp(170px,21vw,260px);height:82px}.cyber-feature-building:hover .cyber-led-sign,.cyber-feature-building:focus-visible .cyber-led-sign{box-shadow:0 0 36px color-mix(in srgb, var(--sign-color) 78%, transparent), inset 0 0 18px #ffffff1f;transform:translateY(-3px)}.cyber-feature-building:hover .cyber-feature-tower,.cyber-feature-building:focus-visible .cyber-feature-tower{filter:brightness(1.12);box-shadow:0 0 46px color-mix(in srgb, var(--sign-color) 46%, transparent)}.cyber-feature-building:focus-visible{outline:2px solid var(--sign-color);outline-offset:8px}.cyber-city-backdrop{z-index:90;cursor:pointer;background:#0000006b;border:0;position:fixed;inset:0}.cyber-sign-panel{z-index:100;border:2px solid var(--sign-color);color:#fff;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);width:min(700px,100vw - 32px);max-height:min(680px,100vh - 96px);box-shadow:0 0 42px color-mix(in srgb, var(--sign-color) 58%, transparent), inset 0 0 0 10px #0303069e, inset 0 0 34px #ffffff12;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff07 1px,#0000 1px) 0 0/22px 22px,#030306;animation:.24s ease-out both cyber-sign-expand;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cyber-sign-panel:before,.cyber-sign-panel:after{content:"";z-index:1;pointer-events:none;position:absolute}.cyber-sign-panel:before{border:1px solid color-mix(in srgb, var(--sign-color) 58%, transparent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);inset:12px}.cyber-sign-panel:after{background:linear-gradient(90deg, transparent, var(--sign-color), transparent);height:2px;box-shadow:0 0 18px var(--sign-color);top:22px;left:0;right:0}@keyframes cyber-sign-expand{0%{opacity:.55;transform:translate(-50%,-50%)scale(.32,.18)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cyber-sign-panel-content{z-index:2;max-height:calc(min(680px,100vh - 96px) - 28px);padding:38px 42px;position:relative;overflow-y:auto}.cyber-sign-panel-content h2{margin-top:0}.cyber-sign-panel-content p{color:#ffffffd6}.cyber-sign-close{z-index:4;border:1px solid var(--sign-color);color:#fff;width:36px;height:36px;font:inherit;cursor:pointer;background:#030306d1;font-weight:900;position:absolute;top:14px;right:14px}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower-back{background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 20px),repeating-linear-gradient(#0000 0 20px,#0077ff12 20px 22px,#0000 22px 46px),#b9c1cf}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower-mid{background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#b200ff12 18px 20px,#0000 20px 44px),#c3b8cc}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower-front{background:repeating-linear-gradient(90deg,#15052014 0 2px,#0000 2px 16px),repeating-linear-gradient(#0000 0 16px,#0077ff14 16px 18px,#0000 18px 40px),#a7b1c0}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower:nth-child(4n){background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#b200ff12 18px 20px,#0000 20px 44px),#c3b8cc}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower:nth-child(5n){background:repeating-linear-gradient(90deg,#15052011 0 2px,#0000 2px 22px),repeating-linear-gradient(#0000 0 22px,#0077ff0f 22px 24px,#0000 24px 50px),#aeb8ca}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower:nth-child(7n){background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#ff2bd612 18px 20px,#0000 20px 44px),#c3b8cc}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-city-tower:after{background:#0077ff57;box-shadow:0 0 10px #0077ff47}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-sign-panel,:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-led-sign,:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-sign-close{color:#150520}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-sign-panel{background:linear-gradient(#15052009 1px,#0000 1px),linear-gradient(90deg,#15052007 1px,#0000 1px),#fff}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-led-sign,:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-sign-close{background:#fff}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-feature-building:before{background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 20px),repeating-linear-gradient(#0000 0 20px,#0077ff12 20px 22px,#0000 22px 46px),#b9c1cf}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-feature-building:after{background:repeating-linear-gradient(90deg,#15052012 0 2px,#0000 2px 18px),repeating-linear-gradient(#0000 0 18px,#b200ff12 18px 20px,#0000 20px 44px),#c3b8cc}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-feature-tower{background:repeating-linear-gradient(90deg, #15052014 0 2px, transparent 2px 16px), repeating-linear-gradient(180deg, transparent 0 16px, color-mix(in srgb, var(--sign-color) 16%, transparent) 16px 18px, transparent 18px 40px), color-mix(in srgb, #a7b1c0 76%, var(--sign-color) 24%)}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-highway-track{background:linear-gradient(90deg,#0077ff3d,#0000 24%,#ff2bd62e 50%,#0000 76%,#0077ff3d),#020204;box-shadow:0 0 18px #0077ff57,0 0 34px #ff2bd62e}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-highway-icons img{filter:drop-shadow(0 0 8px #0077ff85)drop-shadow(0 0 14px #ff2bd638)}:root[data-theme=light][data-aesthetic=cyberpunk] .cyber-sign-panel-content p{color:#150520c7}@media (max-width:700px){.cyber-city-route{padding:64px 12px 76px}.cyber-orb{width:68px;top:86px;right:22px}.cyber-city-building-field{opacity:.78}.cyber-city-tower{width:calc(var(--tower-width) * 1.15)}.cyber-city-tower-foreground{z-index:1;opacity:.84}.cyber-city-block{align-items:center;min-height:520px}.cyber-feature-building,.cyber-city-block-right .cyber-feature-building{width:min(250px,70vw);height:330px;margin-inline:auto}.cyber-feature-building:before,.cyber-feature-building:after{opacity:.9;width:48%;display:block}.cyber-feature-building:before{height:36%;bottom:-28px;left:-10%}.cyber-feature-building:after{height:30%;bottom:-22px;right:-8%}.cyber-feature-tower{inset:110px 18px 0}.cyber-sign-mount{left:20%;right:20%}.cyber-led-sign{border-width:10px;width:min(246px,100vw - 46px);max-width:calc(100vw - 42px);min-height:74px;padding-inline:14px}.cyber-sign-panel{border-width:10px}.cyber-sign-panel-content{padding:34px 24px}.cyber-highway-layer{z-index:5;opacity:.72}.cyber-highway-front,.cyber-highway-back{z-index:5}.cyber-highway{width:156%;height:118px;left:-28%}.cyber-highway:first-child{top:330px}.cyber-highway:nth-child(2){top:840px}.cyber-highway:nth-child(3){top:1360px}.cyber-highway-track{height:18px;top:76px}.cyber-highway-icons{gap:34px;height:66px;padding-inline:4%;top:18px}.cyber-highway-icons img{width:76px;height:66px}.cyber-highway-train .cyber-highway-icons img{width:142px;height:68px}}.dna-page{min-height:100vh;padding:24px 0 80px;overflow-x:hidden}.dna-stage{aspect-ratio:1200/2200;width:100%;max-width:1200px;margin:0 auto;position:relative}.dna-svg{width:100%;height:auto;display:block}.dna-backbone-path{fill:none;stroke:var(--text);stroke-width:4px;stroke-linecap:round;opacity:.95}.dna-rung-line{stroke:var(--text);stroke-linecap:round}.dna-rung-line.major{stroke-width:3px;opacity:.9}.dna-rung-line.minor{stroke-width:2px;opacity:.62}.dna-click-group{cursor:pointer}.dna-segment-hit{fill:none;stroke-width:12px;stroke-linecap:round;opacity:.94;transition:filter .2s,opacity .2s}.dna-highlight-rung{stroke-width:5px;stroke-linecap:round;opacity:.92;transition:filter .2s,opacity .2s}.dna-click-group:hover .dna-segment-hit,.dna-click-group:hover .dna-highlight-rung{filter:brightness(1.12);opacity:1}.dna-heading{letter-spacing:.01em;width:min(240px,50vw - 72px);color:var(--text);z-index:6;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.2rem;font-weight:700;position:absolute;transform:translateY(-50%)}.dna-heading.left{text-align:right;left:calc(50% - 420px)}.dna-heading.right{text-align:left;left:calc(50% + 220px)}.dna-heading span{transition:transform .2s,opacity .2s;display:inline-block;position:relative}.dna-heading span:after{content:"";background:var(--heading-color);opacity:.82;border-radius:999px;width:100%;height:3px;margin-top:8px;display:block}.dna-heading:hover span,.dna-heading:focus-visible span{transform:translate(4px)}.dna-heading.left:hover span,.dna-heading.left:focus-visible span{transform:translate(-4px)}.dna-heading:focus-visible{outline:2px solid var(--heading-color);outline-offset:6px;border-radius:12px}.dna-shortcut-pill{z-index:8;background:var(--shortcut-color,#3de78a);color:#04130d;min-height:66px;box-shadow:0 18px 44px color-mix(in srgb, var(--shortcut-color,#3de78a) 24%, #0003);cursor:pointer;text-align:center;border:0;border-radius:50%/44%;padding:0 28px;transition:filter .2s,box-shadow .2s,opacity .2s;position:absolute}.dna-shortcut-pill span{font-size:1rem;font-weight:700;line-height:1.25;display:block}.dna-shortcut-pill:hover,.dna-shortcut-pill:focus-visible{filter:brightness(1.08);box-shadow:0 20px 48px #0000003d}.dna-shortcut-pill:focus-visible{outline:2px solid var(--text);outline-offset:3px}.dna-shortcut-pill-active{pointer-events:none}.dna-shortcut-pill-hidden{opacity:0}.dna-overlay-backdrop{z-index:45;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.dna-overlay-card{z-index:50;opacity:0;pointer-events:none;clip-path:inset(0 50% 100% round 30px);will-change:clip-path, opacity;background:0 0;border-radius:30px;position:absolute;overflow:hidden;transform:none}.dna-overlay-inner{background:var(--bg);border:0px solid var(--border);border-radius:30px;width:100%;height:100%;padding:28px 28px 22px}.dna-overlay-scroll{height:100%;padding-right:10px;overflow-y:auto}.dna-overlay-scroll h2{margin-top:0;margin-bottom:18px;font-size:2rem}.dna-overlay-scroll p{font-size:1rem;line-height:1.8}.dna-close{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;z-index:5;border-radius:999px;font-size:1.4rem;position:absolute;top:12px;right:14px}.dna-close:hover{filter:brightness(1.08)}@media (max-width:900px){.navbar{margin-top:8px;padding:10px 16px}.navlinks{gap:10px;font-size:.92rem}.dna-heading{width:clamp(96px,50% - 128px,170px);font-size:.8rem;line-height:1.25;transform:translateY(-50%)}.dna-heading.left{text-align:right;left:16px}.dna-heading.right{text-align:left;left:calc(50% + 112px)}.dna-heading span{white-space:normal;overflow-wrap:anywhere;max-width:100%}.dna-shortcut-pill{min-height:30px;padding-inline:5px}.dna-shortcut-pill span{font-size:.58rem;line-height:1}.dna-heading:hover span,.dna-heading:focus-visible span,.dna-heading.left:hover span,.dna-heading.left:focus-visible span{transform:none}.dna-overlay-card{max-width:calc(100vw - 40px)}.dna-overlay-inner{padding:24px 20px 18px}.dna-overlay-scroll{padding-right:4px}}.shell-page{--shell-bg:#0b0f14;--shell-surface:#0f1621;--shell-text:#e6edf3;--shell-muted:#e6edf3b3;--shell-border:#e6edf31f;min-height:100vh;padding:36px 20px 80px}.shell-wrap{gap:28px;max-width:980px;margin:0 auto;display:grid}.shell-copy{max-width:680px}.shell-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:10px;font-size:.8rem}.shell-card{border:1px solid var(--shell-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--shell-surface) 88%, #1d7f66 12%), transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--shell-surface) 92%, transparent), color-mix(in srgb, var(--shell-bg) 88%, transparent));border-radius:30px;overflow:hidden;box-shadow:0 24px 70px #0000002e}.shell-stage{justify-content:center;align-items:center;min-height:480px;padding:32px 24px 24px;display:flex;position:relative;overflow:hidden}.shell-stage-shop{align-items:stretch;height:auto;min-height:700px;padding-top:88px;overflow:visible}.shell-round{color:var(--shell-muted);font-size:.95rem;position:absolute;top:20px;right:24px}.shell-stats{z-index:1;gap:6px;display:grid;position:absolute;top:20px;left:24px}.shell-stat{letter-spacing:.02em;font-size:.98rem;font-weight:700}.shell-stat-coins{color:#e8c35a}.shell-stat-bet{color:var(--shell-text)}.shell-stat-powerup{color:#8ad7bd;font-size:.9rem}.shell-stat-rounds{color:#f59e0b;font-size:.9rem}.shell-stat-invest{color:#60a5fa;font-size:.9rem}.shell-board-frame{justify-content:center;align-items:center;width:100%;display:flex}.shell-stage-shop .shell-board-frame{align-items:stretch}.shell-board{transform-origin:50%;width:520px;max-width:100%;height:320px;position:relative}.shell-board-shop{width:100%;height:auto;min-height:0;position:relative;transform:none}.shell-prisoner-picker{pointer-events:none;z-index:2;width:100%;height:286px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.shell-prisoner-label{text-align:center;color:#dbeafe;letter-spacing:.04em;width:100%;font-size:.95rem;font-weight:800;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.shell-prisoner-arrow{transform:translateX(var(--prisoner-target,0));color:#60a5fa;text-shadow:0 0 18px #60a5fa73;position:absolute;bottom:-50px;left:50%}.shell-prisoner-arrow-animate{animation:2.4s ease-in-out forwards shell-prisoner-scan}.shell-prisoner-arrow-settled{transform:translateX(var(--prisoner-target,0))}.shell-prisoner-arrow-glyph{font-size:2rem;line-height:1;display:block;transform:rotate(180deg)}@keyframes shell-prisoner-scan{0%{transform:translate(-180px)}33%{transform:translate(180px)}66%{transform:translate(-180px)}to{transform:translateX(var(--prisoner-target,0))}}.shell-ball{background:var(--shell-text);width:28px;height:28px;box-shadow:0 0 30px color-mix(in srgb, var(--shell-text) 24%, transparent);border-radius:999px;margin-left:-14px;position:absolute;bottom:96px;left:50%}.shell-ball-white{background:#f5f5f5;box-shadow:0 0 30px #fff6}.shell-ball-green{background:#34d399;box-shadow:0 0 30px #34d39966}.shell-ball-red{background:#fb7185;box-shadow:0 0 30px #fb718566}.shell-cup{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-start;width:120px;height:150px;margin-left:-60px;padding:0;display:flex;position:absolute;bottom:82px;left:50%}.shell-cup-disabled{pointer-events:none}.shell-cup-selected .shell-cup-shape{outline-offset:6px;outline:3px solid #ffffff2e}.shell-cup-removed{opacity:.18}.shell-cup-prisoner .shell-cup-shape{outline-offset:6px;outline:3px solid #f59e0b59}.shell-cup-callout{color:#f8fafc;letter-spacing:.1em;white-space:nowrap;pointer-events:none;background:#050a0ee0;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.shell-cup-shape{background:linear-gradient(180deg, color-mix(in srgb, var(--shell-text) 92%, white 8%), color-mix(in srgb, var(--shell-text) 74%, var(--shell-surface) 26%));clip-path:polygon(18% 0%,82% 0%,100% 100%,0% 100%);border-radius:18px;width:100%;height:100%;display:block}.shell-skip-button{z-index:3;cursor:pointer;background:#050a0eb8;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background .2s,border-color .2s;display:inline-flex;position:absolute;bottom:2px;right:2px;box-shadow:0 18px 40px #00000042}.shell-skip-button:hover{background:#0a1218e6;border-color:#ffffff57;transform:translateY(-1px)}.shell-skip-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffeb}.shell-skip-icon{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.shell-skip-icon span{filter:drop-shadow(0 0 8px #ffffff38);border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0}.shell-settings-button{z-index:3;cursor:pointer;background:#050a0eb8;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background .2s,border-color .2s;display:inline-flex;position:absolute;bottom:-50px;left:-200px;box-shadow:0 18px 40px #00000042}.shell-settings-button-shop{bottom:-20px;left:-18px}.shell-settings-button:hover{background:#0a1218e6;border-color:#ffffff57;transform:translateY(-1px)}.shell-settings-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffeb}.shell-settings-gear{background:radial-gradient(circle, transparent 0 4px, #fff 4px 8px, transparent 8px), repeating-conic-gradient(from -15deg, #fff 0 18deg, transparent 18deg 60deg);border-radius:999px;width:24px;height:24px;position:relative}.shell-settings-gear:before{content:"";background:radial-gradient(circle,#0000 0 4px,#050a0eb8 4px 6px,#0000 6px);border-radius:999px;position:absolute;inset:0}.shell-settings-gear-core{background:#050a0ed1;border-radius:999px;position:absolute;inset:9px}.shell-board-instruction{z-index:2;color:#f8fafc;text-align:center;letter-spacing:.04em;text-shadow:0 4px 18px #0000006b;pointer-events:none;width:min(88%,360px);font-size:.95rem;font-weight:800;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.shell-settings-panel{z-index:5;border:1px solid color-mix(in srgb, var(--shell-border) 80%, white 20%);background:#050a0ef0;border-radius:24px;flex-direction:column;width:min(360px,100% - 20px);max-width:calc(100% - 16px);padding:58px 20px 18px;display:flex;position:absolute;top:10px;bottom:10px;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 28px 80px #0000006b}.shell-settings-panel-leaderboard{z-index:30;width:min(440px,100vw - 20px);max-width:calc(100vw - 16px);height:min(76vh,640px);min-height:420px;max-height:calc(10vh - 32px);padding-inline:18px;position:fixed;top:50%;bottom:auto;transform:translate(-50%,-50%)}.shell-settings-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.shell-settings-tab{color:#f8fafc;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;font-weight:700}.shell-settings-tab-active{color:#08140f;background:#29c084;border-color:#0000}.shell-settings-close{color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;font-size:1rem;font-weight:800;position:absolute;top:12px;right:12px}.shell-settings-title{text-align:center;color:#fff;font-size:1.15rem;font-weight:800}.shell-settings-subtitle{text-align:center;color:var(--shell-muted);margin-top:6px;font-size:.92rem}.shell-settings-audio{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:10px;margin-top:18px;padding:14px 16px;display:grid}.shell-settings-audio-copy{color:#f8fafc;justify-content:space-between;align-items:center;gap:12px;display:flex}.shell-settings-audio-label{letter-spacing:.04em;font-weight:700}.shell-settings-audio-value{color:#7ee7ba;font-weight:800}.shell-settings-slider{accent-color:#29c084;cursor:pointer;width:100%}.shell-settings-action{justify-content:center;width:100%}.shell-settings-header{gap:14px;display:grid}.shell-settings-back{color:#f8fafc;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-self:start;padding:8px 14px;font-weight:700}.shell-settings-records{flex:auto;gap:10px;min-height:0;margin-top:18px;padding-right:4px;display:grid;overflow-y:auto}.shell-settings-panel-leaderboard .shell-settings-records{min-height:210px}.shell-settings-records::-webkit-scrollbar{width:8px}.shell-settings-records::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.shell-settings-record-row{color:#f8fafc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.shell-settings-record-row-global{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;display:grid}.shell-settings-record-first{color:#fbbf24}.shell-settings-record-second{color:#cbd5e1}.shell-settings-record-third{color:#d97706}.shell-settings-record-rank{font-weight:800}.shell-settings-record-name{letter-spacing:.08em;min-width:0;font-weight:700}.shell-settings-record-value{text-align:right;font-weight:700}.shell-settings-error{text-align:center;color:#fb7185;margin-top:14px;font-size:.92rem}.shell-result-record{letter-spacing:.04em;font-weight:800}.shell-record-form{gap:10px;width:min(320px,100% - 16px);display:grid}.shell-record-input{letter-spacing:.24em;text-transform:uppercase;font-weight:800}.shell-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shell-bet-panel{border:1px solid color-mix(in srgb, var(--shell-border) 80%, white 20%);text-align:center;background:#050a0ee6;border-radius:24px;gap:12px;width:min(320px,100% - 32px);padding:20px;display:grid;box-shadow:0 22px 60px #0000004d}.shell-bet-panel h2{margin:0;font-size:1.4rem}.shell-bet-panel p{color:var(--shell-muted);margin:0}.shell-bet-input{border:1px solid var(--shell-border);background:color-mix(in srgb, var(--shell-surface) 82%, black 18%);width:100%;color:var(--shell-text);font:inherit;text-align:center;border-radius:16px;padding:12px 14px}.shell-bet-error{color:#fb7185;min-height:1.25rem;font-size:.92rem}.shell-bet-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.shell-overlay-dark{background:#00000080;flex-direction:column;gap:18px}.shell-overlay-result{justify-content:flex-start;padding:24px 20px;overflow-y:auto}.shell-overlay-shop{justify-content:space-between;width:100%;min-height:100%;padding:24px;position:relative;inset:auto}.shell-notes{max-width:820px;color:var(--text);gap:14px;display:grid}.shell-notes h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.shell-notes p{color:var(--muted);margin:0;line-height:1.65}.shell-notes strong{color:var(--text)}.shell-primary,.shell-secondary{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .18s,filter .18s}.shell-primary:hover,.shell-secondary:hover{filter:brightness(1.05);transform:translateY(-1px)}.shell-primary:disabled,.shell-secondary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2);transform:none}.shell-primary{color:#08140f;background:#29c084}.shell-secondary{background:var(--shell-surface);color:var(--shell-text);border-color:var(--shell-border)}.shell-secondary-muted{background:0 0}.shell-result{letter-spacing:.03em;text-align:center;font-size:clamp(2rem,6vw,3rem);font-weight:800}.shell-result-win{color:#34d399}.shell-result-lose{color:#fb7185}.shell-result-detail{max-width:560px;color:var(--text);text-align:center;margin:-6px 0 0;line-height:1.5}.shell-leaderboard-panel{background:#050a0ee6;border:1px solid #ffffff14;border-radius:22px;gap:10px;width:min(360px,100% - 8px);padding:18px;display:grid;box-shadow:0 22px 60px #0000003d}.shell-leaderboard-title{text-align:center;color:#fff;font-size:1.05rem;font-weight:800}.shell-leaderboard-subtitle{text-align:center;color:var(--shell-muted);font-size:.9rem}.shell-leaderboard-panel .shell-settings-tabs{margin-top:4px}.shell-leaderboard-panel .shell-settings-records{flex:none;max-height:238px;margin-top:0}.shell-monty-copy{max-width:320px;color:var(--text);text-align:center;margin:0}.shell-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.shell-shop-card{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:color-mix(in srgb, var(--surface) 84%, black 16%);color:var(--text);text-align:left;cursor:pointer;border-radius:22px;gap:10px;padding:18px;transition:transform .18s,border-color .18s,opacity .18s;display:grid}.shell-shop-card:hover{border-color:color-mix(in srgb, #29c084 45%, var(--border) 55%);transform:translateY(-2px)}.shell-shop-card-disabled{opacity:.45;cursor:not-allowed}.shell-shop-card-active{border-color:#29c084;box-shadow:0 0 0 1px #29c08459}.shell-shop-name{font-size:1.1rem;font-weight:800}.shell-shop-copy{color:var(--muted);font-size:.95rem;line-height:1.4}.shell-shop-price{color:#e8c35a;font-weight:700}.shell-shop-actions{gap:10px;display:grid}.shell-shop-input{text-align:left}.shell-shop-footer{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}@media (max-width:700px){.shell-page{padding:20px 14px 56px}.shell-stage{min-height:420px;padding:94px 12px 20px}.shell-stage-shop{min-height:940px;padding-top:120px}.shell-round{top:16px;right:16px}.shell-stats{text-align:left;max-width:calc(100% - 32px);top:16px;left:16px;transform:none}.shell-board-shop{transform:none}.shell-prisoner-picker{height:274px;top:-16px}.shell-prisoner-label{font-size:.88rem}.shell-shop{grid-template-columns:1fr}.shell-shop-footer{flex-direction:column-reverse;align-items:stretch}.shell-overlay-dark{justify-content:flex-start;padding-top:20px}.shell-overlay-result{padding:20px 16px}.shell-overlay-shop{gap:28px;padding-top:110px}.shell-result{margin-bottom:8px}.shell-skip-button{width:46px;height:46px;bottom:0;right:0}.shell-settings-button{width:46px;height:46px;bottom:-2px;left:16px}.shell-settings-button-shop{bottom:-2px;left:16px}}@media (max-width:520px){.shell-stage{min-height:430px;padding-inline:8px}.shell-stage-shop{min-height:1040px;padding-top:132px}.shell-board-shop{transform:none}.shell-prisoner-picker{height:258px;top:-18px}.shell-prisoner-arrow-glyph{font-size:1.7rem}.shell-cup-callout{padding-inline:8px;font-size:.72rem;top:-20px}.shell-result{text-align:center}.shell-bet-panel{width:min(300px,100% - 20px);padding:18px}.shell-overlay-shop{gap:34px;padding:28px 16px 16px}.shell-stats{max-width:calc(100% - 24px)}.shell-result{margin-bottom:14px}.shell-leaderboard-panel{width:min(336px,100% - 4px);padding:16px}.shell-overlay-shop{padding-top:136px}.shell-skip-button{width:42px;height:42px}.shell-settings-button{width:42px;height:42px;bottom:-80px;left:-70px}.shell-settings-button-shop{bottom:0;left:0}.shell-settings-gear{width:22px;height:22px}.shell-settings-gear-core{inset:10px}.shell-skip-icon span{border-top-width:7px;border-bottom-width:7px;border-left-width:10px}.shell-settings-panel{width:min(312px,100% - 12px);max-width:calc(100% - 10px);padding:56px 16px 16px;top:7px;bottom:7px}.shell-settings-panel-leaderboard{width:min(360px,100vw - 12px);max-width:calc(100vw - 10px);height:min(82vh,620px);min-height:360px;max-height:calc(50vh - 20px);padding-inline:14px;top:50%;bottom:auto;transform:translate(-50%,-50%)}.shell-settings-title{padding-inline:24px;font-size:1.02rem}.shell-settings-subtitle{padding-inline:12px;font-size:.86rem}.shell-settings-record-row-global{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.shell-settings-record-name,.shell-settings-record-value{font-size:.92rem}.shell-record-form{width:min(292px,100% - 12px)}.shell-board-instruction{width:min(92%,320px);font-size:.82rem;bottom:16px}}