:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07090f;--panel:#0e121ec2;--panel-solid:#101522;--line:#ffffff21;--text:#eff6ff;--muted:#9aa8bd;--cyan:#6de8ff;--pink:#ff5bb4;--green:#9dff77;--acid:#20ff00;--amber:#ffc857;--shadow:0 24px 70px #0000006b;--pointer-x:50vw;--pointer-y:50vh;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 28% 8%,#6de8ff29,#0000 32%),radial-gradient(circle at 82% 18%,#ff5bb41f,#0000 28%),linear-gradient(135deg,#07090f 0%,#11131c 44%,#080a10 100%);margin:0;overflow-x:hidden}#root{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;border:0}img{max-width:100%;display:block}.app-shell{min-height:100vh;position:relative}.app-shell:before{z-index:0;content:"";background:radial-gradient(circle 220px at var(--pointer-x) var(--pointer-y), #20ff001f, transparent 70%);mix-blend-mode:screen;opacity:.85;pointer-events:none;position:fixed;inset:0}.geometry-field{z-index:0;pointer-events:none;opacity:.72;width:100%;height:100%;position:fixed;inset:0}.topbar{z-index:20;border:1px solid var(--line);width:min(1120px,100% - 32px);min-height:56px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#07090fb8;border-radius:0;justify-content:flex-start;align-items:center;gap:18px;padding:10px 12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.brand,.eyebrow{align-items:center;gap:8px;display:inline-flex}.brand{letter-spacing:0;color:var(--text);cursor:pointer;background:0 0;border:0;font-weight:800}.brand svg{color:var(--cyan)}.topbar nav{opacity:1;transform-origin:100%;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;gap:6px;width:max-content;max-width:520px;max-height:48px;margin-left:auto;transition:height .42s,max-height .42s,max-width .42s,opacity .2s,transform .42s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.topbar.nav-collapsed nav{opacity:1;pointer-events:none;max-width:0;max-height:0;transition-delay:.68s;transform:translate(14px)scaleX(.92)}.topbar nav button,.nav-toggle{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;font-size:.88rem;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .52s,color .2s,border-color .2s,background .2s}.topbar nav button{opacity:1;z-index:calc(var(--nav-count) - var(--nav-index));transform-origin:100%;will-change:transform, opacity;transition-delay:calc((var(--nav-count) - var(--nav-index) - 1) * 70ms);flex:none;padding:8px 12px;position:relative}.topbar nav button:hover,.topbar nav button.active{border-color:var(--line);color:var(--text);background:#ffffff0f;transform:translateY(-2px)skew(-5deg)}.topbar.nav-collapsed nav button{opacity:0;transform:translateX(calc((var(--nav-count) - var(--nav-index)) * 84px)) scaleX(.9);transition-delay:calc(var(--nav-index) * 80ms)}.nav-toggle{width:38px;height:38px;color:var(--cyan);background:#6de8ff0f;border-color:#6de8ff3d;flex:none;place-items:center;padding:0;display:grid}.nav-toggle:hover{color:var(--text);background:#6de8ff21;border-color:#6de8ff80;transform:translateY(-2px)}main{z-index:1;position:relative}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:center;gap:42px;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:110px 0 64px;display:grid}.hero-copy{max-width:760px}.eyebrow{width:fit-content;color:var(--cyan);text-transform:uppercase;background:#6de8ff14;border:1px solid #6de8ff4d;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:800}.hero-copy h1{letter-spacing:0;max-width:840px;margin:22px 0 20px;font-size:clamp(2.65rem,6vw,6.9rem);line-height:.95}.hero-copy p{color:#c5d2e5;max-width:690px;margin:0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions button,.icon-action,.filter-bar button,.track,.game-card,.photo-tile,.interactive-card{cursor:pointer}.hero-actions button{border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);min-height:46px;color:var(--text);background:#ffffff14;border-radius:0;align-items:center;gap:8px;padding:12px 16px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.hero-actions button:first-child{background:#6de8ff29;border-color:#6de8ff8c}.hero-actions button:hover{background:#ffffff1f;border-color:#ffffff5c;transform:translateY(-2px)}.hero-orbit{--orbit-scale:1;place-items:center;min-height:520px;display:grid;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #ffffff2e;position:absolute;transform:rotate(18deg)}.hero-orbit:before{aspect-ratio:1;clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);width:min(390px,86vw)}.hero-orbit:after{aspect-ratio:1;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);width:min(280px,62vw)}.orbit-core{z-index:2;aspect-ratio:1;background:linear-gradient(135deg, #6de8ff29, #ff5bb41f), var(--panel);clip-path:polygon(50% 0,100% 28%,84% 100%,16% 100%,0 28%);width:176px;box-shadow:var(--shadow);border:1px solid #6de8ff73;border-radius:0;place-items:center;display:grid;position:relative}.orbit-core span{font-size:4rem;font-weight:900;line-height:1}.orbit-core small{color:var(--muted)}.metaball-core{--metaball-x:0px;--metaball-y:0px;--metaball-angle:0deg;--metaball-strength:0;--metaball-glow:.16;--metaball-halo:.56;--metaball-core-scale:.96;--metaball-bridge-width:46px;--metaball-bridge-height:34px;--metaball-bridge-opacity:0;--metaball-bridge-x:42px;--metaball-bridge-scale:.35;--metaball-child-size:42px;--metaball-child-mask-x:110px;--metaball-child-mask-y:73px;--metaball-child-mask-radius:64px;--metaball-child-glow:.16;--metaball-child-opacity:0;--metaball-child-scale:.24;--metaball-ripple-opacity:0;--metaball-ripple-start:0;isolation:isolate;clip-path:none;cursor:default;touch-action:none;background:0 0;border:0;border-radius:999px;overflow:visible}.metaball-core:before{content:"";border-radius:inherit;box-shadow:0 0 54px rgba(109, 232, 255, var(--metaball-glow)), inset 0 0 30px #ffffff14;opacity:calc(var(--metaball-halo) * .7);transform:scale(var(--metaball-core-scale)) rotate(8deg);background:radial-gradient(circle,#6de8ff1a,#0000 58%),radial-gradient(circle,#00000047,#0000 72%);animation:4.2s ease-in-out infinite core-breathe;position:absolute;inset:-64px}.metaball-filter-svg{pointer-events:none;width:0;height:0;position:absolute}.metaball-liquid{inset:calc(-118px * var(--orbit-scale));z-index:1;filter:url(#orbit-goo);pointer-events:none;position:absolute}.metaball-main,.metaball-bridge,.metaball-child{z-index:1;pointer-events:none;border-radius:999px;position:absolute;top:50%;left:50%}.metaball-main{width:calc(238px * var(--orbit-scale));aspect-ratio:1;transform:translate(-50%, -50%) scale(var(--metaball-core-scale));background:radial-gradient(circle at 72% 20%,#121c26f5,#0000 23%),#05080c;border-radius:50%;transition:transform .46s cubic-bezier(.16,1,.3,1);box-shadow:inset -18px -22px 34px #00000075,inset 16px 16px 28px #ffffff0a,0 18px 30px #0000005c}.metaball-bridge{width:var(--metaball-bridge-width);height:var(--metaball-bridge-height);opacity:var(--metaball-bridge-opacity);transform:translate(-50%, -50%) rotate(var(--metaball-angle)) translateX(var(--metaball-bridge-x)) scaleX(var(--metaball-bridge-scale));background:#05080c;border-radius:999px;transition:opacity .42s,transform .52s cubic-bezier(.16,1,.3,1)}.metaball-child{width:calc(var(--metaball-child-size) * var(--orbit-scale));aspect-ratio:1;opacity:var(--metaball-child-opacity);transform:translate(calc(-50% + var(--metaball-x) * var(--orbit-scale)), calc(-50% + var(--metaball-y) * var(--orbit-scale))) scale(var(--metaball-child-scale));background:radial-gradient(circle at 34% 24%,#ffffff1a,#0000 20%),#05080c;transition:width .45s,opacity .42s,transform .56s cubic-bezier(.16,1.28,.32,1);box-shadow:0 0 22px #0000004d}.metaball-ripple{z-index:1;left:calc(50% + var(--metaball-x));top:calc(50% + var(--metaball-y));aspect-ratio:1;opacity:0;pointer-events:none;border:1px dotted #d7e8ef80;border-radius:999px;width:94px;position:absolute;transform:translate(-50%,-50%)scale(.3)}.metaball-core.active .metaball-ripple{opacity:var(--metaball-ripple-opacity);animation:1.65s ease-out infinite liquid-ripple}.metaball-core.active .metaball-ripple.two{border-color:#6de8ff57;animation-delay:.58s}.metaball-type{--type-ball-x:calc(330px * var(--orbit-scale));--type-ball-y:calc(73px * var(--orbit-scale));--type-ball-radius:calc(116px * var(--orbit-scale));z-index:3;width:calc(660px * var(--orbit-scale));min-height:calc(144px * var(--orbit-scale));pointer-events:none;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metaball-core small,.metaball-core b{text-transform:uppercase;text-shadow:none;mix-blend-mode:normal;font-weight:950;line-height:.8}.type-layer{letter-spacing:0;width:100%;display:block;position:absolute;inset:0}.type-outside{color:#05080c;text-shadow:none}.type-outside b{color:#05080c}.type-inside{color:#f8fafc;text-shadow:none;-webkit-mask-image:radial-gradient(circle var(--type-ball-radius) at var(--type-ball-x) var(--type-ball-y), #000 98%, transparent 100%), radial-gradient(circle calc(var(--metaball-child-mask-radius) * var(--orbit-scale)) at calc(var(--metaball-child-mask-x) * var(--orbit-scale)) calc(var(--metaball-child-mask-y) * var(--orbit-scale)), #000 98%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--type-ball-radius) at var(--type-ball-x) var(--type-ball-y), #000 98%, transparent 100%), radial-gradient(circle calc(var(--metaball-child-mask-radius) * var(--orbit-scale)) at calc(var(--metaball-child-mask-x) * var(--orbit-scale)) calc(var(--metaball-child-mask-y) * var(--orbit-scale)), #000 98%, transparent 100%);mask-image:radial-gradient(circle var(--type-ball-radius) at var(--type-ball-x) var(--type-ball-y), #000 98%, transparent 100%), radial-gradient(circle calc(var(--metaball-child-mask-radius) * var(--orbit-scale)) at calc(var(--metaball-child-mask-x) * var(--orbit-scale)) calc(var(--metaball-child-mask-y) * var(--orbit-scale)), #000 98%, transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.type-inside b{color:#f8fafc}.metaball-core b{width:max-content;font-size:calc(3.72rem * var(--orbit-scale));white-space:nowrap;display:block;position:absolute;left:50%}.metaball-core b:first-child{top:calc(22px * var(--orbit-scale));transform:translate(-50%)}.metaball-core b:last-child{top:calc(76px * var(--orbit-scale));transform:translate(-50%)}@keyframes core-breathe{0%,to{transform:scale(.98)}50%{transform:scale(1.06)}}@keyframes liquid-ripple{0%{opacity:var(--metaball-ripple-start);transform:translate(-50%,-50%)scale(.34)}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}.interactive-card,.orbit-card{z-index:3;border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);color:#dce8f8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:50%;background:#0e121ec7;border-radius:0;align-items:center;gap:10px;padding:12px 14px;display:inline-flex;position:absolute}.interactive-card:after,.orbit-card:after,.project-card:after,.photo-tile:after,.game-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff2e 45%,#0000 62%);transition:opacity .25s,transform .6s;position:absolute;inset:0;transform:translate(-120%)}.interactive-card:hover:after,.orbit-card:hover:after,.project-card:hover:after,.photo-tile:hover:after,.game-card:hover:after{opacity:1;transform:translate(120%)}.orbit-card.music{color:var(--pink);top:84px;left:0}.orbit-card.games{color:var(--green);bottom:110px;right:0}.orbit-card.code{color:var(--cyan);bottom:42px;left:90px}.orbit-card.static{cursor:default}.section{width:min(1180px,100% - 32px);margin:0 auto;padding:74px 0}.page-hero{min-height:48vh;padding-top:150px}.page-hero h1{margin:18px 0 14px;font-size:clamp(3rem,8vw,7.5rem);line-height:.9}.page-hero p{max-width:720px;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.9}.section-heading{gap:12px;max-width:760px;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1}.section-heading p,.module-note{color:var(--muted);margin:0;line-height:1.8}.music-grid,.skill-panel,.project-card,.game-stage,.game-card,.now-playing,.track{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0}.shard-panel{clip-path:polygon(18px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 18px);position:relative}.shard-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:120px;height:1px;position:absolute;top:0;right:18%}.music-grid{grid-template-columns:1fr 1.05fr;gap:16px;padding:16px;display:grid}.now-playing{grid-template-columns:88px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.now-playing img,.track img{aspect-ratio:1;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);object-fit:cover;border-radius:0}.now-playing img{width:88px}.now-playing span,.project-card>span,.game-stage-info span{color:var(--cyan);text-transform:uppercase;font-size:.72rem;font-weight:900}.now-playing h3,.game-stage-info h3,.project-card h3{margin:4px 0}.now-playing p,.project-card p{color:var(--muted);margin:0;line-height:1.65}.icon-action{clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);width:48px;height:48px;color:var(--cyan);background:#6de8ff1f;border:1px solid #6de8ff73;border-radius:0;place-items:center;display:grid}.icon-action:disabled{cursor:not-allowed;opacity:.42}.visualizer{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));background:#0000003d;border-radius:0;width:100%;height:176px}.volume-control{border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:#ffffff0b;grid-column:1/-1;grid-template-columns:auto 1fr 48px;align-items:center;gap:12px;padding:10px 12px;display:grid}.volume-control button{width:36px;height:36px;color:var(--cyan);cursor:pointer;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#6de8ff1f;place-items:center;display:grid}.volume-control input{width:100%;accent-color:var(--cyan)}.volume-control span{color:var(--muted);text-align:right}.track-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.track{border-color:var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);color:var(--text);text-align:left;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid;position:relative;overflow:hidden}.track img{width:48px}.track span{gap:3px;min-width:0;display:grid}.track strong,.track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track small{color:var(--muted)}.track.active{background:#ff5bb41f;border-color:#ff5bb480}.module-note{border-top:1px solid var(--line);grid-column:1/-1;padding-top:12px}.music-dock{z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 16px);background:linear-gradient(110deg,#20ff001c,#0000 38%),#07090fd1;border:1px solid #ffffff29;grid-template-columns:54px minmax(0,1fr) auto 120px;align-items:center;gap:12px;width:min(500px,100vw - 32px);padding:10px;display:grid;position:fixed;bottom:18px;right:max(18px,50vw - 590px);box-shadow:0 18px 50px #00000073}.music-dock.playing{border-color:#20ff006b}.dock-cover,.dock-actions button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;place-items:center;display:grid}.dock-cover{aspect-ratio:1;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);width:54px;padding:0;position:relative;overflow:hidden}.dock-cover img{object-fit:cover;width:100%;height:100%}.dock-cover span{background:var(--acid);transform-origin:0;height:4px;position:absolute;bottom:0;left:0;right:0}.dock-meta{gap:2px;min-width:0;display:grid}.dock-meta small{color:var(--acid);text-transform:uppercase;font-size:.68rem;font-weight:900}.dock-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock-actions{grid-template-columns:34px 42px 34px;align-items:center;gap:6px;display:grid}.dock-actions button{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:34px;height:34px}.dock-actions .dock-play{width:42px;height:42px}.dock-actions button:disabled{cursor:not-allowed;opacity:.42}.dock-volume{color:var(--cyan);grid-template-columns:16px 1fr;align-items:center;gap:8px;display:grid}.dock-volume input{width:100%;min-width:0;accent-color:var(--acid)}.music-page{min-height:100vh}.music-stage{gap:20px;min-height:100vh;padding-top:112px;display:grid;position:relative;overflow:hidden}.music-stage:before,.music-stage:after{content:"";pointer-events:none;position:absolute}.music-stage:before{background:linear-gradient(90deg,#0000,#6de8ff99,#0000);height:1px;inset:96px 0 auto}.music-stage:after{clip-path:polygon(0 0,86% 0,100% 22%,100% 100%,16% 100%,0 78%);border:1px solid #ffffff14;width:min(460px,46vw);height:240px;bottom:12%;right:4%;transform:rotate(-8deg)}.music-stage-copy{z-index:2;gap:6px;width:min(620px,100%);display:grid;position:relative}.music-stage-copy>span{border-left:2px solid var(--cyan);width:fit-content;color:var(--cyan);text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}.music-stage-copy h1{letter-spacing:0;margin:0;font-size:clamp(4.2rem,12vw,9.2rem);line-height:.78}.music-stage-copy p{color:var(--muted);margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800}.music-orbit-field{z-index:1;pointer-events:none;position:absolute;inset:130px 0 170px}.music-orbit-node{left:var(--node-x);top:var(--node-y);width:var(--node-size);aspect-ratio:1;cursor:pointer;pointer-events:auto;background:radial-gradient(circle,#ffffff14 0 42%,#0000 43%),#0c101a9e;border:1px solid #ffffff2e;border-radius:999px;place-items:center;transition:border-color .2s,background .2s,transform .28s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 48px #00000047}.music-orbit-node:hover,.music-orbit-node.active{background:radial-gradient(circle,#6de8ff1f 0 42%,#0000 43%),#0c1c2cbd;border-color:#6de8ffb8;transform:translate(-50%,-50%)scale(1.08)}.music-orbit-node img{aspect-ratio:1;object-fit:cover;border-radius:999px;width:62%}.music-orbit-node.active:after{content:"";border-radius:inherit;border:2px dashed #6de8ffb3;animation:12s linear infinite music-spin;position:absolute;inset:8px}.music-console{z-index:3;clip-path:polygon(46px 0,calc(100% - 42px) 0,100% 54px,100% calc(100% - 68px),calc(100% - 54px) 100%,44px 100%,0 calc(100% - 58px),0 46px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6de8ff1f,#0000 28%),linear-gradient(315deg,#ff5bb41a,#0000 32%),#0d121edb;border:1px solid #ffffff2e;grid-template-rows:minmax(210px,1fr) auto auto auto;grid-template-columns:190px minmax(300px,1fr) 190px;justify-self:center;align-items:center;gap:12px;width:min(900px,100%);height:clamp(500px,100vh - 220px,620px);min-height:0;margin-top:-10px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000075}.music-console:before{content:"";clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px);pointer-events:none;border:1px solid #6de8ff1f;position:absolute;inset:18px}.music-console-info,.music-track-meta,.music-volume-module,.music-console-actions{z-index:2;position:relative}.music-console-info{align-self:start;gap:8px;display:grid}.music-console-info span,.music-track-meta span,.music-spectrum-shell span,.music-track-chip span{color:var(--cyan);text-transform:uppercase;font-size:.72rem;font-weight:900}.music-console-info strong{color:var(--acid);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:.9}.music-console-info small{max-width:150px;color:var(--muted);line-height:1.6}.music-turntable{z-index:2;aspect-ratio:1;background:radial-gradient(circle,#0000 0 41%,#ffffff2e 42% 44%,#0000 45%),radial-gradient(circle,#ffffff14,#00000047);border-radius:999px;justify-self:center;place-items:center;width:min(250px,100%);display:grid;position:relative}.music-turntable img{aspect-ratio:1;object-fit:cover;border:2px solid #ffffff38;border-radius:999px;width:52%}.music-turntable>span{border-top:18px solid var(--cyan);opacity:.8;transform-origin:50% 24px;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;inset:46%}.music-record-rings{border-radius:inherit;background:repeating-conic-gradient(from 0deg, #ffffffb8 0 7deg, transparent 7deg 13deg), radial-gradient(circle, transparent 0 56%, #07090fe6 57% 63%, transparent 64%);border:8px solid #ffffff38;position:absolute;inset:6%;-webkit-mask-image:radial-gradient(circle,#0000 0 45%,#000 46% 77%,#0000 78%);mask-image:radial-gradient(circle,#0000 0 45%,#000 46% 77%,#0000 78%)}.music-turntable.spinning .music-record-rings,.music-turntable.spinning img{animation:10s linear infinite music-spin}.music-progress-ring{z-index:3;pointer-events:none;filter:drop-shadow(0 0 8px #6de8ff4d);position:absolute;inset:16%;transform:rotate(-90deg)}.music-progress-ring-bg{fill:none;stroke:#6de8ff26;stroke-width:4px}.music-progress-ring-fill{fill:none;stroke:url(#progressGradient);stroke-width:4px;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:calc(289 * (1 - var(--progress,0)));filter:drop-shadow(0 0 6px #6de8ffcc)drop-shadow(0 0 12px #ff5bb466);transition:stroke-dashoffset .2s linear}.music-progress-ring-fill:after{content:"";background:radial-gradient(circle, var(--cyan) 0%, transparent 70%);border-radius:50%;width:8px;height:8px;position:absolute}.music-armature{z-index:2;align-self:center;min-height:220px;display:grid;position:relative}.music-armature i{aspect-ratio:1;border:10px solid #ffffffc7;border-radius:999px;width:72px;position:absolute;top:34px;right:20px;box-shadow:inset 0 0 0 12px #ffffff14}.music-armature b{transform-origin:100%;background:linear-gradient(90deg,#ffffff29,#6de8ffc2);border-radius:999px;width:190px;height:14px;position:absolute;top:76px;right:58px;transform:rotate(104deg)}.music-track-meta{grid-column:1/3;gap:6px;min-width:0;display:grid}.music-track-meta h2{overflow-wrap:anywhere;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,3.2vw,2.45rem);line-height:.9}.music-track-meta p{color:var(--muted);margin:0;font-size:.98rem;font-weight:800}.music-console-actions{justify-content:flex-end;gap:10px;display:flex}.music-console-actions button,.music-volume-module{color:var(--text);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:#6de8ff14;border:1px solid #6de8ff47;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s,border-color .2s;position:relative}.music-console-actions button:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#6de8ff66 0%,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.music-console-actions button{cursor:pointer;place-items:center;width:48px;height:48px;display:grid}.music-console-actions button:not(:disabled):hover{background:#6de8ff2e;border-color:#6de8ff99;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #6de8ff33,inset 0 0 12px #6de8ff1a}.music-console-actions button:not(:disabled):hover:before{opacity:1}.music-console-actions button:not(:disabled):active{transition:transform .1s;transform:translateY(0)scale(.95)}.music-console-actions .music-main-action{width:64px;color:var(--acid);background:#20ff001f;border-color:#9dff777a}.music-console-actions .music-main-action:before{background:radial-gradient(circle,#9dff7780 0%,#0000 70%)}.music-console-actions .music-main-action:not(:disabled):hover{background:#20ff0038;border-color:#9dff77cc;box-shadow:0 8px 28px #9dff774d,0 0 20px #20ff0026,inset 0 0 16px #9dff7726}.music-console-actions button:disabled{cursor:not-allowed;opacity:.42}.music-volume-module{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:9px 12px;display:grid}.music-volume-module input{width:100%;accent-color:var(--acid)}.music-volume-module strong{min-width:44px;color:var(--muted);text-align:right}.music-spectrum-shell{z-index:2;grid-column:1/-1;justify-self:stretch;gap:10px;width:100%;display:grid;position:relative}.music-spectrum-shell>div{color:var(--cyan);align-items:center;gap:8px;display:flex}.music-spectrum-canvas{clip-path:polygon(22px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 22px);background:#070b14ad;border:1px solid #ffffff1f;width:100%;height:clamp(96px,13vh,132px)}.music-track-rail{z-index:2;grid-template-columns:repeat(2,1fr);gap:12px;display:grid;position:relative}.music-track-chip{min-height:100px;color:var(--text);text-align:left;clip-path:polygon(18px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 18px);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e121ebd;border:1px solid #ffffff21;grid-template-columns:18px 88px minmax(0,1fr);align-items:center;gap:6px 14px;padding:14px 16px;transition:transform .2s,border-color .2s,background .2s,opacity .2s;display:grid}.music-track-chip:hover{transform:translateY(-6px)}.music-track-chip.active{background:linear-gradient(135deg,#ff5bb42e,#0000 72%),#14182ad1;border-color:#ff5bb499}.music-track-chip.dragging{opacity:.48}.music-track-chip.drop-target{background:linear-gradient(135deg,#6de8ff24,#0000 72%),#0e121ec7;border-color:#6de8ffc7}.music-track-grip{color:#6de8ffc2;cursor:grab;grid-area:1/1/4}.music-track-chip img{aspect-ratio:1;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);object-fit:cover;grid-area:1/2/4;width:88px}.music-track-chip>span{grid-column:3;font-size:2rem}.music-track-chip strong,.music-track-chip small{text-overflow:ellipsis;white-space:nowrap;grid-column:3;min-width:0;overflow:hidden}.music-track-chip strong{align-self:end;font-size:1.15rem}.music-track-chip small{color:var(--muted);align-self:start;font-size:.95rem}@keyframes music-spin{to{transform:rotate(360deg)}}@media (width<=820px){.music-console{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:0}.music-console-info,.music-track-meta,.music-console-actions,.music-volume-module{grid-column:1}.music-armature{display:none}.music-turntable{width:min(380px,80vw)}}@media (width<=680px){.music-stage{padding-top:72px}.music-stage-copy h1{font-size:clamp(3.6rem,22vw,5.8rem)}.music-orbit-field{display:none}.music-console{padding:24px 18px 26px}.music-turntable{width:min(230px,75vw)}.music-console-actions{justify-content:flex-start}.music-spectrum-canvas{height:130px}.music-track-rail{grid-template-columns:1fr}}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-bar button{border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);min-height:38px;color:var(--muted);background:#ffffff0f;border-radius:0;padding:8px 12px}.filter-bar button.active{color:var(--green);background:#9dff771f;border-color:#9dff7780}.photo-progress{max-width:420px;color:var(--muted);gap:8px;margin:-4px 0 18px;font-size:.82rem;font-weight:800;display:grid;position:relative}.photo-progress:after{content:"";background:#ffffff14;border-radius:999px;height:6px}.photo-progress i{background:linear-gradient(90deg, var(--cyan), var(--green), var(--amber));transform-origin:0;border-radius:999px;height:6px;transition:transform .28s;position:absolute;bottom:0;left:0;right:0}.photo-loader-layout{grid-template-columns:minmax(0,1fr) 54px;align-items:start;gap:16px;display:grid}.photo-grid{content-visibility:auto;contain-intrinsic-size:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.photo-tile{aspect-ratio:4/3;border:1px solid var(--line);background:var(--panel-solid);clip-path:polygon(18px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 18px);min-height:180px;color:var(--text);text-align:left;border-radius:0;padding:0;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.photo-tile:hover img{transform:scale(1.06)}.photo-tile span{z-index:1;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090fb8;border:1px solid #ffffff24;border-radius:0;gap:4px;padding:10px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.photo-tile small{color:var(--muted)}.photo-load-rail{border:1px solid var(--line);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);cursor:ns-resize;touch-action:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07090fa3;justify-items:center;width:54px;height:min(58vh,520px);min-height:280px;display:grid;position:sticky;top:96px}.photo-load-rail span{z-index:1;color:var(--cyan);writing-mode:vertical-rl;font-size:.62rem;font-weight:900;position:absolute;top:14px}.photo-load-rail:before{content:"";background:#ffffff17;border-radius:999px;width:4px;position:absolute;top:48px;bottom:22px}.photo-load-rail i{width:4px;height:calc((100% - 70px) * var(--loaded-progress,0));background:linear-gradient(0deg, var(--green), var(--cyan));border-radius:999px;transition:height .28s;position:absolute;bottom:22px}.photo-load-rail b{left:50%;top:calc(100% - 22px - (100% - 70px) * var(--loaded-progress,0));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#9dff7729;border:1px solid #9dff7799;width:30px;height:30px;transition:top .28s;position:absolute;transform:translate(-50%,-50%)}.photo-load-rail:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.photo-sentinel{min-height:88px;color:var(--muted);place-items:center;margin-top:18px;display:grid}.photo-sentinel button{min-height:44px;color:var(--text);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;background:#9dff771c;border:1px solid #9dff7766;padding:10px 16px;font-weight:900}.photo-sentinel button:disabled{cursor:wait;opacity:.68}.wlop-entry-section{padding-top:28px}.wlop-entry-card{clip-path:polygon(22px 0,100% 0,100% calc(100% - 30px),calc(100% - 34px) 100%,0 100%,0 22px);width:100%;min-height:320px;color:var(--text);text-align:left;cursor:pointer;isolation:isolate;background:linear-gradient(90deg,#0308108f,#0516244d 56%,#04080d75),url(/assets/optimized/wlop/2024/wlop-2024-dome2-2-4k-d98b3764.webp) 50% 58%/cover;border:1px solid #ffd3874d;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:24px;transition:border-color .28s,box-shadow .28s,filter .28s,transform .28s;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 34px 96px #00000075,inset 0 0 0 1px #ffffff0f}.wlop-entry-card:before{content:"";mix-blend-mode:screen;opacity:.58;pointer-events:none;background:radial-gradient(circle at 72% 44%,#ffe5b333,#0000 25%),linear-gradient(115deg,#ffe3b21f,#0000 40%,#0e638c29),linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/38px 38px;position:absolute;inset:0}.wlop-entry-card:after{content:"";pointer-events:none;background:#ffe1ac70;width:min(360px,44vw);height:1px;transition:opacity .24s;position:absolute;bottom:22px;right:22px}.wlop-entry-card:hover{filter:saturate(1.08)brightness(1.07);border-color:#ffe0abb8;transform:translateY(-4px);box-shadow:0 40px 112px #00000085,0 0 34px #ffbe5d29,inset 0 0 0 1px #ffeecb2e}.wlop-entry-card:active{transform:translateY(-1px)scale(.997)}.wlop-entry-copy{z-index:1;gap:8px;max-width:470px;display:grid;position:relative}.wlop-entry-card strong{color:#f9fbff;text-shadow:0 0 22px #ffda9557,0 8px 42px #0000008c;font-size:clamp(1.55rem,3vw,3rem);line-height:1}.wlop-entry-card small{color:#ffdca4;text-shadow:0 1px 18px #000000b8;max-width:420px;font-weight:800}.wlop-entry-action{z-index:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#ffe1ac;background:#ffbd571a;border:1px solid #ffdb9b7a;place-self:end;place-items:center;width:58px;height:58px;transition:background .24s,color .24s,transform .24s;display:grid;position:relative}.wlop-entry-card:hover .wlop-entry-action{color:#fff7de;background:#ffd58433;transform:scale(1.08)}.wlop-entry-card:hover:after{opacity:.82}.wlop-art-overlay{z-index:140;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 28% 16%,#6de8ff33,#0000 36%),radial-gradient(circle at 80% 24%,#9dff7721,#0000 30%),#05070d;position:fixed;inset:0;overflow:hidden}.wlop-art-toolbar{z-index:60;border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090fc7;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px;display:flex;position:fixed;top:18px;left:18px;right:18px}.wlop-art-toolbar>div:first-child{gap:2px;display:grid}.wlop-art-toolbar strong{font-size:1rem}.wlop-art-toolbar span{color:var(--muted);font-size:.78rem;font-weight:800}.wlop-art-close,.wlop-art-preview button{border:1px solid var(--line);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:46px;height:46px;color:var(--text);cursor:pointer;background:#ffffff14;place-items:center;display:grid}.wlop-year-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-left:auto;display:flex}.wlop-year-tabs button{border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);min-height:34px;color:var(--muted);cursor:pointer;background:#ffffff0f;padding:7px 13px;font-size:.78rem;font-weight:900}.wlop-year-tabs button.active{color:var(--green);background:#9dff7724;border-color:#9dff778f}.wlop-year-tabs button:disabled{cursor:wait;opacity:.74}.wlop-art-stage{z-index:1;cursor:grab;overscroll-behavior:contain;scrollbar-color:#6de8ffb3 #ffffff14;scrollbar-width:thin;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:auto}.wlop-art-stage.dragging{cursor:grabbing}.wlop-art-plane{-webkit-user-select:none;user-select:none;position:relative}.wlop-year-loading{z-index:40;pointer-events:auto;background:linear-gradient(#05070da8,#05070db8),radial-gradient(circle at 50% 42%,#6de8ff29,#0000 34%);place-items:center;padding:108px 18px 38px;display:grid;position:fixed;inset:0}.wlop-year-loading>div{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090fd1;border:1px solid #6de8ff57;justify-items:center;gap:8px;min-width:min(320px,100vw - 36px);padding:28px 30px 26px;display:grid;position:relative;box-shadow:0 28px 88px #0000006b}.wlop-year-loading i{aspect-ratio:1;border:2px solid #6de8ff2e;border-top-color:var(--cyan);border-right-color:var(--green);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:58px;animation:.9s linear infinite wlop-year-spin}.wlop-year-loading strong{color:var(--text);font-size:2.2rem;line-height:1}.wlop-year-loading span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900}@keyframes wlop-year-spin{to{transform:rotate(360deg)}}.wlop-art-piece{--wlop-glare-x:50%;--wlop-glare-y:50%;--wlop-tilt-x:0deg;--wlop-tilt-y:0deg;color:var(--text);box-shadow:none;cursor:zoom-in;contain:layout;perspective:980px;transform-origin:50%;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;will-change:transform, opacity, filter, clip-path;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;overflow:visible}.wlop-art-card{background:var(--panel-solid);width:100%;transform:translate3d(0, 0, 0) rotateX(var(--wlop-tilt-x)) rotateY(var(--wlop-tilt-y));transform-origin:50%;transform-style:preserve-3d;will-change:transform;border:1px solid #ffffff29;grid-template-rows:auto 42px;transition:border-color .18s,box-shadow .18s,filter .18s,transform .12s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 56px #0000005c}.wlop-art-card:after{content:"";background:radial-gradient(circle at var(--wlop-glare-x) var(--wlop-glare-y), #ffffff3d, #6de8ff14 24%, transparent 54%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .18s;position:absolute;inset:0}.wlop-art-piece:hover .wlop-art-card,.wlop-art-piece:focus-visible .wlop-art-card{filter:saturate(1.08)contrast(1.03);transform:translate3d(0, -12px, 42px) rotateX(var(--wlop-tilt-x)) rotateY(var(--wlop-tilt-y));border-color:#9dff778f;box-shadow:0 30px 78px #00000085,0 0 0 1px #6de8ff2e,0 0 36px #6de8ff29}.wlop-art-piece:hover .wlop-art-card:after,.wlop-art-piece:focus-visible .wlop-art-card:after{opacity:1}.wlop-art-piece:focus-visible{outline:none}.wlop-art-piece img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#00000047;width:100%;height:auto;display:block}.wlop-art-caption{color:var(--muted);text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090fb8;border-top:1px solid #ffffff1f;align-items:center;gap:8px;padding:0 10px;font-size:.72rem;font-weight:900;display:flex;overflow:hidden}.wlop-art-preview{z-index:150;background:#000000d6;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:76px 18px 32px;display:grid;position:fixed;inset:0}.wlop-art-preview button{position:fixed;top:24px;right:24px}.wlop-art-preview img{border:1px solid var(--line);clip-path:polygon(20px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 20px);object-fit:contain;width:min(100%,1180px);max-height:min(72dvh,760px);box-shadow:var(--shadow)}.wlop-art-preview div{gap:4px;width:min(100%,1180px);margin-top:12px;display:grid}.wlop-art-preview span{color:var(--muted)}.lightbox{z-index:120;background:#000000d1;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:72px 18px 32px;display:grid;position:fixed;inset:0;overflow:auto}.lightbox img{border:1px solid var(--line);clip-path:polygon(20px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 20px);object-fit:contain;width:min(100%,1100px);max-height:min(72dvh,760px);box-shadow:var(--shadow);border-radius:0}.lightbox div{gap:4px;width:min(100%,1100px);margin-top:12px;display:grid}.lightbox span{color:var(--muted)}.lightbox-close{z-index:121;border:1px solid var(--line);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:48px;height:48px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:0;place-items:center;display:grid;position:fixed;top:24px;right:24px}.game-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;display:grid}.game-stage{min-height:520px;position:relative;overflow:hidden}.game-stage>img{object-fit:cover;width:100%;height:520px}.game-stage-info{border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090fb8;border-radius:0;padding:12px;position:absolute;top:16px;left:16px}.shot-strip{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.shot-strip button{border:1px solid var(--line);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);cursor:pointer;background:#07090fb3;border-radius:0;padding:3px;overflow:hidden}.shot-strip button.active{border-color:var(--amber)}.shot-strip img{aspect-ratio:16/9;object-fit:cover;border-radius:0;width:100%}.game-cards{align-content:start;gap:12px;display:grid}.game-card{border-color:var(--line);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);color:var(--text);text-align:left;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:10px;display:grid;position:relative;overflow:hidden}.game-card img{aspect-ratio:4/3;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);object-fit:cover;border-radius:0;width:92px}.game-card span{gap:6px;display:grid}.game-card small{color:var(--muted);line-height:1.5}.game-card.active{background:#ffc8571a;border-color:#ffc85785}.code-layout{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.skill-panel{gap:18px;padding:18px;display:grid}.skill-row{gap:10px;display:grid}.skill-row>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.skill-row span{color:var(--muted);text-align:right;font-size:.88rem}.skill-meter{background:#ffffff14;border-radius:8px;height:10px;overflow:hidden}.skill-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--green), var(--amber));height:100%;display:block}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.project-card{clip-path:polygon(16px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 16px);gap:10px;min-height:246px;padding:16px;display:grid;position:relative;overflow:hidden}.project-card.featured{border-color:#6de8ff66}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips small{border:1px solid var(--line);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:#dce8f8;background:#ffffff0f;border-radius:0;padding:5px 8px}.project-card code{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.guestbook-hero h1{max-width:980px}.guestbook-section{padding-top:24px}.guestbook-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:18px;display:grid}.guestbook-panel,.guestbook-entry{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e121ec2}.guestbook-panel{gap:16px;padding:18px;display:grid}.guestbook-panel-head,.guestbook-field span,.guestbook-preview span,.guestbook-entry span{color:var(--cyan);text-transform:uppercase;font-size:.72rem;font-weight:900}.guestbook-panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.guestbook-panel-head span{align-items:center;gap:8px;display:inline-flex}.guestbook-panel-head strong{color:var(--muted);font-size:.8rem}.guestbook-field{gap:8px;display:grid}.guestbook-field div{border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);color:var(--cyan);background:#ffffff0e;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px 12px;display:grid}.guestbook-field input,.guestbook-field textarea{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.guestbook-field textarea{resize:vertical;border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 14px);background:#ffffff0e;min-height:148px;padding:14px;line-height:1.6}.guestbook-tone-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.guestbook-tone-grid button,.guestbook-submit{border:1px solid var(--line);min-height:42px;color:var(--muted);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;background:#ffffff0f;font-weight:900}.guestbook-tone-grid button.active.cyan,.guestbook-preview.cyan,.guestbook-entry.cyan.active{background:#6de8ff1f;border-color:#6de8ff7a}.guestbook-tone-grid button.active.green,.guestbook-preview.green,.guestbook-entry.green.active{background:#9dff771c;border-color:#9dff777a}.guestbook-tone-grid button.active.pink,.guestbook-preview.pink,.guestbook-entry.pink.active{background:#ff5bb41f;border-color:#ff5bb480}.guestbook-preview{border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 14px);min-height:92px;padding:14px}.guestbook-preview p{color:#dce8f8;margin:8px 0 0;line-height:1.65}.guestbook-submit{color:var(--text);background:#6de8ff21;border-color:#6de8ff75;justify-content:center;align-items:center;gap:8px;display:inline-flex}.guestbook-submit:disabled{cursor:not-allowed;opacity:.42}.guestbook-wall{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-height:620px;display:grid;position:relative}.guestbook-orbital{z-index:0;pointer-events:none;position:absolute;inset:10% 12%}.guestbook-orbital i{clip-path:polygon(50% 0,100% 30%,83% 100%,17% 100%,0 30%);border:1px solid #6de8ff24;animation:11s linear infinite guestbookOrbit;position:absolute;inset:10%}.guestbook-orbital i:nth-child(2){border-color:#ff5bb429;animation-duration:8s;animation-direction:reverse;inset:24%}.guestbook-orbital i:nth-child(3){border-color:#9dff7729;animation-duration:13s;inset:36%}.guestbook-entry{z-index:1;clip-path:polygon(16px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 16px);align-content:space-between;gap:12px;min-height:172px;padding:16px;display:grid;position:relative}.guestbook-entry p{color:#dce8f8;margin:0;line-height:1.7}.guestbook-entry div{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.guestbook-entry small{color:var(--muted)}@keyframes guestbookOrbit{to{transform:rotate(360deg)}}.site-footer{width:min(100%,1920px);color:var(--muted);margin:42px auto 0;padding:0 0 46px}.distortion-footer{--distortion-bg:#06352f;--distortion-ink:#07131f;--distort-x:50%;--distort-y:50%;--distort-x-px:50%;--distort-y-px:50%;--distort-strength:0;--distort-opacity:0;--reveal-progress:0;background:linear-gradient(115deg, #fff, transparent 36%), linear-gradient(180deg, #03280e 0%, var(--distortion-bg) 100%);min-height:clamp(170px,24vw,390px);color:var(--distortion-ink);cursor:crosshair;isolation:isolate;border-top:1px solid #6de8ff6b;border-bottom:1px solid #20ff0047;position:relative;overflow:hidden}.distortion-footer .distortion-word{transform:translateY(calc((1 - var(--reveal-progress)) * -80%));transition:transform .15s ease-out}.distortion-footer .distortion-label{transform:translateY(calc((1 - var(--reveal-progress)) * -200%));transition:transform .15s ease-out}.distortion-footer:before,.distortion-footer:after{z-index:3;content:"";opacity:calc(var(--distort-opacity) * .72);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.distortion-footer:before{mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 13px,#0000001f 13px 15px,#0000 15px 24px)}.distortion-footer:after{display:none}.distortion-label{z-index:5;color:#c7fff0;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900;position:absolute;top:18px;left:max(20px,50vw - 590px)}.distortion-word{--distort-window-width:2em;--distort-window-height:.76em;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(5.4rem,24vw,30rem);font-weight:1000;line-height:.76;display:grid;position:absolute;inset:10px min(2.2vw,42px) 0}.distortion-word:after{display:none}.distortion-word strong,.distortion-word i:before{font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;display:block}.distortion-word strong{z-index:0;position:absolute;transform:scaleX(1.04)}.distortion-word i{z-index:2;clip-path:inset(var(--slice-top) var(--fragment-right) var(--slice-bottom) var(--fragment-left));opacity:calc(var(--distort-opacity) * var(--fragment-opacity));pointer-events:none;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.distortion-word i:before,.distortion-word i:after{place-items:center;display:grid;position:absolute;inset:0}.distortion-word i:before{z-index:2;content:attr(data-text);transform:scaleX(1.04);transform:translate(var(--slice-shift), var(--slice-lift)) skewX(var(--slice-skew)) scaleX(1.04);transition:transform .18s cubic-bezier(.16,1,.3,1)}.distortion-word i:after{z-index:1;content:"";background:linear-gradient(115deg, #ffffffe6, transparent 36%), linear-gradient(180deg, #03280e 0%, var(--distortion-bg) 100%);transform:scaleX(1.04)}.site-footer p{width:min(1180px,100% - 32px);margin:16px auto 0}.creative-signal{overflow:hidden}.kinetic-marquee{width:max-content;color:var(--acid);text-transform:uppercase;white-space:nowrap;text-shadow:0 0 30px #20ff0042;will-change:transform;margin-bottom:24px;font-size:clamp(2.8rem,9vw,8rem);font-weight:1000;line-height:.9;display:flex}.kinetic-marquee span{padding-right:28px}.signal-layout{grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:stretch;gap:22px;display:grid}.signal-copy{align-content:center;gap:18px;display:grid}.signal-copy h2{margin:0;font-size:clamp(2.4rem,5.6vw,6.6rem);line-height:.92}.signal-copy h2 strong{color:var(--acid);font-style:normal}.signal-copy p{color:#c5d2e5;max-width:620px;margin:0;line-height:1.85}.signal-action{width:fit-content;min-height:46px;color:var(--text);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;background:#20ff001c;border:1px solid #20ff0070;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex}.signal-board{border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#20ff0021,#0000 42%),#0e121ebd;grid-template-columns:.78fr 1fr;gap:18px;padding:18px;display:grid}.signal-radar{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);min-height:100%;color:var(--acid);background:#0003;border:1px solid #ffffff21;place-items:center;display:grid;position:relative;overflow:hidden}.signal-radar:before{content:"";background:linear-gradient(90deg,#0000,#20ff00b3,#0000);width:160%;height:1px;animation:3.4s ease-in-out infinite radarSweep;position:absolute;transform:rotate(-28deg)}.signal-radar svg{z-index:1;filter:drop-shadow(0 0 20px #20ff0073)}.signal-radar i{aspect-ratio:1;border:1px solid #20ff0047;border-radius:999px;width:44%;animation:2.8s ease-out infinite radarPulse;position:absolute}.signal-radar i:nth-child(3){animation-delay:.7s}.signal-radar i:nth-child(4){animation-delay:1.4s}.signal-card-stack{align-content:center;gap:12px;display:grid}.signal-card{border:1px solid var(--line);color:var(--text);text-align:left;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);cursor:pointer;background:#ffffff0b;grid-template-columns:auto 1fr;gap:6px 10px;padding:14px;display:grid;position:relative;overflow:hidden}.signal-card svg{color:var(--acid);grid-row:span 3}.signal-card span{color:var(--cyan);text-transform:uppercase;font-size:.72rem;font-weight:900}.signal-card strong{font-size:1.1rem}.signal-card small{color:var(--muted);line-height:1.6}.signal-card.active{background:#20ff001a;border-color:#20ff006b}.tactile-playground{gap:22px;display:grid}.tactile-copy{gap:12px;max-width:760px;display:grid}.tactile-copy h2{margin:0;font-size:clamp(2.3rem,5vw,5.8rem);line-height:.95}.tactile-copy p{color:var(--muted);margin:0;line-height:1.8}.tactile-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:16px;display:grid}.drag-deck,.metaball-stage{border:1px solid var(--line);min-height:360px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e121eb3}.drag-deck{position:relative;overflow:hidden}.deck-axis{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);pointer-events:none;border:1px solid #6de8ff24;position:absolute;inset:20%}.deck-axis:before,.deck-axis:after{content:"";background:#6de8ff2e;width:140%;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(28deg)}.deck-axis:after{transform:translate(-50%,-50%)rotate(-28deg)}.drag-token{min-width:92px;color:var(--text);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:grab;touch-action:none;background:linear-gradient(120deg,#6de8ff29,#20ff0014),#07090fdb;border:1px solid #6de8ff57;padding:12px 14px;font-weight:900;position:absolute}.drag-token:active{cursor:grabbing}.metaball-stage{place-items:center;display:grid;position:relative;overflow:hidden}.metaball-filter{filter:blur(18px)saturate(1.45);background:#07090f14;position:absolute;inset:-8%}.blob{aspect-ratio:1;opacity:.68;mix-blend-mode:screen;border-radius:999px;width:clamp(118px,18vw,230px);position:absolute}.blob.cyan{background:var(--cyan);top:18%;left:19%}.blob.pink{background:var(--pink);top:25%;right:18%}.blob.green{background:var(--green);bottom:16%;right:31%}.blob.amber{background:var(--amber);bottom:25%;left:33%}.metaball-readout{z-index:1;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090fad;border:1px solid #ffffff2e;gap:6px;padding:16px 18px;display:grid;position:relative}.metaball-readout strong{color:var(--acid);text-transform:uppercase;font-size:1.2rem}.metaball-readout span{color:#dce8f8}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-card{border:1px solid var(--line);min-height:260px;color:var(--text);text-align:left;clip-path:polygon(34px 0,100% 0,100% calc(100% - 44px),calc(100% - 44px) 100%,0 100%,0 34px);background:radial-gradient(circle at 22% 18%,#6de8ff33,#0000 34%),#0e121ebd;align-content:end;gap:12px;padding:28px;display:grid;position:relative}.portal-card.lab{background:radial-gradient(circle at 72% 22%,#ff5bb433,#0000 34%),#0e121ebd}.portal-card svg{color:var(--cyan)}.portal-card strong{font-size:clamp(1.7rem,4vw,3.5rem);line-height:1}.portal-card span{color:var(--muted)}.page-loader{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 45%,#6de8ff29,#0000 28%),#07090fe0;place-items:center;display:grid;position:fixed;inset:0}.page-loader span{color:var(--cyan);text-transform:uppercase;margin-top:132px;font-weight:900}.loader-mark{aspect-ratio:1;width:132px;position:absolute}.loader-mark i{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);border:2px solid #6de8ff8f;animation:1.2s linear infinite loaderSpin;position:absolute;inset:0}.loader-mark i:nth-child(2){border-color:#ff5bb48f;animation-duration:.9s;animation-direction:reverse;inset:18px}.loader-mark i:nth-child(3){border-color:#9dff7799;animation-duration:1.7s;inset:38px}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes marqueeSlide{to{transform:translate(-50%)}}@keyframes radarSweep{0%,to{transform:translateY(-130%)rotate(-28deg)}50%{transform:translateY(130%)rotate(-28deg)}}@keyframes radarPulse{0%{opacity:.75;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}@media (width<=980px){.hero-section,.music-grid,.game-layout,.code-layout,.signal-layout,.tactile-grid,.guestbook-layout{grid-template-columns:1fr}.hero-section{gap:12px;padding-top:116px}.hero-orbit{--orbit-scale:.86;min-height:430px}.project-grid,.signal-board{grid-template-columns:1fr}.signal-radar{min-height:260px}.drag-deck,.metaball-stage{min-height:320px}.guestbook-wall{min-height:0}}@media (width<=680px){.topbar{border-left:0;border-right:0;border-radius:0;width:100%;position:sticky;top:0;left:auto;transform:none}.brand{font-size:.95rem}.topbar nav button{padding:7px 8px;font-size:.78rem}.nav-toggle{width:34px;height:34px}.hero-section,.section{width:min(100% - 24px,1180px)}.hero-copy h1{font-size:clamp(2.25rem,15vw,4.4rem)}.hero-orbit{--orbit-scale:.54;min-height:330px}.hero-orbit:before{width:min(320px,84vw)}.hero-orbit:after{width:min(230px,60vw)}.orbit-card{font-size:.78rem}.orbit-card.music{left:8px}.orbit-card.games{right:8px}.orbit-card.code{left:34px}.track-list{grid-template-columns:1fr}.now-playing{grid-template-columns:64px 1fr auto;gap:10px}.now-playing img{width:64px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-loader-layout{grid-template-columns:1fr}.wlop-entry-card{grid-template-columns:1fr;min-height:150px;padding:18px}.wlop-art-toolbar{top:10px;left:10px;right:10px}.wlop-art-toolbar span{display:none}.wlop-art-caption{min-height:28px;font-size:.66rem}.photo-load-rail{cursor:ew-resize;grid-row:1;width:100%;height:46px;min-height:46px;position:relative;top:auto}.photo-load-rail span{writing-mode:horizontal-tb;top:50%;left:14px;transform:translateY(-50%)}.photo-load-rail:before{width:auto;height:4px;inset:50% 22px auto 72px;transform:translateY(-50%)}.photo-load-rail i{width:calc((100% - 94px) * var(--loaded-progress,0));height:4px;top:50%;bottom:auto;left:72px;transform:translateY(-50%)}.photo-load-rail b{left:calc(72px + (100% - 94px) * var(--loaded-progress,0));top:50%!important}.photo-tile,.photo-tile:nth-child(5n+1),.photo-tile:nth-child(5n+4){grid-column:auto}.game-stage,.game-stage>img{height:360px;min-height:360px}.shot-strip{grid-template-columns:repeat(3,1fr)}.game-card{grid-template-columns:76px 1fr}.game-card img{width:76px}.page-hero{min-height:34vh;padding-top:70px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:190px}.kinetic-marquee{margin-bottom:16px}.signal-board{min-height:0;padding:12px}.drag-deck,.metaball-stage{min-height:280px}.drag-token{min-width:76px;padding:10px 11px;font-size:.86rem}.music-dock{grid-template-columns:48px minmax(0,1fr) auto;width:auto;bottom:12px;left:12px;right:12px}.dock-cover{width:48px}.dock-volume{grid-column:1/-1}.skill-row>div:first-child{display:grid}.skill-row span{text-align:left}.guestbook-tone-grid,.guestbook-wall{grid-template-columns:1fr}.guestbook-panel{padding:14px}.guestbook-entry,.distortion-footer{min-height:150px}.distortion-label{font-size:.68rem;left:14px}.distortion-word{font-size:clamp(3.6rem,24vw,6rem);inset:18px 12px 0}}