:root{--bg:#0a0907;--board-frame:#1a1815;--board-inner:#050403;--tile-bg:#18160f;--tile-bg-hi:#2a2618;--tile-divider:#000;--char:#f0e6c8;--char-shadow:#000000d9;--c-red:#d8201e;--c-orange:#e87b20;--c-yellow:#e8bf2a;--c-green:#2e9d3a;--c-blue:#2461a6;--c-violet:#6c2a8c;--c-white:#e8e3d4;--accent:#e8bf2a;--muted:#a8a090}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--char);min-height:100vh;font-family:IBM Plex Mono,monospace;overflow-x:hidden;background:#0a0907!important}body:before{content:"";pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:99;background:radial-gradient(#0000 40%,#0009 100%);position:fixed;inset:0}.page{z-index:1;background:#0a0907;max-width:1100px;min-height:100vh;margin:0 auto;padding:40px 20px 80px;position:relative}.board-frame{background:linear-gradient(#2a2620 0%,#1a1815 50%,#0f0d0a 100%);border-radius:8px;padding:16px;position:relative;box-shadow:0 0 0 2px #0a0907,0 0 0 3px #3a342a,0 36px 80px #000000c7,inset 0 1px #ffffff14}.board-frame:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:6px;left:14px;right:14px}.board{background:var(--board-inner);aspect-ratio:22/16;border-radius:3px;grid-template-rows:repeat(16,1fr);grid-template-columns:repeat(22,1fr);gap:2px;padding:12px;display:grid;box-shadow:inset 0 2px 14px #000000e6}.tile{background:var(--tile-bg);border-radius:1px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0009}.tile:after{content:"";background:var(--tile-divider);z-index:3;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.tile .char{color:var(--char);text-shadow:0 1px 1px var(--char-shadow);-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform,opacity;font-family:Archivo Black,sans-serif;font-size:clamp(10px,2.2vw,28px);line-height:1}.tile.c-red{background:var(--c-red);box-shadow:inset 0 2px 4px #0006,inset 0 -2px 4px #0006}.tile.c-orange{background:var(--c-orange)}.tile.c-yellow{background:var(--c-yellow)}.tile.c-green{background:var(--c-green)}.tile.c-blue{background:var(--c-blue)}.tile.c-violet{background:var(--c-violet)}.tile.c-white{background:var(--c-white)}.tile[class*=c-] .char{opacity:0}.tile[class*=c-]:after{background:#00000040}.tile.flipping .char{animation:60ms ease-in flip}@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(.05)}to{transform:scaleY(1)}}.section{margin-top:40px}.picker-section{margin-top:36px}.section-label{letter-spacing:.3em;color:#c4bca8;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:10px;font-weight:400;display:flex}.section-label:after{content:"";background:linear-gradient(90deg,#c4bca8,#0000);flex:1;height:1px}.picker-wrap{margin:0 -20px;position:relative}.date-picker{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2a2620 transparent;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 20px 18px;scroll-padding:20px;display:flex;overflow-x:auto}.date-picker::-webkit-scrollbar{height:6px}.date-picker::-webkit-scrollbar-track{background:0 0}.date-picker::-webkit-scrollbar-thumb{background:#2a2620;border-radius:3px}.date-picker::-webkit-scrollbar-thumb:hover{background:var(--muted)}.picker-wrap:before,.picker-wrap:after{content:"";pointer-events:none;z-index:2;width:30px;position:absolute;top:0;bottom:18px}.picker-wrap:before{background:linear-gradient(90deg,var(--bg),transparent);left:0}.picker-wrap:after{background:linear-gradient(270deg,var(--bg),transparent);right:0}.date-card{scroll-snap-align:center;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#18160f 0%,#14110b 100%);border:1px solid #2a2620;border-radius:5px;flex:0 0 220px;padding:20px 14px 18px;transition:all .2s;position:relative;overflow:hidden}.date-card:before{content:"";background:var(--muted);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.date-card:hover{border-color:var(--muted);background:linear-gradient(#1f1c14 0%,#18160f 100%);transform:translateY(-1px)}.date-card.selected{border-color:var(--accent);background:linear-gradient(#e8bf2a14 0%,#e8bf2a05 100%);box-shadow:0 8px 24px #e8bf2a14}.date-card.selected:before{background:var(--accent);opacity:1}.date-card .dow{letter-spacing:.3em;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:10px}.date-card .date{letter-spacing:.06em;color:var(--char);margin-bottom:10px;font-family:Archivo Black,sans-serif;font-size:26px;line-height:1}.date-card .time{color:var(--muted);letter-spacing:.2em;margin-bottom:14px;font-size:11px}.date-card .divider{background:#2a2620;width:28px;height:1px;margin:0 auto 14px;transition:background .2s}.date-card.selected .divider{background:var(--accent)}.date-card .topic{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:1.4}.date-card.selected .topic{color:var(--char)}.ical-btn{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:12px;padding:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s;display:inline-block}.ical-btn:hover{color:var(--char);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.date-card.selected .ical-btn{color:#c4bca8}.signup{flex-wrap:wrap;gap:8px;display:flex}.signup input{min-width:200px;color:var(--char);background:#18160f;border:1px solid #2a2620;border-radius:3px;outline:none;flex:1;padding:14px 16px;font-family:IBM Plex Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.signup input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8bf2a26}.signup input::placeholder{color:var(--muted)}.signup button{background:var(--accent);color:#1a1815;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:14px 24px;font-family:Archivo Black,sans-serif;font-size:12px;transition:transform .1s,background .2s}.signup button:hover{background:#f5cc3a}.signup button:active{transform:translateY(1px)}.signup button:disabled{background:var(--muted);cursor:not-allowed}.signup-note{color:#c4bca8;margin-top:10px;font-size:12px;font-weight:300}.about{color:#f0e6c8;max-width:580px;font-size:16px;font-weight:400;line-height:1.7}.about strong{color:#fff;font-weight:600}.foot{color:#c4bca8;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #2a2620;margin-top:64px;padding-top:24px;font-size:11px;font-weight:400}.foot-credit{letter-spacing:.18em;color:#f0e6c8;text-align:center;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:400}.foot-credit a{color:var(--accent);border-bottom:1px solid #e8bf2a59;padding-bottom:1px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.foot-credit a:hover{color:#f5cc3a;border-bottom-color:var(--accent)}.foot-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (max-width:600px){.page{padding:20px 16px 60px}.board-frame{padding:8px}.board{gap:1.5px;padding:6px}.tile .char{font-size:clamp(7px,2.8vw,14px)}.date-card{flex-basis:160px;padding:16px 10px 14px}.date-card .date{font-size:20px}.picker-wrap{margin:0 -16px}.date-picker{padding:4px 16px 18px;scroll-padding:16px}}