@import"https://fonts.googleapis.com/css2?family=Anton&family=Space+Mono:wght@400;700&family=Noto+Sans+TC:wght@300;400;700;900&display=swap";:root{--bg: #0f0e14;--bg2: #15131c;--rose: #d4756a;--sage: #6dab80;--slate: #5e8fbf;--sand: #d4a96a;--ash: #a09898;--cream: #ede5d8;--coal: #1a1820;--zine-mid: #c8bfb0;--text: #eee8e0;--text-dim: rgba(238, 232, 224, .55);--text-faint: rgba(238, 232, 224, .28);--border: rgba(210, 190, 170, .15);--border-light: rgba(210, 190, 170, .32);--mono: "Space Mono", monospace;--head: "Anton", sans-serif;--sans: "Noto Sans TC", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);cursor:none}a,button{cursor:none;color:inherit}button{background:transparent;border:0}#cursor-dot,#cursor-ring{position:fixed;pointer-events:none;transform:translate(-50%,-50%)}#cursor-dot{width:6px;height:6px;background:var(--rose);border-radius:50%;z-index:9999}#cursor-ring{width:28px;height:28px;border:1px solid rgba(212,117,106,.55);border-radius:50%;z-index:9998}.scanline{position:fixed;left:0;right:0;height:2px;background:linear-gradient(transparent,rgba(196,153,138,.3),transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:5}.edge-nav{position:fixed;z-index:1000;-webkit-user-select:none;user-select:none}.nav-logo{top:0;bottom:0;left:0;width:52px;display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(232,226,216,.1);padding:28px 0}.nav-logo-top-rule{width:24px;height:2px;background:var(--rose)}.nav-logo-name,.nav-logo-year,.nav-logo-vol{writing-mode:vertical-rl}.nav-logo-name{flex:1;display:flex;align-items:center;justify-content:center;transform:rotate(180deg);font-family:var(--head);font-size:13px;letter-spacing:5px}.nav-logo-year,.nav-logo-vol{font-family:var(--mono);font-size:7px;letter-spacing:2px;color:var(--text-faint)}.nav-logo-vol{transform:rotate(180deg)}.nav-logo-dot{width:5px;height:5px;margin:12px 0;border-radius:50%;background:var(--rose);animation:nav-blink 2.5s steps(1) infinite}.nav-tape{top:0;left:52px;right:0;height:36px;display:flex;align-items:center;gap:20px;padding:0 32px;border-bottom:1px solid rgba(232,226,216,.1)}.nav-tape-publication{font-family:var(--head);font-size:10px;letter-spacing:4px;color:var(--text-faint)}.nav-tape-sep{width:1px;height:12px;background:#e8e2d826}.nav-tape-section,.nav-tape-date,.nav-torn-meta,.nav-alert-issue,.hero-kicker,.stats-label,.module-kicker,.sponsor-kicker,.join-subtitle,.events-meta{font-family:var(--mono);letter-spacing:2px}.nav-tape-section{font-size:8px;color:var(--slate)}.nav-tape-date{font-size:8px;color:var(--text-faint);margin-left:auto}.nav-torn{bottom:0;left:52px;height:40px;display:flex;align-items:stretch;border-top:1px solid rgba(232,226,216,.1)}.nav-torn-index{display:flex;align-items:center;padding:0 16px;background:var(--sage);color:var(--coal);font-family:var(--head)}.nav-torn-divider{width:1px;background:#e8e2d81a}.nav-torn-body{padding:0 20px;display:flex;flex-direction:column;justify-content:center;gap:2px}.nav-torn-label,.nav-alert-label{font-family:var(--head);letter-spacing:2px}.nav-torn-label{font-size:11px}.nav-torn-meta,.nav-alert-issue{font-size:7px;color:var(--text-faint)}.nav-alert{bottom:0;right:0;height:40px;display:flex;align-items:center;gap:14px;padding:0 28px;border-top:1px solid rgba(232,226,216,.1);border-left:1px solid rgba(232,226,216,.1)}.nav-alert-num{font-family:var(--head);font-size:18px;color:var(--text-faint)}.nav-alert-stack{display:flex;flex-direction:column;gap:2px}.nav-alert-label{font-size:11px}.nav-logo:hover,.nav-logo:focus-visible{border-right-color:#d4756a80;background:#d4756a0a}.nav-logo:hover .nav-logo-name,.nav-logo:focus-visible .nav-logo-name{color:var(--rose)}.nav-tape:hover,.nav-tape:focus-visible{border-bottom-color:#d4756a80;background:#d4756a0a}.nav-tape:hover .nav-tape-section,.nav-tape:focus-visible .nav-tape-section{color:var(--rose)}.nav-torn:hover,.nav-torn:focus-visible{border-top-color:#d4756a80}.nav-torn:hover .nav-torn-index,.nav-torn:focus-visible .nav-torn-index{background:var(--rose)}.nav-torn:hover .nav-torn-label,.nav-torn:focus-visible .nav-torn-label{color:var(--rose)}.nav-alert:hover,.nav-alert:focus-visible{border-top-color:#d4756a80;border-left-color:#d4756a80;background:#d4756a0a}.nav-alert:hover .nav-alert-label,.nav-alert:focus-visible .nav-alert-label{color:var(--rose)}.edge-nav:focus-visible{outline:2px solid var(--rose);outline-offset:-2px}#cursor-ring.cursor-hover{width:44px;height:44px;border-color:#d4756ad9;transition:width .15s ease,height .15s ease,border-color .15s ease}#cursor-ring{transition:width .15s ease,height .15s ease,border-color .15s ease}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#0b0b0f;display:flex;font-family:var(--mono)}.boot-left,.boot-right{padding:48px}.boot-left{flex:1;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto}.boot-right{width:380px;border-left:1px solid rgba(200,190,175,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.boot-log-line{font-size:12px;line-height:1.9;white-space:pre-wrap;opacity:0;animation:boot-line-in .05s ease forwards}.boot-log-ok{color:#6dab80}.boot-log-info{color:#7a9ab8}.boot-log-warn{color:#d4a96a}.boot-log-dim{color:#c8beaf59}.boot-log-white{color:#e8e2d8}.boot-log-prompt{color:#d4756a}.boot-caret{opacity:1;animation:blink 1s steps(1) infinite}.boot-logo-ascii{color:var(--rose);font-size:11px;line-height:1.35;text-align:center;opacity:0;animation:boot-logo-in .6s ease forwards .3s}.boot-mascot{width:200px;margin-top:-8px;opacity:0;filter:drop-shadow(0 0 20px rgba(212,117,106,.3));animation:boot-mascot-in .7s cubic-bezier(.34,1.56,.64,1) forwards .8s}.boot-tagline{margin-top:16px;font-size:9px;letter-spacing:4px;color:#c8beaf66;opacity:0;animation:boot-line-in .4s ease forwards 1.4s}.boot-progress-wrap{position:absolute;left:0;right:0;bottom:28px;padding:0 32px;opacity:0;animation:boot-line-in .3s ease forwards 1s}.boot-progress-bar{height:2px;position:relative;background:#c8beaf1f;overflow:hidden}.boot-progress-fill{position:absolute;inset-block:0;left:0;background:linear-gradient(90deg,var(--rose),var(--sand));box-shadow:0 0 8px #d4756a99;transition:width .2s linear}.boot-progress-label{margin-top:6px;font-size:8px;letter-spacing:3px;text-align:right;color:#c8beaf4d}.boot-exit{animation:boot-exit .6s steps(8) forwards}.page-view{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow-y:auto;overflow-x:hidden;padding:72px 40px 56px 88px}.page-view.active{display:block;animation:page-reveal .35s steps(4) forwards}.page-view::-webkit-scrollbar{width:3px}.page-view::-webkit-scrollbar-thumb{background:var(--rose)}.cutout{display:inline-block;padding:0 .2em;background:var(--cream);color:var(--coal);transform:skew(-8deg);box-shadow:3px 3px 0 var(--rose)}.cutout-rose{background:var(--rose);color:var(--cream);box-shadow:3px 3px 0 var(--coal)}.cutout-slate{background:var(--slate);color:var(--cream);box-shadow:3px 3px 0 var(--coal)}.punk-img{position:relative;display:inline-block}.punk-img img{display:block;width:100%;border:3px solid var(--zine-mid);filter:grayscale(40%) sepia(20%) contrast(110%)}.punk-img:after{content:"";position:absolute;top:8px;left:8px;right:-8px;bottom:-8px;z-index:-1;background:var(--slate);border:1.5px solid var(--coal)}.tape{position:absolute;background:#c9b89ab3;color:var(--coal);border:1.5px solid rgba(0,0,0,.2);font-family:var(--mono);font-size:.65rem;padding:2px 12px;font-weight:700}.zine-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;max-width:1200px;margin:0 auto}.hero-page{position:relative;min-height:calc(100vh - 128px);display:flex;align-items:center}.hero-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:48px;align-items:center}.hero-copy{position:relative;z-index:30;max-width:680px;animation:fade-up .7s ease forwards .1s;opacity:0}.hero-kicker{font-size:10px;color:var(--ash);margin-bottom:18px}.hero-title-main{font-family:var(--head);font-size:clamp(72px,14vw,180px);line-height:.9;letter-spacing:2px;color:var(--cream)}.hero-title-sub{margin-top:10px;font-family:var(--mono);font-size:clamp(18px,2.8vw,30px);letter-spacing:4px;text-transform:uppercase;color:var(--rose)}.hero-summary{margin-top:28px;max-width:600px;padding:18px 22px;border-left:4px solid var(--rose);background:#2a2620bf;font-size:clamp(18px,2.2vw,24px);line-height:1.6}.hero-description{margin-top:18px;max-width:560px;color:var(--text-dim);font-size:15px;line-height:1.9}.type-cursor{animation:blink 1s infinite;color:var(--rose)}.hero-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:16px;margin-top:32px}.cta-primary,.cta-secondary{padding:12px 32px;font-family:var(--mono);font-size:12px;letter-spacing:2px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease}.cta-primary{background:var(--rose);color:var(--coal);border:2px solid var(--coal);box-shadow:4px 4px 0 var(--coal)}.cta-secondary{border:2px solid var(--cream);color:var(--cream);background:transparent;box-shadow:4px 4px 0 var(--rose)}.cta-primary:hover,.cta-primary:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--coal)}.cta-secondary:hover,.cta-secondary:focus-visible{transform:translate(-2px,-2px);background:#ede5d814;box-shadow:6px 6px 0 var(--rose)}.hero-nav-card:hover,.hero-nav-card:focus-visible{transform:translate(-3px,-3px);border-color:var(--rose);box-shadow:6px 6px #d4756a73;background:#2a2434f2}.hero-nav-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-nav-card{display:flex;min-height:120px;padding:18px;text-align:left;flex-direction:column;justify-content:space-between;border:2px solid var(--border-light);border-top:3px solid var(--rose);background:#201c28eb;color:var(--text);box-shadow:4px 4px #d4756a40;cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.hero-nav-title{font-family:var(--head);font-size:22px;line-height:1;color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-nav-title:after{content:"→";font-family:var(--mono);font-size:16px;color:var(--rose);opacity:.7;transition:transform .15s ease,opacity .15s ease;flex-shrink:0}.hero-nav-card:hover .hero-nav-title:after,.hero-nav-card:focus-visible .hero-nav-title:after{transform:translate(4px);opacity:1}.hero-nav-desc{margin-top:12px;color:var(--text-dim);font-size:13px;line-height:1.6}.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:520px}.hero-image-frame{width:min(100%,430px);transform:rotate(2.5deg)}.hero-image-frame img{aspect-ratio:4 / 5;object-fit:cover}.hero-image-tape{top:-14px;left:18px;transform:rotate(-4deg)}.hero-stat-card{position:absolute;left:-12px;bottom:32px;width:220px;padding:18px;border:1px solid var(--border-light);background:#111018eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-stat-row+.hero-stat-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.hero-stat-value{display:block;font-family:var(--head);font-size:32px;line-height:1;color:var(--rose)}.hero-stat-label{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:1.8px;color:var(--text-faint)}.about-page,.modules-page,.events-page{max-width:1200px;margin:0 auto;padding:3rem 0 6rem}.about-headline{grid-column:1 / -1;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:6px solid var(--zine-mid)}.about-headline h1{display:flex;flex-direction:column;gap:10px;font-family:var(--head);font-size:clamp(50px,8vw,100px);line-height:.9}.about-copy{grid-column:1 / 8;font-size:14px;line-height:2}.about-callout{margin-bottom:24px;padding:20px 24px;border:2px dashed rgba(200,191,176,.25);background:#2a262080;font-family:var(--mono)}.highlight-inline{background:var(--cream);color:var(--coal);padding:0 4px;font-weight:700}.about-body{color:var(--text-dim);line-height:2.2;margin-bottom:24px}.about-tags{display:flex;flex-wrap:wrap;gap:12px}.about-tags span{display:inline-block;padding:4px 12px;border:2px solid var(--rose);color:var(--rose);font-family:var(--head);font-size:16px}.about-tags span:nth-child(2){border-color:var(--sage);color:var(--sage);transform:rotate(1.5deg)}.about-tags span:nth-child(3){border-color:var(--slate);color:var(--slate);transform:rotate(-1deg)}.about-tags span:nth-child(4){border-color:var(--sand);color:var(--sand);transform:rotate(2deg)}.about-image-wrap{grid-column:8 / -1;display:flex;justify-content:center;padding-top:16px}.about-image-wrap .punk-img{max-width:360px;transform:rotate(2deg)}.about-image-tape{top:50%;left:0;right:0;transform:translateY(-50%) rotate(10deg);text-align:center;font-size:1rem}.terminal-card,.sponsor-card{margin-top:48px}.terminal-card{grid-column:1 / 6;border:1px solid var(--border-light);background:var(--bg2)}.terminal-title{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:9px;color:var(--text-faint)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.rose{background:#c4998a}.terminal-dot.sand{background:#c9b89a}.terminal-dot.sage{background:#8a9e8c}.terminal-body{padding:20px;font-family:var(--mono);font-size:12px;line-height:2.4;color:var(--text-dim)}.terminal-body div{display:grid;grid-template-columns:20px 90px 1fr;gap:12px}.terminal-body span:first-child{color:var(--rose)}.terminal-body span:nth-child(2){color:var(--slate)}.terminal-body .ok{color:var(--sage)}.terminal-body .accent{color:var(--rose)}.sponsor-card{grid-column:7 / -1;padding:24px 28px;border:2px solid var(--border-light);background:#2a262066}.sponsor-kicker{font-size:9px;color:var(--ash);margin-bottom:16px}.sponsor-list{display:flex;flex-direction:column;gap:12px}.sponsor-list div{display:flex;align-items:center;gap:16px}.tier{padding:3px 10px;border:1px solid currentColor;font-family:var(--mono);font-size:9px;letter-spacing:2px}.tier.rose{color:var(--rose)}.tier.slate{color:var(--slate)}.tier.sage{color:var(--sage)}.module-kicker{display:inline-block;margin-bottom:40px;padding:4px 12px;background:var(--cream);color:var(--coal);border:1.5px solid var(--coal);font-size:10px}.module-list{display:flex;flex-direction:column;gap:3px}.module-card{position:relative;padding:32px 48px 32px 80px;border:2px solid;transition:all .2s steps(3)}.module-ghost{position:absolute;left:-8px;top:-16px;font-family:var(--head);font-size:88px;color:transparent;-webkit-text-stroke-width:2px;transform:rotate(-3deg)}.module-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.module-title{display:inline-block;margin-bottom:8px;font-family:var(--head);font-size:clamp(28px,3vw,44px);line-height:1.1;white-space:pre-line;padding:0 8px}.module-subtitle{margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:2px}.module-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.module-tags span{padding:3px 10px;border:1px solid;font-family:var(--mono);font-size:9px;letter-spacing:1.5px}.module-desc{margin-top:4px;font-size:14px;line-height:2;color:var(--text-dim)}.join-banner{margin-top:48px;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border:2px dashed rgba(196,153,138,.3)}.join-title{font-family:var(--head);font-size:28px;color:var(--rose)}.join-subtitle{margin-top:6px;font-size:12px;color:var(--text-faint)}.events-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;padding-bottom:16px;border-bottom:6px solid var(--rose)}.events-header h1{font-family:var(--head);font-size:clamp(40px,7vw,88px);line-height:.9}.events-header h1 span{color:transparent;-webkit-text-stroke:2px var(--zine-mid)}.events-meta{padding-bottom:8px;font-size:12px;text-align:right;color:var(--text-dim)}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;align-items:start}.event-card{position:relative}.event-card-1{margin-top:40px}.event-card-2{margin-top:72px}.event-image img{height:220px;object-fit:cover}.event-date,.event-status{position:absolute;top:-20px;z-index:30}.event-date{left:-16px;padding:6px 14px;background:var(--bg2);border:3px solid;font-family:var(--head);font-size:16px;transform:rotate(-1deg)}.event-status{right:-8px;padding:3px 10px;border:1.5px solid var(--border);color:var(--text-faint);font-family:var(--mono);font-size:8px;letter-spacing:1.5px}.event-status-live{background:var(--rose);color:var(--coal);border-color:var(--coal)}.event-copy{margin-top:28px;padding:20px 24px;border:1.5px dashed rgba(200,191,176,.2);background:#211e1a80}.event-copy h3{margin-bottom:10px;font-family:var(--head);font-size:20px}.event-copy p{font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--text-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes nav-blink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{top:-4px}to{top:100vh}}@keyframes boot-line-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes boot-logo-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes boot-mascot-in{0%{opacity:0;transform:translateY(30px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes boot-exit{0%{opacity:1}30%{opacity:1;filter:brightness(2) contrast(3)}60%{opacity:.4;filter:brightness(.3)}to{opacity:0;pointer-events:none}}@keyframes page-reveal{0%{opacity:0;transform:translate(-8px,6px);filter:sepia(1) contrast(1.2)}40%{opacity:.6;transform:translate(4px,-3px);filter:sepia(.4)}70%{opacity:.9;transform:translate(-2px,1px)}to{opacity:1;transform:translate(0)}}@media(max-width:960px){html,body,#root,.page-view{overflow:auto}body{cursor:auto}#cursor-dot,#cursor-ring,.scanline{display:none}.page-view{padding:88px 20px 88px 72px}.join-banner,.events-grid,.module-card-grid,.zine-grid{display:block}.hero-layout{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:none}.hero-nav-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.hero-image-frame{width:min(100%,360px);margin:0 auto}.hero-stat-card{position:static;width:min(100%,360px);margin:20px auto 0}.about-copy,.about-image-wrap,.terminal-card,.sponsor-card,.about-headline{grid-column:auto}.event-card,.event-card-1,.event-card-2{margin-top:0;margin-bottom:48px}}@media(max-width:640px){.page-view{padding:76px 18px 72px}.hero-page{min-height:auto}.hero-title-main{font-size:clamp(64px,24vw,120px)}.hero-title-sub{letter-spacing:2px}.hero-summary{font-size:17px;padding:16px 18px}.hero-actions{gap:12px}.cta-primary,.cta-secondary{width:100%;justify-content:center;text-align:center}.nav-tape{left:0;padding:0 14px}.nav-logo{display:none}.nav-torn,.nav-alert{left:0;right:0}.nav-alert{justify-content:center;padding:0 14px}}