/* DUHCN — community field notes, October 2026. */
:root{--paper:#f2f0e8;--white:#fffef9;--ink:#23241f;--muted:#6a6c62;--line:#d0d0c4;--red:#a43729;--olive:#dce1cd;--bg:var(--paper);--p:var(--white);--t:var(--ink);--m:var(--muted);--g:var(--red);--l:var(--line);color-scheme:light}
html{scroll-padding-top:100px;scroll-behavior:smooth}
body{margin:0;background:var(--paper)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
::selection{background:#d9b1a1;color:var(--ink)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a.btn{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
[hidden]{display:none!important}
.w{width:min(1160px,calc(100% - 80px));margin-inline:auto}
nav.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border:0;border-bottom:1px solid var(--ink);backdrop-filter:none;isolation:isolate}
.site-header .n{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:24px}
.site-header .brand{display:flex;align-items:center;gap:13px;color:var(--ink);font-family:Arial,sans-serif;font-size:30px;font-weight:950;line-height:1;letter-spacing:-1.7px}
.brand-square{display:grid;place-items:center;width:33px;height:33px;background:var(--red);color:var(--paper);font-size:20px;letter-spacing:-2px;position:relative}
.brand-square::after{content:"";position:absolute;right:0;bottom:0;border-bottom:7px solid var(--paper);border-left:7px solid transparent}
.brand small{padding-left:15px;margin-left:5px;border-left:1px solid var(--line);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.6;color:var(--muted)}
.header-shortcuts{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px;font-weight:650}
.header-shortcuts a{padding-block:6px;border-bottom:1px solid transparent}.header-shortcuts a:hover{border-bottom-color:var(--red)}
.site-header .menu{display:flex;align-items:center;gap:14px;background:none;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:8px 14px;min-height:42px;font-size:13px;font-weight:600;box-shadow:none;transition:background .15s}
.site-header .menu:hover,.site-header .menu.open{background:var(--ink);color:var(--paper);transform:none}
.site-header .chev{border-color:currentColor;width:7px;height:7px;transform:rotate(45deg) translateY(-2px)}
.site-header .menu.open .chev{transform:rotate(225deg) translate(-1px,-1px)}
.site-header .links{position:absolute;right:0;top:calc(100% + 1px);width:320px;max-height:min(650px,calc(100dvh - 105px));padding:9px 0;display:flex;flex-direction:column;gap:0;overflow:auto;background:var(--white);color:var(--ink);border:1px solid var(--ink);border-top:0;border-radius:0;box-shadow:7px 7px 0 #23241f12;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .15s,transform .15s,visibility .15s}
.site-header .links.open{padding:9px 0;max-height:min(650px,calc(100dvh - 105px));opacity:1;visibility:visible;pointer-events:auto;transform:none}
.site-header .links a{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 23px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px;font-weight:500;color:var(--ink);transform:none}
.site-header .links a::after{content:"↗";font-size:13px;color:var(--muted)}
.site-header .links a:hover,.site-header .links a.on{background:#e8e8dc;color:var(--red);transform:none}
.site-header .links [data-admin-nav],.site-header .links [data-bookkeeping-nav]{color:var(--red)}
.bar,.duhcn-cursor{display:none!important}html.duhcn-custom-cursor,html.duhcn-custom-cursor *{cursor:auto!important}html.duhcn-custom-cursor :is(a,button){cursor:pointer!important}
.btn,.mini{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 19px;background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;font-weight:650;font-size:13px;line-height:1.5;box-shadow:none;text-decoration:none;transition:background .15s,color .15s;transform:none}
.btn:hover,.mini:hover{background:var(--ink);color:var(--paper);box-shadow:none;transform:none}
.btn.primary,.primary,.btn.good,.btn.discord,.btn.discord-login{background:var(--ink);color:var(--paper);border:1px solid var(--ink);box-shadow:none}
.btn.primary:hover,.btn.good:hover,.btn.discord:hover,.btn.discord-login:hover{background:var(--red);border-color:var(--red);color:var(--white)}
.btn.danger,.auth-logout,.video-delete,.update-delete{color:var(--red);background:transparent;border-color:#be8c7e}
.btn.danger:hover,.auth-logout:hover,.video-delete:hover,.update-delete:hover{color:var(--white);background:var(--red)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;align-items:center}
.text-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid var(--ink);padding-block:8px;font-weight:650;font-size:14px}.text-link:hover{color:var(--red);border-color:var(--red)}
.eye{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.1em;font-weight:500;text-transform:uppercase;line-height:1.5}
h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{color:var(--ink);letter-spacing:-.04em}h1{font-size:clamp(34px,5.4vw,64px);line-height:1.2;margin:17px 0 20px;font-weight:800}h2{font-size:29px;line-height:1.35;font-weight:750}h3{font-size:20px;line-height:1.45;font-weight:700}
.lead,.intro{font-size:16px;color:var(--muted);line-height:1.95;max-width:690px;margin:15px 0 0}.muted,.small{color:var(--muted)}
.sec{padding:64px 0 96px;min-height:calc(100svh - 236px)}
.sec>.w>.eye{padding-bottom:13px;border-bottom:1px solid var(--line)}
.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none;filter:none}
.tag{display:inline-block;border:0;border-radius:0;padding:0;background:transparent;color:var(--red);font-size:11px;letter-spacing:.05em;font-weight:650}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px;border-top:1px solid var(--ink)}
.card{border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none;border-radius:0;padding:28px 25px 30px 0;min-width:0}
.card h3{margin:14px 0 9px}.card p{line-height:1.85;color:var(--muted);margin:0}
/* Home: masthead, match sheet, and a small contents index. */
.home-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:19px 0;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.home-masthead span:last-child{font-family:ui-monospace,monospace}
.home-hero{display:grid;grid-template-columns:1.17fr 1fr;gap:70px;padding:63px 0 70px;align-items:center}
.home-hero h1{font-size:clamp(46px,5.7vw,77px);line-height:1.15;font-weight:850;letter-spacing:-.065em;margin:19px 0 25px}.home-hero h1 em{font-style:normal;color:var(--red)}
.home-hero .lead{max-width:510px;font-size:15px;line-height:1.95}.home-hero .actions{margin-top:30px;gap:20px}
.join-sheet{position:relative;border:1px solid var(--ink);background:var(--olive);padding:24px;box-shadow:9px 9px 0 #d9dbce;margin:0;transform:rotate(1.5deg);min-width:0}
.sheet-top{display:flex;justify-content:space-between;border-bottom:1px solid #23241f66;padding-bottom:11px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.07em}
.sheet-art{display:flex;align-items:center;justify-content:center;height:210px;position:relative;overflow:hidden}
.sheet-art::before,.sheet-art::after{content:"";position:absolute;border:1px solid #899378;inset:30px 12px;transform:rotate(-17deg)}
.sheet-art::after{inset:10px 50px;transform:rotate(14deg);border-style:dashed}
.sheet-logo{position:relative;z-index:1;width:132px;height:132px;object-fit:cover;image-rendering:pixelated;box-shadow:8px 8px 0 #23241f1c;transform:rotate(-1.5deg);border:1px solid #23241f}
.sheet-heading{font-family:Arial,sans-serif;font-weight:950;font-size:clamp(55px,7.7vw,106px);line-height:.95;letter-spacing:-.08em;transform:scaleX(1.05);transform-origin:left;margin:12px 0 26px;white-space:nowrap}
.sheet-caption{display:flex;justify-content:space-between;border-top:1px solid #23241f66;padding-top:12px;font-size:10px;letter-spacing:.1em}
.connection-strip{display:grid;grid-template-columns:.9fr 1.15fr .85fr;align-items:center;gap:25px;border-block:1px solid var(--ink);padding:22px 0;margin-bottom:70px}
.connection-strip .server-live-card{margin:0;padding:0;border:0;background:transparent;min-height:auto}.connection-strip .server-live-copy strong{font-size:13px}.connection-strip #server-live-meta{font-size:11px}
.connection-address{border-left:1px solid var(--line);padding-left:24px;min-width:0}.connection-address span{display:block;font-size:10px;color:var(--muted)}.connection-address strong{font-family:ui-monospace,monospace;font-size:17px;font-weight:550}.connection-address small{font-size:11px;margin-left:8px;color:var(--muted)}
.connection-strip>.text-link{justify-self:end;border:0}
.home-about{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding-bottom:65px}.home-about h2{margin:13px 0 20px;font-size:34px;line-height:1.5}.home-about>div>p{color:var(--muted);line-height:1.9;font-size:14px}
.match-notes{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.match-notes li{display:grid;grid-template-columns:42px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:24px 0}.match-notes li>span{font-family:ui-monospace,monospace;font-size:12px;color:var(--red);padding-top:5px}.match-notes h3{margin:0 0 5px;font-size:19px}.match-notes p{margin:0;color:var(--muted);line-height:1.85;font-size:14px}
.home-directory{border-top:1px solid var(--ink);padding:28px 0 66px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.directory-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.directory-link small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.directory-link b{font-size:18px;letter-spacing:-.03em;font-weight:700}.directory-link>span:last-child{font-size:25px;color:var(--red)}.directory-link:hover{border-bottom-color:var(--red)}
/* Rules are a readable rulebook, staff a credits list. */
.rules-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;counter-reset:rule;border-top:2px solid var(--ink)}
.rules-page .card{position:relative;padding:29px 0 30px 48px}.rules-page .card>.tag{position:absolute;top:32px;left:0;font-family:ui-monospace,monospace}.rules-page .card h3{font-size:21px;margin:0 0 9px}.rules-page .card p{font-size:14px}
.staff-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px}.staff-page .staff{display:grid;grid-template-columns:130px 1fr;align-items:baseline;min-height:0;gap:0 18px;padding:24px 0}.staff-page .staff .tag{grid-row:1/3}.staff-page .staff h3{font-family:ui-monospace,SFMono-Regular,monospace;font-size:18px;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.staff-page .staff p{grid-column:2;font-family:ui-monospace,monospace;font-size:14px;line-height:2}.staff-page .provider{grid-column:1/-1;background:var(--olive);border:0;padding:23px 26px;margin-top:25px;grid-template-columns:130px 1fr}.staff-page .provider .prow{display:flex;align-items:center;justify-content:space-between;gap:20px}.staff-page .provider h3{font-family:inherit;font-size:17px}.provider .mini{font-size:11px;padding:6px 12px;min-height:36px}
/* Connection and community pages. */
.server-card{max-width:880px;margin-top:35px;padding:32px;background:var(--white);border:1px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 #dedfd3}
.server-head{display:flex;align-items:center;gap:17px;margin-bottom:24px}.server-icon{width:62px;height:62px;border-radius:0;border:1px solid var(--line);object-fit:cover}.server-head h3{margin:0;font-family:Arial,sans-serif;font-size:24px;letter-spacing:-1px}.server-head p{margin:2px 0 0;font-size:11px;color:var(--muted)}
.server-live-card{display:flex;align-items:center;gap:12px;padding:15px 17px;background:#ecefe3;border:1px solid #c8d0b8;border-radius:0;margin:18px 0;color:var(--ink)}.server-live-dot{width:7px;height:7px;flex:0 0 auto;background:#7d8171;border-radius:50%;box-shadow:none;animation:none}.server-live-copy{display:grid;gap:3px}.server-live-copy strong{font-size:14px;color:var(--ink)}.server-live-copy>span{font-size:12px;color:var(--muted)}.server-live-card[data-state=online] .server-live-dot{background:#487445}.server-live-card[data-state=maintenance] .server-live-dot{background:#a47624}.server-live-card[data-state=offline] .server-live-dot,.server-live-card[data-state=error] .server-live-dot{background:var(--red)}
.server-data{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin:30px 0}.server-field{padding:0;background:none;border:0;border-radius:0}.server-label{font-size:11px;letter-spacing:.05em;color:var(--muted)}.server-field-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;min-width:0}.server-value{font-family:ui-monospace,monospace;font-size:clamp(18px,2.3vw,27px);font-weight:600;color:var(--ink);overflow-wrap:anywhere}.server-copy{font-size:11px;padding:7px 11px;min-height:36px;white-space:nowrap}.server-direct{width:100%;background:var(--ink);color:var(--paper)}.server-note{font-size:12px;line-height:1.9;color:var(--muted);margin:20px 0 0}.server-status{font-size:12px;color:#48613e;margin-top:10px;min-height:0}.server-status:empty{display:none}
.dc{margin-top:35px;display:grid;grid-template-columns:180px 1fr;gap:0 36px;align-items:start;max-width:850px;padding:32px 0 45px;border-top:1px solid var(--ink)}.dc>.avatar{grid-row:1/6;width:180px;height:180px;border-radius:0;border:1px solid var(--ink);object-fit:cover;margin:0}.dc .tag{margin:0 0 8px}.dc h3{font-size:32px;margin:8px 0 13px}.dc p{font-size:14px}.dc .actions{margin-top:23px}
/* Staff login, files, and bookkeeping share an understated workspace. */
.auth-card{display:flex;gap:30px;max-width:900px;border:1px solid var(--ink);border-radius:0;box-shadow:none;background:var(--white);padding:35px;margin-top:38px}.auth-logo{width:96px;height:96px;border:1px solid var(--line);border-radius:0;object-fit:cover}.auth-panel{flex:1;min-width:0}.auth-panel-inner{padding:0}.auth-panel h3{margin:8px 0 24px;font-size:25px}.auth-note,.auth-loading{font-size:13px;color:var(--muted)}.auth-note{margin-top:18px}.auth-user{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.auth-user-avatar{width:54px;height:54px;border-radius:0}.auth-user-info{flex:1}.auth-user-info h3{font-size:20px;margin:4px 0}.auth-user-info p{font-size:12px;color:var(--muted);margin:0}.auth-user-actions{display:flex;gap:8px;flex-wrap:wrap}.auth-error,.auth-message,.is-error{color:var(--red)}
.admin-shell,.bookkeeping-shell,.updates-shell{margin-top:35px}
.admin-gate,.bookkeeping-gate{border:1px solid var(--line);background:var(--white);border-radius:0;padding:42px;min-height:200px;box-shadow:none}.admin-gate-inner,.bookkeeping-gate-inner{padding:0}.admin-gate h3,.bookkeeping-gate h3{font-size:24px;margin:10px 0}.admin-gate p,.bookkeeping-gate p{color:var(--muted);font-size:14px}.admin-gate .btn,.bookkeeping-gate .btn{margin-top:15px}
.admin-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--ink);padding:20px 0;margin-bottom:28px}.admin-identity{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:650}.admin-identity img{width:42px;height:42px;border-radius:0;object-fit:cover}.admin-identity small{display:block;color:var(--muted);font-size:11px;font-weight:400}.admin-toolbar-links{display:flex;gap:8px;flex-wrap:wrap}
.server-control-card,.storage-usage-card{border:1px solid var(--line);background:var(--white);border-radius:0;padding:24px;margin-bottom:20px;box-shadow:none}.server-control-head,.storage-usage-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.server-control-copy,.storage-usage-title{display:grid;gap:5px}.server-control-copy strong,.storage-usage-title strong{font-size:16px;color:var(--ink)}.server-control-copy>span,.storage-usage-title>span{font-size:12px;color:var(--muted)}.server-control-badge,.original-badge{border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:0;font-size:11px;padding:4px 9px;white-space:nowrap}.server-mode-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.server-mode-button.is-active{background:var(--ink);color:var(--white);border-color:var(--ink)}.server-control-status,.storage-usage-note{font-size:12px;color:var(--muted);margin-top:12px}
.storage-usage-percent{font-size:25px;font-weight:700;color:var(--ink)}.storage-usage-track,.video-progress-track{height:5px;background:#dedfd4;border-radius:0;overflow:hidden;margin:19px 0}.storage-usage-fill,.video-progress-bar{height:100%;background:var(--red);border-radius:0;transition:width .25s}.storage-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.storage-usage-stat{background:transparent;border:0;border-radius:0;padding:0}.storage-usage-stat span{display:block;color:var(--muted);font-size:11px}.storage-usage-stat strong{font-size:18px;color:var(--ink)}
.admin-upload-launch{margin:25px 0}.admin-upload-card{padding:25px;border:1px solid var(--ink);border-radius:0;background:var(--white);box-shadow:none;margin-bottom:30px}.admin-section-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:0 0 24px}.admin-section-head h2{font-size:22px;margin:0 0 5px}.admin-section-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.video-date-fields{display:flex;gap:16px;margin:18px 0}.video-date-field,.bookkeeping-field,.update-field{display:grid;gap:7px;font-size:12px;color:var(--muted);flex:1;min-width:0}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:10px 12px;min-height:44px;font-size:16px;max-width:100%}textarea{resize:vertical;min-height:180px}input:focus,select:focus,textarea:focus{border-color:var(--ink)}
.video-picker{display:flex;position:relative;gap:20px;padding:28px 22px;border:1px dashed #929682;background:var(--paper);border-radius:0;cursor:pointer;align-items:center}.video-picker-icon{font-size:30px;line-height:1;color:var(--red)}.video-picker-copy{display:grid;gap:7px;flex:1;min-width:0}.video-picker-copy strong{font-size:15px;overflow-wrap:anywhere}.video-picker-copy>span,.video-picker-action{font-size:11px;color:var(--muted)}.video-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.video-picker:focus-within{outline:3px solid var(--red);outline-offset:4px}.video-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.video-upload-note,.admin-video-status,.video-library-summary,.video-progress-copy{font-size:12px;color:var(--muted)}.video-progress-wrap{margin-top:18px}.video-progress-copy{display:flex;justify-content:space-between}.video-progress-track{margin:10px 0}.video-library{margin-top:32px}.video-list{display:grid;gap:0;border-top:1px solid var(--ink)}
.video-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:22px 0}.video-item-head{display:flex;align-items:center;gap:18px}.video-file-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:var(--olive);color:var(--ink);border-radius:0}.video-file-info{flex:1;min-width:0}.video-file-name{font-size:15px;color:var(--ink);overflow-wrap:anywhere}.video-file-meta{font-size:12px;color:var(--muted);margin-top:5px}.video-file-actions{display:flex;gap:8px;flex-wrap:wrap}.video-preview-wrap{margin-top:16px;border-radius:0;overflow:hidden;background:#191b19}.video-preview{display:block;width:100%;max-height:600px;background:#111}.video-preview-note{font-size:11px;color:var(--muted);margin-top:12px}
.update-empty,.video-empty,.bookkeeping-empty{padding:35px 20px;text-align:center;border:1px dashed var(--line);border-radius:0;background:transparent;color:var(--muted);font-size:13px}.update-status{font-size:12px;color:var(--muted);margin:20px 0}.updates-admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.updates-admin-note{font-size:12px;color:var(--muted)}.updates-list{display:grid;gap:0}.update-card{border:0;border-top:1px solid var(--ink);background:transparent;border-radius:0;box-shadow:none;padding:27px 0 35px}.update-card h2{font-size:26px;margin:13px 0}.update-meta{display:flex;justify-content:space-between;gap:15px;align-items:center}.update-date{font-family:ui-monospace,monospace;color:var(--muted);font-size:11px}.update-card-actions{display:flex;gap:8px}.update-content{white-space:pre-wrap;color:var(--muted);line-height:1.95;font-size:14px}.update-editor{padding:25px;border:1px solid var(--ink);border-radius:0;background:var(--white);display:grid;gap:18px;margin:20px 0}.update-editor h3{margin:0}.update-editor-actions{display:flex;gap:9px}
.bookkeeping-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--ink);margin-bottom:25px}.bookkeeping-summary-card{background:transparent;border:0;border-radius:0;padding:25px;box-shadow:none;border-right:1px solid var(--line)}.bookkeeping-summary-card:last-child{border:0}.bookkeeping-summary-card>span{color:var(--muted);font-size:12px}.bookkeeping-summary-card>strong{display:block;color:var(--ink);font-family:ui-monospace,monospace;font-size:clamp(20px,3vw,34px);margin-top:9px;overflow-wrap:anywhere}.bookkeeping-summary-card.expense>strong{color:var(--red)}.bookkeeping-toolbar{margin-bottom:24px}.bookkeeping-form-card{display:none;background:var(--white);border:1px solid var(--ink);border-radius:0;padding:25px;margin-bottom:30px;box-shadow:none;grid-template-rows:none;opacity:1;transform:none;max-height:none;overflow:visible}.bookkeeping-form-card.is-open{display:block;max-height:none;opacity:1;transform:none;grid-template-rows:none}.bookkeeping-form-card h2{margin:0 0 20px;font-size:23px}.bookkeeping-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.bookkeeping-form-actions{grid-column:1/-1;display:flex;gap:8px}.bookkeeping-form-note{font-size:12px;color:var(--muted);margin-top:15px}.bookkeeping-status{font-size:12px;margin-top:12px}.bookkeeping-list-head{display:flex;justify-content:space-between;align-items:baseline;margin:30px 0 15px}.bookkeeping-list-head h2{font-size:22px;margin:0}.bookkeeping-list-count{font-size:12px;color:var(--muted)}.bookkeeping-list{border-top:1px solid var(--ink);display:grid;gap:0}.bookkeeping-entry{display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;box-shadow:none}.bookkeeping-entry-date{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.bookkeeping-entry-copy strong{font-family:ui-monospace,monospace;font-size:19px;color:var(--ink)}.bookkeeping-entry[data-category=expense] .bookkeeping-entry-copy strong{color:var(--red)}.bookkeeping-entry-copy span{font-size:11px;color:var(--muted);margin-left:12px}.bookkeeping-entry-actions{display:flex;gap:8px}
.site-footer{border-top:1px solid var(--ink);background:var(--paper);padding:28px 0 30px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.footer-brand{font-family:Arial,sans-serif;font-size:23px;letter-spacing:-1.2px;color:var(--ink);font-weight:900}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-nav a:hover{color:var(--red)}.footer-fine{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:10px;color:var(--muted);letter-spacing:.02em}
.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--ink);color:var(--white);padding:10px 15px}.skip-link:focus{top:10px}
@media(min-width:1550px){.w{width:min(1240px,calc(100% - 120px))}.home-hero{gap:110px;padding-top:85px;padding-bottom:90px}.home-hero h1{font-size:83px}}
@media(max-width:960px){.w{width:calc(100% - 48px)}.header-shortcuts{gap:20px}.brand small{display:none}.home-hero{gap:35px;padding-top:45px}.home-hero h1{font-size:clamp(43px,6.2vw,62px)}.sheet-art{height:160px}.sheet-logo{width:105px;height:105px}.sheet-heading{font-size:8.4vw}.home-about{gap:35px;grid-template-columns:1fr 1.4fr}.connection-strip{grid-template-columns:1fr 1.3fr}.connection-strip>.text-link{grid-column:2;justify-self:start;padding:0}.connection-address{grid-row:1/3;grid-column:2}.connection-strip .server-live-card{grid-row:1/3}.connection-strip>.text-link{display:none}.staff-page .staff{grid-template-columns:1fr;gap:8px}.staff-page .staff .tag{grid-row:auto}.staff-page .staff p{grid-column:auto}.staff-page .provider{grid-template-columns:130px 1fr}.staff-page .provider .prow{align-items:start}.rules-page .grid{column-gap:30px}}
@media(max-width:640px){html{scroll-padding-top:90px}.w{width:calc(100% - 36px)}.site-header .n{height:69px;gap:15px}.site-header .brand{font-size:26px;gap:9px}.brand-square{width:27px;height:27px;font-size:17px}.site-header .menu{padding:7px 12px;min-height:38px;font-size:12px}.header-shortcuts{display:none}.site-header .links{width:min(330px,calc(100vw - 36px));max-height:calc(100dvh - 85px)}.site-header .links.open{max-height:calc(100dvh - 85px)}.home-masthead{font-size:10px;padding-block:15px}.home-masthead span:last-child{letter-spacing:0}.home-hero{grid-template-columns:1fr;gap:35px;padding:35px 0 45px}.home-hero h1{font-size:clamp(46px,12vw,70px);margin:15px 0 20px}.home-hero .lead{font-size:14px;max-width:none}.home-hero .actions{gap:18px;margin-top:25px}.home-hero .btn{font-size:12px;padding:12px 17px}.home-hero .text-link{font-size:12px;gap:16px}.join-sheet{padding:20px;transform:none;box-shadow:5px 5px 0 #d9dbce;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sheet-top{grid-column:1/-1}.sheet-art{height:153px;grid-row:2/4;grid-column:2;align-self:center}.sheet-logo{width:100px;height:100px}.sheet-art::before{inset:27px 4px}.sheet-art::after{inset:13px 25px}.sheet-heading{font-size:clamp(34px,10vw,57px);align-self:end;margin:28px 0 12px;white-space:normal;overflow-wrap:anywhere;line-height:.95}.sheet-caption{grid-column:1;display:block;align-self:start;font-size:8px;padding-top:10px}.sheet-caption span{display:block;margin-top:3px}.connection-strip{gap:15px;padding:19px 0;margin-bottom:42px;grid-template-columns:1fr 1.2fr}.connection-address{padding-left:15px}.connection-address strong{font-size:13px}.connection-address small{display:block;margin:3px 0 0;font-size:10px}.connection-strip .server-live-copy strong{font-size:11px}.connection-strip #server-live-meta{font-size:10px}.home-about{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.home-about h2{font-size:29px;margin:10px 0 13px}.home-about>div>p{font-size:13px}.match-notes li{padding:21px 0;grid-template-columns:28px 1fr;gap:12px}.match-notes p{font-size:13px}.match-notes h3{font-size:18px}.home-directory{grid-template-columns:1fr;gap:0;padding:12px 0 40px}.directory-link{padding:20px 0}.directory-link b{font-size:18px}.sec{padding:33px 0 55px;min-height:calc(100svh - 230px)}h1{font-size:38px;margin:16px 0}.intro{font-size:14px;line-height:1.9}.eye{font-size:10px}.grid{grid-template-columns:1fr;margin-top:29px}.rules-page .grid{grid-template-columns:1fr;gap:0}.rules-page .card{padding:23px 0 24px 38px}.rules-page .card>.tag{top:26px}.rules-page .card h3{font-size:19px}.rules-page .card p{font-size:13px}.staff-page .grid{grid-template-columns:1fr;gap:0}.staff-page .staff{grid-template-columns:95px minmax(0,1fr);gap:0 12px;padding-block:21px}.staff-page .staff .tag{grid-row:1/3;font-size:10px}.staff-page .staff h3{font-size:16px}.staff-page .staff p{grid-column:2;font-size:13px}.staff-page .provider{display:block;padding:22px}.staff-page .provider .tag{margin-bottom:12px}.staff-page .provider .prow{display:block}.staff-page .provider .mini{margin-top:18px}.server-card{padding:22px;margin-top:28px;box-shadow:5px 5px 0 #dedfd3}.server-data{grid-template-columns:1fr;gap:24px;margin:25px 0}.server-value{font-size:22px}.server-head h3{font-size:24px}.server-copy{font-size:11px}.server-direct{font-size:12px}.server-note{font-size:11px}.dc{grid-template-columns:74px 1fr;gap:0 19px;padding-top:24px;margin-top:26px}.dc>.avatar{width:74px;height:74px;grid-row:1/3}.dc .tag{font-size:9px;align-self:end}.dc h3{font-size:23px;align-self:start;margin:5px 0 18px}.dc p,.dc .actions{grid-column:1/-1}.dc p{font-size:13px}.auth-card{padding:23px;gap:20px;flex-direction:column;margin-top:28px}.auth-logo{width:65px;height:65px}.auth-panel{width:100%}.auth-panel h3{font-size:22px}.auth-user-actions{margin-top:10px}.auth-user-actions .btn{font-size:11px}.admin-gate,.bookkeeping-gate{padding:25px}.admin-toolbar{align-items:start;flex-direction:column;padding-block:18px}.admin-toolbar .btn{font-size:11px;padding:8px 12px}.server-control-card,.storage-usage-card{padding:19px}.server-control-head,.storage-usage-head{gap:15px;align-items:start}.server-control-copy strong,.storage-usage-title strong{font-size:14px}.server-control-copy>span,.storage-usage-title>span{font-size:11px}.server-mode-button{font-size:11px;padding:9px 12px}.storage-usage-grid{gap:12px}.storage-usage-stat strong{font-size:14px}.storage-usage-percent{font-size:20px}.admin-upload-card{padding:20px}.admin-section-head{flex-wrap:wrap;gap:12px}.admin-section-head h2{font-size:20px}.video-date-fields{flex-direction:column}.video-picker{padding:20px;gap:13px;align-items:start}.video-picker-action{display:none}.video-item-head{flex-wrap:wrap;gap:14px}.video-file-actions{width:100%;padding-left:55px}.video-file-actions .btn{font-size:11px;padding:7px 11px;min-height:36px}.bookkeeping-summary-card{padding:19px 12px}.bookkeeping-summary-card>strong{font-size:17px}.bookkeeping-summary-card>span{font-size:10px}.bookkeeping-form{grid-template-columns:1fr}.bookkeeping-entry{grid-template-columns:90px 1fr;gap:12px}.bookkeeping-entry-actions{grid-column:2}.bookkeeping-entry-copy strong{font-size:17px}.bookkeeping-entry-copy span{display:block;margin:3px 0 0}.bookkeeping-entry-date{font-size:10px}.bookkeeping-entry-actions .btn{font-size:11px;min-height:34px;padding:6px 10px}.bookkeeping-form-card{padding:20px}.updates-admin-toolbar{align-items:start}.update-editor{padding:20px}.update-card h2{font-size:23px}.update-meta{align-items:start}.update-card-actions .btn{font-size:11px;padding:6px 10px;min-height:34px}.site-footer{padding-top:25px}.footer-row{align-items:start;gap:22px}.footer-nav{display:grid;gap:7px;font-size:11px;grid-template-columns:1fr 1fr}.footer-fine{font-size:9px;gap:12px;align-items:start}.footer-fine span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
/* Preserve functional progress visibility and the initial empty progress state. */
.video-progress-wrap{display:none}.video-progress-wrap.is-active{display:block}
.storage-usage-fill,.video-progress-bar{width:0}

/* October interface pass: quiet surfaces, readable controls and short motion. */
:root{--motion-fast:160ms;--motion-normal:220ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out 100ms ease both}
::view-transition-new(root){animation:page-in 180ms var(--motion-ease) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-header{view-transition-name:site-navigation}
.site-header .links{transform:translateY(-8px);box-shadow:0 12px 32px #23241f14;border-color:var(--line);border-top:1px solid var(--line);border-radius:8px;transition:opacity var(--motion-fast) ease,transform var(--motion-normal) var(--motion-ease),visibility 0s linear var(--motion-normal);overscroll-behavior:contain;scrollbar-width:thin}
.site-header .links.open{transform:translateY(0);transition:opacity var(--motion-fast) ease,transform var(--motion-normal) var(--motion-ease),visibility 0s}
.site-header .links a{min-height:46px;transition:background-color var(--motion-fast),color var(--motion-fast)}
.site-header .links a::after{content:none}
.site-header .links a[aria-current=page]{color:var(--red);background:#e8e8dc}
.site-header .chev{display:block;border-style:solid;border-width:0 1.5px 1.5px 0;transition:transform var(--motion-normal) var(--motion-ease)}
.site-header .menu,.btn,.mini{border-radius:5px;transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}
.btn:active,.mini:active,.site-header .menu:active{transform:translateY(1px)}
h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}
p{overflow-wrap:anywhere}.lead,.intro{max-width:44em}
.home-hero h1{letter-spacing:-.045em;line-height:1.22;font-size:clamp(42px,5.2vw,70px)}
.join-sheet{transform:none;box-shadow:none;border-color:#b8bfaa;border-radius:8px}
.sheet-logo{transform:none;box-shadow:none;border-radius:4px}
.sheet-art::before,.sheet-art::after{display:none}
.sheet-heading{transform:none;font-size:clamp(54px,7vw,94px);letter-spacing:-.065em}
.sheet-top,.sheet-caption{letter-spacing:0}
.brand small,.eye{letter-spacing:.025em;text-transform:none;font-family:inherit}
.directory-link{transition:border-color var(--motion-fast),color var(--motion-fast)}
.directory-link>span:last-child{transition:transform var(--motion-fast)}
@media(hover:hover){.directory-link:hover>span:last-child{transform:translateX(3px)}}
.server-card,.auth-card,.server-control-card,.storage-usage-card,.admin-upload-card,.update-editor{border-color:var(--line);border-radius:8px;box-shadow:none}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:5px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.bookkeeping-entry,.update-card,.video-item{scroll-margin-top:110px}
.update-content{max-width:78ch;color:var(--ink)}
.policy-content{max-width:78ch;line-height:1.95}.policy-links a{min-height:44px;display:inline-flex;align-items:center}.policy-links a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:5px}
.footer-nav a{min-height:36px;display:inline-flex;align-items:center}
.shop-page .modal{background:#171b18a6;backdrop-filter:none;transition:opacity 180ms ease,visibility 0s linear 200ms;overscroll-behavior:contain}
.shop-page .modal.show{transition:opacity 180ms ease,visibility 0s}
.shop-page .modal .panel{border-radius:10px;box-shadow:0 20px 70px #0003;transform:translateY(12px);transition:transform 220ms var(--motion-ease);max-height:calc(100dvh - 40px);overscroll-behavior:contain}
.shop-page .modal.show .panel{transform:translateY(0)}
body.dialog-open{overflow:hidden}
.shop-page :is(.frameOptions,.killOptions,.swordOptions){transition:grid-template-rows 240ms var(--motion-ease),opacity 160ms ease}
.shop-page :is(.frameExpand,.killExpand,.swordExpand,.detailBtn,.close){min-height:44px;border-radius:5px}
.shop-page .close{min-width:44px}
.shop-page :is(.frameTier,.killCatalogCard,.swordCatalogCard){transition:background-color 160ms,border-color 160ms}
.shop-page :is(.orderNo,.orderMeta,.cartTotal){font-variant-numeric:tabular-nums}
@media(max-width:640px){
 .home-hero h1{font-size:clamp(40px,10.5vw,60px)}
 .site-header .menu{min-height:44px}
 .join-sheet{border-radius:7px;box-shadow:none}
 .sheet-heading{font-size:clamp(32px,9.5vw,54px)}
 .server-card{box-shadow:none}
 .site-header .links{max-height:calc(100dvh - 90px)}
 .shop-page .modal{padding:12px}
 .shop-page .modal .panel{max-height:calc(100dvh - 24px);padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .footer-nav{gap:4px 16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .site-header .links,.site-header .chev,.btn,.mini,.shop-page .modal,.shop-page .modal .panel,.shop-page :is(.frameOptions,.killOptions,.swordOptions){transition:none!important}
}

.shop-page .panel img{max-width:100%;height:auto}
.shop-page .panel :is(input,select,textarea){max-width:100%}

/* Keep the complete game nameplate together instead of shrinking its text. */
.shop-page .nameFrame{width:max-content!important;max-width:none!important;flex-shrink:0;zoom:var(--preview-scale,1)}
.shop-page .nameFrame .frameGameText{flex:0 0 auto;min-width:max-content}
.shop-page .frameTierMain{overflow:visible}
@media(max-width:760px){
 .shop-page .frameTierHead{position:relative;display:block!important}
 .shop-page .frameTierTitle{padding-right:82px;min-height:44px;align-content:center;margin-bottom:14px}
 .shop-page .frameTierHead>.frameExpand{position:absolute;right:0;top:19px;transform:none}
 .shop-page .frameTier.open .frameTierHead>.frameExpand{right:14px}
 .shop-page .frameTierMain{width:100%;min-width:0}
}