/* CANON / an open, typographic identity */
:root{--paper:#e8e5df;--ink:#0c0d0f;--accent:#f20b66;--text:#e8e5df;--text-2:#a5a5a6;--black:#0c0d0f;--black-2:#0c0d0f;--bg:#0c0d0f;font-family:'DM Sans',sans-serif}body{background:#0c0d0f;color:var(--paper);font-family:'DM Sans',sans-serif}h1,h2,h3{font-family:'Barlow Condensed',sans-serif}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #f20b66;outline-offset:6px}.brand img{mix-blend-mode:screen}.site-header{background:#0c0d0f}.site-header nav a{font-family:Inter,Arial,sans-serif}.site-header .staff-link{border-radius:24px}.site-footer{max-width:none;padding:40px 5%;background:#0c0d0f;border-top:1px solid #ffffff20}.site-footer nav a{font-size:11px}.site-footer .brand img{width:150px}.opening{padding:155px 5% 35px}.opening-meta,.opening-bottom,.index-heading,.section-index,.last-word>span,.last-word>div{font:10px 'DM Sans',sans-serif;letter-spacing:.13em}.opening-meta{display:flex;justify-content:space-between;color:#9d9d9f;border-bottom:1px solid #ffffff26;padding-bottom:22px}.opening-title{position:relative;padding:38px 0 20px}.title-prelude{display:flex;gap:24px;align-items:baseline;margin-bottom:13px}.title-prelude>span{font-size:10px;letter-spacing:.1em;color:#afafb1}.title-prelude i{font:italic 34px 'Instrument Serif',serif;color:#e8e5df}.opening h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,17vw,270px);font-weight:700;line-height:.84;letter-spacing:-.045em;margin:0;max-width:90%}.opening h1 span{color:#f20b66;display:block;margin-left:17%}.opening-aside{position:absolute;right:0;top:48px;display:flex;align-items:center;gap:35px}.opening-aside p{font-size:11px;line-height:1.8;color:#b0afb0}.opening-aside>a{font:74px 'DM Sans',sans-serif;line-height:1;color:#f20b66}.opening-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.opening-bottom>span{font-size:8px;color:#818183}.editorial-link{font-size:10px;border-bottom:1px solid #f20b66;padding-bottom:12px;display:flex;gap:45px;align-items:center}.editorial-link span{color:#f20b66;font-size:21px}.city-film{margin:0;position:relative;height:390px;overflow:hidden;background:#0c0d0f}.city-film>img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.5) brightness(.7)}.city-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0d0fb0,transparent 70%);pointer-events:none}.city-film figcaption{position:absolute;z-index:1;left:5%;right:5%;bottom:32px;display:flex;align-items:end;justify-content:space-between;gap:20px}.city-film figcaption span{font-size:8px;letter-spacing:.12em}.city-film figcaption strong{font:italic 38px 'Instrument Serif',serif;font-weight:400}.manifesto{padding:100px 7%;display:grid;grid-template-columns:1fr 3fr;gap:50px}.section-index{color:#9b999b;padding-top:10px;font-size:9px}.manifesto h2{font:500 clamp(35px,4.2vw,65px)/1.03 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.manifesto h2 em{font:italic 1.07em 'Instrument Serif',serif;color:#f47ea6}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;max-width:750px}.manifesto-copy p{font-size:13px;line-height:1.9;color:#a7a5a8}.chapter-index{background:var(--paper);color:#151416;padding:40px 5% 60px}.index-heading{display:flex;justify-content:space-between;border-bottom:1px solid #15141640;padding:0 0 25px;margin-bottom:0;font-size:9px}.chapter{display:grid;grid-template-columns:70px 1fr 230px 50px;align-items:center;gap:25px;border-bottom:1px solid #15141633;padding:30px 0;transition:color .2s}.chapter:hover{color:#cc0050}.chapter-no{font:italic 25px 'Instrument Serif',serif;align-self:start;padding-top:8px}.chapter h2{font:600 clamp(38px,5vw,76px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.chapter p{font-size:11px;line-height:1.8;color:#676368}.chapter-arrow{font-size:40px;text-align:right}.last-word{padding:85px 5% 40px}.last-word>span{font-size:9px;color:#ad9ca3}.last-word>a{font:600 clamp(70px,14vw,220px)/1.1 'Barlow Condensed',sans-serif;display:flex;gap:35px;align-items:baseline;letter-spacing:-.03em;padding:20px 0 45px;border-bottom:1px solid #ffffff28}.last-word>a i{font:italic 1em 'Instrument Serif',serif;color:#f20b66}.last-word>a>span{margin-left:auto;font:400 .7em 'DM Sans',sans-serif}.last-word>div{display:flex;justify-content:space-between;color:#8b858a;padding-top:22px;font-size:8px}
/* Streamers: a broadcast directory, not a grid of dashboard panels. */
.inner-page .site-header{border-bottom:1px solid #ffffff24}.streamers-main{padding-top:65px}.page-heading{border-bottom:1px solid #ffffff22;padding-bottom:35px;margin-bottom:0}.page-heading .kicker{font:9px 'DM Sans',sans-serif;letter-spacing:.12em;color:#a996a0}.page-heading h1{font:700 clamp(80px,10vw,150px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.page-heading h1 em{font:italic 1em 'Instrument Serif',serif;color:#f20b66}.page-heading p:not(.kicker){font-size:12px;line-height:1.8}.inline-action{font:500 10px 'DM Sans',sans-serif;letter-spacing:.06em}.stream-toolbar{border-top:0;margin-bottom:0;padding:22px 0;gap:25px}.filter-button{border:0;border-radius:0;padding:10px 0;background:none;font-size:11px}.filter-button[aria-pressed=true]{background:none;border-bottom:1px solid #f20b66;color:#f20b66}.stream-search{border:0;border-bottom:1px solid #ffffff30;border-radius:0;background:none;padding-left:0}.stream-empty{border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:none;text-align:left;padding:70px 0}.stream-empty h2{font:500 45px 'Barlow Condensed',sans-serif}.stream-empty p{max-width:500px}.stream-card{border:0;border-radius:0;background:none}.stream-card-body{padding:20px 0;border-bottom:1px solid #ffffff20}.stream-card h2{font:600 25px 'Barlow Condensed',sans-serif}.stream-thumb{border-radius:0}.directory{border-top:0}.directory h2{font:500 48px 'Barlow Condensed',sans-serif}.directory .kicker{font:9px 'DM Sans',sans-serif;letter-spacing:.12em}.directory-list{display:block}.channel-link{background:none;border:0;border-bottom:1px solid #ffffff20;border-radius:0;padding:22px 0;font:500 25px 'Barlow Condensed',sans-serif}.channel-link small{align-self:center;font:10px 'DM Sans',sans-serif}.player-dialog{border-radius:0}
/* Staff workspaces: flat surfaces, rules, and readable controls. */
.dash-nav{background:#0c0d0ff5;border-bottom:1px solid #ffffff25}.dash-nav-links a,.btn,.pill,.label-chip{border-radius:0}.dash-nav-links a.active{background:none;border-bottom:1px solid #f20b66}.dash-hd h1{font:600 64px/.95 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.dash-hd p{font-size:12px;margin-top:18px}.label-chip{font:9px 'DM Sans',sans-serif;letter-spacing:.12em;color:#b99aa9}.review-summary{gap:0;border-block:1px solid #ffffff23}.review-summary>div,.review-summary>div:first-child{border:0;border-radius:0;background:none;padding:25px 25px 25px 0}.review-summary>div+div{border-left:1px solid #ffffff1a;padding-left:25px}.review-summary strong{font:600 55px 'Barlow Condensed',sans-serif}.review-summary .access-role{font:500 30px/2.4 'Barlow Condensed',sans-serif}.review-summary small{font-size:10px}.tabs a,.filter-bar,.search input{border-radius:0}.tabs a.active{background:none;color:#f20b66;border-bottom:1px solid #f20b66}.app-card,.app-card:hover,.qa,.panel,.empty,.creator-row,.creator-editor{border:0!important;border-bottom:1px solid #ffffff24!important;border-radius:0!important;background:none!important;box-shadow:none!important}.app-card{padding:24px 0}.app-card:hover{border-bottom-color:#f20b66!important}.app-card-tag{font:500 27px 'Barlow Condensed',sans-serif}.app-card-preview{font-size:12px}.qa{padding:25px 0}.qa-q{font-weight:500}.qa-n{border-radius:0;background:none;border-right:1px solid #f20b66}.qa-a{padding-left:0}.panel{padding:24px 0}.panel h3{font:500 23px 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:0}.panel textarea{border-radius:0;background:#ffffff04}.empty{padding:60px 0;text-align:left}.empty h3{font:500 35px 'Barlow Condensed',sans-serif}.creator-editor{padding:0 30px 30px 0!important}.creator-editor-heading{align-items:start}.creator-editor-heading h3{font:500 35px 'Barlow Condensed',sans-serif!important;letter-spacing:0!important}.creator-plus{background:none;border:0;border-radius:0;font-size:28px;place-items:start;width:24px;color:#f20b66}.creator-form input,.creator-form select{background:transparent;border:0;border-bottom:1px solid #ffffff40;border-radius:0;padding-left:0;min-height:46px}.creator-form select option{background:#101215}.creator-form .btn{border-radius:0;background:#f20b66;border:0}.creator-row{padding:22px 0}.creator-row strong{font:500 28px 'Barlow Condensed',sans-serif}.creator-row .pill{border:0;border-radius:0;background:none;color:#c495a9}.creator-row .btn{border:0;border-bottom:1px solid #ffffff30;border-radius:0}.streamer-admin-grid .empty{border:0!important;padding:35px 0}.streamer-admin-grid .empty h3{font:500 35px 'Barlow Condensed',sans-serif}.notice{border-radius:0;border-width:0 0 0 2px}.login-layout{background:#0c0d0f;grid-template-columns:1.15fr 1fr}.login-story{border:0;border-right:1px solid #ffffff22;background:none;padding:50px 6vw}.login-story h1{font:600 clamp(65px,8vw,125px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.login-story h1 em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:#f20b66}.card-centre{border:0;border-radius:0;background:none;box-shadow:none;padding:30px 0}.card-centre h1{font:500 42px 'Barlow Condensed',sans-serif;letter-spacing:-.015em}.card-centre img.logo{display:none}.btn-discord{border-radius:0}.card-foot{border-top:1px solid #ffffff25}.login-wordmark{width:170px}.dash-wrap{max-width:1350px}.creator-note{border-top:1px solid #ffffff20}
/* Rulebook: an indexed document. */
.rules-hero{text-align:left;background:none;padding:70px 5% 40px}.rh-glow{display:none}.rules-page-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,9vw,120px);font-weight:600;letter-spacing:-.025em}.rules-page-title em{font-family:'Instrument Serif',serif;font-style:italic}.rh-pill,.toc-link,.toc-sub,.re-tag,.re-severity,.re-badge{border-radius:0}.philosophy-grid{display:block}.ph-card,.ph-card:hover,.rule-entry,.rule-entry:hover{background:none;border:0;border-bottom:1px solid #ffffff22;border-radius:0;padding:25px 0}.ph-card{display:grid;grid-template-columns:40px 200px 1fr;gap:20px;align-items:start}.ph-card h4{font:500 25px 'Barlow Condensed',sans-serif}.ph-icon{background:none;border-radius:0}.rs-title{font:500 44px 'Barlow Condensed',sans-serif}.rs-emoji{background:none;border-radius:0}.re-body h3{font:500 25px 'Barlow Condensed',sans-serif}.rules-page-sub{margin-left:0}.toc-link.active,.toc-sub.active{background:none;color:#f20b66}.rules-cta{border-radius:0}
@media(max-width:1000px){.opening-aside p{display:none}.opening-aside{top:45px}.opening-aside>a{font-size:60px}.opening h1{font-size:20vw;max-width:100%}.manifesto{grid-template-columns:1fr;gap:25px;padding:65px 5%}.chapter{grid-template-columns:45px 1fr 160px 35px;gap:15px}.chapter h2{font-size:55px}.review-summary .access-role{font-size:23px}.creator-editor{padding-right:0!important}.login-story h1{font-size:80px}.ph-card{grid-template-columns:35px 1fr}.ph-card p{grid-column:2}}
@media(max-width:650px){.opening{padding:125px 24px 30px}.opening-meta{font-size:7px;letter-spacing:.08em}.opening-meta span:last-child{font-size:7px}.opening-title{padding-top:30px}.title-prelude{gap:12px;flex-direction:column;margin-bottom:20px}.title-prelude>span{font-size:8px}.title-prelude i{font-size:28px}.opening h1{font-size:24vw;line-height:.9}.opening h1 span{margin-left:10%}.opening-aside{top:26px}.opening-aside>a{font-size:50px}.opening-bottom{gap:15px;margin-top:20px}.opening-bottom>span{font-size:6px;text-align:right;max-width:75px;line-height:1.8}.editorial-link{gap:20px;font-size:9px}.city-film{height:270px}.city-film figcaption{left:24px;right:24px;align-items:start;flex-direction:column;gap:10px}.city-film figcaption span:last-child{display:none}.city-film figcaption strong{font-size:30px}.manifesto{padding:50px 24px;gap:20px}.manifesto h2{font-size:37px}.manifesto-copy{grid-template-columns:1fr;gap:18px;margin-top:25px}.manifesto-copy p{font-size:12px}.chapter-index{padding:28px 24px 40px}.index-heading{font-size:7px;gap:15px}.chapter{grid-template-columns:25px 1fr 30px;gap:10px;padding:26px 0}.chapter h2{font-size:42px}.chapter p{grid-column:2;grid-row:2;font-size:10px}.chapter-no{font-size:18px}.chapter-arrow{font-size:28px;grid-column:3;grid-row:1}.last-word{padding:50px 24px 30px}.last-word>a{font-size:18vw;gap:14px;padding:25px 0 35px}.last-word>a>span{font-size:.6em}.last-word>span{font-size:7px}.last-word>div{font-size:6px;gap:20px}.page-heading h1{font-size:90px}.streamers-main{padding-top:40px}.stream-toolbar{gap:22px}.stream-empty h2{font-size:36px}.stream-empty{padding:50px 0}.dash-hd h1{font-size:50px}.review-summary>div{padding:20px 0}.review-summary>div+div{border:0;padding:20px 0}.review-summary>div:nth-child(even){padding-left:20px;border-left:1px solid #ffffff1a}.review-summary>div:nth-child(n+3){border-top:1px solid #ffffff1a}.creator-row strong{font-size:24px}.login-layout{grid-template-columns:1fr}.login-story{padding:28px 24px 45px;border:0;border-bottom:1px solid #ffffff22;gap:45px}.login-story h1{font-size:80px}.login-layout .centre{padding:35px 24px}.login-story p{font-size:12px}.card-centre{padding:0}.card-centre h1{font-size:38px}.ph-card{gap:10px}.rules-hero{padding:45px 24px}.rs-title{font-size:35px}.site-footer{padding:35px 24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}