:root{--ink:#4c302b;--muted:#80685c;--paper:#fffdf8;--surface:#ffffff;--surface-soft:#f6f4ef;--line:#c8aa90;--mint:#83b8aa;--yellow:#f3d27f;--peach:#ecad86;--retro-outline:var(--ink);--retro-yellow:var(--yellow);--mono:var(--retro-mono);--retro-mono:"SFMono-Regular",Consolas,Menlo,monospace}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background-color:#d4e1f6;background-image:linear-gradient(#ffffffa6 1px,transparent 1px),linear-gradient(90deg,#ffffffa6 1px,transparent 1px);background-size:31px 31px}h1,h2,h3,p,dl{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default}img,svg{max-width:100%}img{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}[hidden]{display:none!important}.page-shell{width:calc(100% - 48px);max-width:1460px;margin-left:auto;margin-right:auto}.page-main{flex:1;padding-top:22px;padding-bottom:32px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:34px;line-height:1.4;letter-spacing:-.8px}.skip-link{position:fixed;left:20px;top:-100px;background:var(--yellow);padding:12px;z-index:200}.skip-link:focus{top:12px}.button,.pill{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1.5px solid var(--ink);border-radius:3px;background:var(--yellow);color:var(--ink);padding:11px 16px;box-shadow:3px 3px 0 var(--ink);font-size:13px;line-height:1.5;cursor:pointer}.button:hover,.pill:hover{background:#f7df9d}.button.secondary,.pill.secondary{background:var(--surface)}.text-link{background:none;text-decoration:underline;text-underline-offset:4px;font-size:13px}.window-bar{height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:2px solid var(--ink);font:600 10px/1.4 var(--retro-mono);letter-spacing:.3px;flex-shrink:0}.window-bar>span:first-child{display:flex;align-items:center;gap:8px}.window-bar.mint{background:var(--mint)}.window-bar.yellow{background:var(--yellow)}.window-bar.peach{background:var(--peach)}.pixel-icon{width:16px;height:16px;flex-shrink:0;shape-rendering:crispEdges}.pixel-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.eyebrow{font:10px/1.6 var(--retro-mono);letter-spacing:1px;color:var(--muted)}
.site-header{position:relative;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:15px;min-height:64px;height:64px;flex-shrink:0;width:calc(100% - 48px);max-width:1460px;margin:12px auto 10px;padding:0 18px;background:var(--paper);border:2px solid var(--ink);border-radius:4px;box-shadow:4px 4px 0 var(--ink)}.wordmark{display:flex;align-items:center;gap:9px;justify-self:start;white-space:nowrap;font-size:20px;font-weight:650;letter-spacing:.3px}.brand-lion{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.wordmark small{display:block;font:8px/1.4 var(--retro-mono);letter-spacing:1px;margin-top:4px}.site-nav{display:flex;align-items:center;justify-content:center;gap:3px}.site-nav a{padding:8px 10px;border:1.5px solid transparent;border-radius:2px;font-size:12px;line-height:1.6;white-space:nowrap}.site-nav a:hover{background:#f8ddb7}.site-nav .nav-active{background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.header-submit{font-size:12px;padding:8px 14px;gap:7px;white-space:nowrap}.header-submit>span{font-size:18px;line-height:1}.nav-toggle{display:none;border:1.5px solid var(--ink);background:var(--surface);border-radius:2px;width:34px;height:32px;font-size:18px;line-height:1}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:3px;padding:18px 22px;margin-bottom:24px;font-size:11px}.site-footer p{color:var(--muted)}.footer-brand{font-size:14px;font-weight:500}.noscript{background:var(--paper);padding:16px;text-align:center;font-size:13px}
.event-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.event-tag{display:inline-flex;align-items:center;white-space:nowrap;background:#f5e4c9;border:1px solid var(--line);border-radius:3px;padding:3px 7px;font-size:11px;line-height:1.5}.event-tag:hover{background:#f7d994}.event-tag-field{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0}.event-tag-field legend{font-size:13px}.event-tag-field>p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 11px}.tag-choices{display:flex;flex-wrap:wrap;gap:8px}.tag-choices label{position:relative;cursor:pointer}.tag-choices input{position:absolute;opacity:0;width:1px;height:1px}.tag-choices span{display:block;padding:9px 13px;background:var(--surface);border:1.5px solid #aa8d73;border-radius:3px;font-size:13px;line-height:1.4}.tag-choices input:checked+span{background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.tag-choices input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 21px}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.breadcrumb>span:last-child{color:var(--ink)}
@media(max-width:1100px){.wordmark{font-size:18px}.site-nav a{font-size:11px;padding:8px}.site-header{padding:0 14px;gap:12px}}
@media(max-width:980px){.site-header{display:flex;justify-content:space-between}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 8px);left:-2px;right:-2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:14px;max-height:calc(100dvh - 90px);overflow:auto}.site-nav a{text-align:center;padding:12px 8px;font-size:13px}}
@media(max-height:700px) and (min-width:761px){.site-header{height:56px;min-height:56px;margin:9px auto 7px}}
@media(max-width:760px){.page-shell{width:calc(100% - 24px)}.page-main{padding-top:18px;padding-bottom:24px}.site-header{width:calc(100% - 24px);height:58px;min-height:58px;margin:8px auto 10px;padding:0 10px;gap:8px;box-shadow:3px 3px 0 var(--ink)}.wordmark{font-size:16px;gap:6px}.brand-lion{width:34px;height:34px}.wordmark small{font-size:7px;letter-spacing:.4px;margin-top:3px}.header-actions{gap:8px}.header-submit{font-size:11px;padding:6px 10px;gap:4px}.header-submit>span{font-size:16px}.nav-toggle{width:31px;height:31px;font-size:17px}.site-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.page-heading{margin-bottom:19px}.page-heading h1{font-size:29px}.site-footer{padding:14px 15px;margin-bottom:16px;gap:14px;flex-wrap:wrap;font-size:10px}.site-footer p{order:3;flex-basis:100%;font-size:11px}.footer-brand{font-size:13px}.breadcrumb{font-size:11px;gap:7px}}
@media(max-height:480px){.site-header{height:46px;min-height:46px;margin:5px auto 7px;padding:0 10px}.brand-lion{width:29px;height:29px}.wordmark{font-size:15px}.wordmark small{display:none}.header-submit{padding:4px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(prefers-reduced-motion:no-preference){
  .button,.pill,.nav-toggle{transition:transform 140ms ease,box-shadow 140ms ease,background-color 180ms ease}
  .button:not(:disabled):active,.pill:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
  .nav-toggle:active{transform:translateY(1px)}
  .site-nav a,.tag-filter,.tag-choices span,.submission-type-options strong,.submission-kind label{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
}
@media(prefers-reduced-motion:no-preference) and (max-width:980px){
  .site-nav:not([hidden]){animation:nav-reveal 180ms ease-out}
}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
