:root{--paper:#efe5d0;--paper-2:#e6d8bc;--card:#f6efe0;--ink:#2c241c;--muted:#6f6352;--line:#cfc2a5;--teal:#3f7d6e;--teal-deep:#2e5f53;--ochre:#b07d2b;--red:#b3372b;--readout-bg:#28221a;--readout-fg:#f2e7cf;--shadow:#48371e2e}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(1100px 480px at 15% -5%, #b07d2b1a, transparent 60%), radial-gradient(900px 500px at 100% 0%, #3f7d6e14, transparent 55%), linear-gradient(180deg, #f2e8d4, var(--paper-2));background-attachment:fixed;min-height:100vh;font-family:IBM Plex Mono,monospace;line-height:1.6}body:before{content:"";z-index:0;pointer-events:none;opacity:.85;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27240%27%20height%3D%27240%27%20viewBox%3D%270%200%20240%20240%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgba%2844%2C36%2C28%2C0.12%29%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%278%27%2F%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2718%27%2F%3E%3Cellipse%20cx%3D%27120%27%20cy%3D%27120%27%20rx%3D%2713%27%20ry%3D%2730%27%2F%3E%3Cellipse%20cx%3D%27120%27%20cy%3D%27120%27%20rx%3D%2713%27%20ry%3D%2730%27%20transform%3D%27rotate%2845%20120%20120%29%27%2F%3E%3Cellipse%20cx%3D%27120%27%20cy%3D%27120%27%20rx%3D%2713%27%20ry%3D%2730%27%20transform%3D%27rotate%2890%20120%20120%29%27%2F%3E%3Cellipse%20cx%3D%27120%27%20cy%3D%27120%27%20rx%3D%2713%27%20ry%3D%2730%27%20transform%3D%27rotate%28135%20120%20120%29%27%2F%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2734%27%2F%3E%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2746%27%20stroke-dasharray%3D%272%206%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgba%2844%2C36%2C28%2C0.10%29%27%20stroke-width%3D%271.5%27%3E%3Cpath%20d%3D%27M120%2074%20L120%2040%20M74%20120%20L40%20120%20M120%20166%20L120%20200%20M166%20120%20L200%20120%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgba%2844%2C36%2C28%2C0.12%29%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2714%27%2F%3E%3Cellipse%20cx%3D%270%27%20cy%3D%270%27%20rx%3D%277%27%20ry%3D%2718%27%2F%3E%3Cellipse%20cx%3D%270%27%20cy%3D%270%27%20rx%3D%277%27%20ry%3D%2718%27%20transform%3D%27rotate%2890%200%200%29%27%2F%3E%3Ccircle%20cx%3D%27240%27%20cy%3D%270%27%20r%3D%2714%27%2F%3E%3Cellipse%20cx%3D%27240%27%20cy%3D%270%27%20rx%3D%277%27%20ry%3D%2718%27%2F%3E%3Cellipse%20cx%3D%27240%27%20cy%3D%270%27%20rx%3D%277%27%20ry%3D%2718%27%20transform%3D%27rotate%2890%20240%200%29%27%2F%3E%3Ccircle%20cx%3D%270%27%20cy%3D%27240%27%20r%3D%2714%27%2F%3E%3Cellipse%20cx%3D%270%27%20cy%3D%27240%27%20rx%3D%277%27%20ry%3D%2718%27%2F%3E%3Cellipse%20cx%3D%270%27%20cy%3D%27240%27%20rx%3D%277%27%20ry%3D%2718%27%20transform%3D%27rotate%2890%200%20240%29%27%2F%3E%3Ccircle%20cx%3D%27240%27%20cy%3D%27240%27%20r%3D%2714%27%2F%3E%3Cellipse%20cx%3D%27240%27%20cy%3D%27240%27%20rx%3D%277%27%20ry%3D%2718%27%2F%3E%3Cellipse%20cx%3D%27240%27%20cy%3D%27240%27%20rx%3D%277%27%20ry%3D%2718%27%20transform%3D%27rotate%2890%20240%20240%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-repeat:repeat;background-size:240px 240px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(#0000 58%,#48371e1f 100%);position:fixed;inset:0}main{z-index:1;position:relative}.container{max-width:1160px;margin:0 auto;padding:0 20px}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.topbar{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:2px dashed var(--line);background:#efe5d0e6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.brand{letter-spacing:.04em;color:var(--ink);align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;text-decoration:none;display:flex}.brand-mark{background:var(--teal);width:32px;height:32px;color:var(--readout-fg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:3px 3px #2c241c59}.install-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--readout-fg);background:var(--readout-bg);border:2px solid var(--ink);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:3px 3px #48371e4d}.install-btn:before{content:"▣";color:var(--ochre)}@media (hover:hover){.install-btn:hover{background:var(--teal);box-shadow:3px 3px 0 var(--red)}}.install-btn:active{box-shadow:none;transform:translate(3px,3px)}header{z-index:1;text-align:center;padding:56px 16px 40px;position:relative}.badge{letter-spacing:.18em;text-transform:uppercase;color:var(--teal-deep);border:1px solid var(--teal);background:#fcf7ea;border-radius:4px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"▮";animation:1.8s ease-in-out infinite pulse}h1{letter-spacing:.01em;color:var(--ink);font-family:Lora,serif;font-size:clamp(2rem,5.2vw,3.6rem);font-weight:700;line-height:1.15}h1:after{content:"";background:repeating-linear-gradient(90deg, var(--ochre) 0 14px, transparent 14px 22px);opacity:.85;width:260px;max-width:70%;height:5px;margin:20px auto 0;display:block}.subtitle{color:var(--muted);margin-top:16px;font-size:1.05rem;font-style:italic}.subtitle .cursor{width:9px;color:var(--teal);animation:1.1s step-end infinite pulse;display:inline-block}.stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:40px;display:grid;position:relative}.stat{border:1px solid var(--line);text-align:center;box-shadow:0 5px 0 var(--line);background:#fcf7ea;border-radius:6px;padding:18px 20px;transition:transform .25s,box-shadow .25s}@media (hover:hover){.stat:hover{box-shadow:0 8px 0 var(--line);transform:translateY(-2px)}}.stat-num{color:var(--teal-deep);font-variant-numeric:tabular-nums;font-family:Lora,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;display:block}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:11px;display:block}#grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:64px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:13px;padding:20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;animation:.65s cubic-bezier(.22,1,.36,1) backwards rise;display:flex;position:relative;box-shadow:6px 6px #48371e1f}.card:before,.card:after{content:"";border-color:var(--muted);opacity:.5;pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@media (hover:hover){.card:hover{transform:translateY(-5px);box-shadow:10px 10px #48371e29}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.record-top{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.record-file{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.barcode{opacity:.85;background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px, var(--ink) 5px 6px, transparent 6px 9px, var(--ink) 9px 12px, transparent 12px 14px);flex-shrink:0;width:92px;height:22px}.avatar{aspect-ratio:1/.62;border:1px solid var(--line);cursor:zoom-in;background:linear-gradient(155deg,#d8cfbc,#b6ab93 60%,#a39880);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.zoom-hint{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:var(--readout-fg);background:var(--readout-bg);border:1px solid var(--ochre);opacity:0;pointer-events:none;border-radius:3px;padding:3px 7px;font-size:9.5px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}@media (hover:hover){.avatar:hover .zoom-hint{opacity:1;transform:translateY(0)}}.avatar-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.cross{z-index:1;pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - 2.5px), var(--red) calc(50% - 2.5px) calc(50% + 2.5px), transparent calc(50% + 2.5px)), linear-gradient(to top left, transparent calc(50% - 2.5px), var(--red) calc(50% - 2.5px) calc(50% + 2.5px), transparent calc(50% + 2.5px));opacity:.85;mix-blend-mode:multiply;position:absolute;inset:0}.avatar:after{content:"";pointer-events:none;background:radial-gradient(70% 90% at 50% 100%,#0000 40%,#2c241c52),repeating-linear-gradient(0deg,#2c241c0d 0 1px,#0000 1px 3px);position:absolute;inset:0}.stamp{letter-spacing:.12em;color:var(--red);-webkit-backdrop-filter:blur(2px);z-index:1;mix-blend-mode:multiply;background:#f6efe059;border:3px solid #b3372bcc;border-radius:6px;padding:7px 15px;font-family:Lora,serif;font-size:clamp(1.15rem,3vw,1.65rem);font-weight:700;position:relative;transform:rotate(-12deg);box-shadow:inset 0 0 0 2px #f6efe066}.player-title{text-align:center;color:var(--ink);margin-top:4px;font-family:Lora,serif;font-size:1.65rem;font-weight:700;line-height:1.25}.player-date{text-align:center;letter-spacing:.02em;color:var(--ink);font-size:14.5px;font-weight:600}.player-date-k{letter-spacing:.16em;text-transform:uppercase;color:var(--teal-deep);margin-right:8px;font-size:10.5px;font-weight:600;display:inline-block}.afk-label{letter-spacing:.18em;color:var(--teal-deep);text-transform:uppercase;align-items:center;gap:8px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.afk-label:before{content:"▮";color:var(--teal)}.counter{background:var(--readout-bg);border:2px solid #4a4033;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:6px;padding:11px 9px;display:grid;box-shadow:inset 0 2px 6px #0006,0 1px #ffffff59}.c-tile{text-align:center;min-width:0;overflow:hidden}.c-tile .c-num{color:var(--readout-fg);font-variant-numeric:tabular-nums;text-shadow:0 0 7px #f2e7cf59;font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:600;line-height:1.2;display:block}.c-tile .c-unit{letter-spacing:.08em;text-transform:uppercase;color:#c9b98f;margin-top:2px;font-size:9.5px;display:block}.visit-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--readout-fg);background:var(--readout-bg);border:2px solid var(--ink);cursor:pointer;transform-origin:bottom;border-radius:4px;justify-content:center;align-items:center;gap:10px;margin-top:2px;padding:13px 18px;font-family:IBM Plex Mono,monospace;font-size:13.5px;font-weight:600;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .22s,color .22s,border-color .22s;display:flex;position:relative;box-shadow:4px 4px #48371e4d,inset 0 1px #f2e7cf0f}@media (hover:hover){.visit-btn:hover{background:var(--teal);border-color:var(--teal-deep);color:#fff;box-shadow:5px 5px 0 var(--red), 0 0 20px #3f7d6e40;transform:translateY(-2px)}.visit-btn:hover:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:4px;position:absolute;inset:-1px}}.visit-btn:active{background:var(--teal-deep);transition-duration:60ms;transform:translate(4px,4px)scale(.97);box-shadow:0 0 #48371e4d,inset 0 2px 4px #00000040}@media (pointer:coarse){.visit-btn:active{transform:none}}.float-up{left:calc(50% + var(--fx,0px));z-index:3;color:var(--readout-fg);background:var(--readout-bg);border:1px solid var(--ochre);white-space:nowrap;pointer-events:none;will-change:transform, opacity;animation:floatUp 1.2s cubic-bezier(.22, 1, .36, 1) var(--d,0s) forwards;border-radius:4px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600;position:absolute;bottom:60%}@keyframes floatUp{0%{opacity:0;transform:translate(-50%, 12px) scale(.7) rotate(var(--r,0deg))}12%{opacity:1;transform:translate(-50%, 0) scale(1) rotate(var(--r,0deg))}to{opacity:0;transform:translate(-50%, -180px) scale(1.08) rotate(var(--r,0deg))}}.lightbox{background:var(--paper-2);border:1px solid var(--line);width:min(92vw,1000px);max-height:88vh;color:var(--ink);border-radius:6px;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:10px 10px #1c160e59}.lightbox::backdrop{background:#1c160ec7}.lightbox:before,.lightbox:after{content:"";border-color:var(--muted);opacity:.6;pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.lightbox:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.lightbox:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.lightbox-inner{flex-direction:column;gap:14px;padding:22px;display:flex}.lightbox-figure{flex-direction:column;gap:14px;margin:0;display:flex}.lightbox-img{object-fit:contain;background:var(--readout-bg);border-radius:4px;width:100%;max-height:64vh;display:block}.lightbox-caption{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-top:12px;display:flex}.lightbox-name{color:var(--ink);font-family:Lora,serif;font-size:1.3rem;font-weight:700}.lightbox-date{letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:600}.lightbox-close{letter-spacing:.1em;text-transform:uppercase;color:var(--readout-fg);background:var(--readout-bg);border:2px solid var(--ink);cursor:pointer;border-radius:4px;align-self:flex-end;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:3px 3px #48371e4d}@media (hover:hover){.lightbox-close:hover{background:var(--teal)}}.lightbox-close:active{box-shadow:none;transform:translate(3px,3px)}footer{z-index:1;border-top:2px dashed var(--line);text-align:center;color:var(--muted);background:#fcf7ea;padding:30px 16px;font-size:13px;position:relative}footer .credit{color:var(--teal-deep);letter-spacing:.04em;margin-top:4px;font-weight:500}@media (width<=640px){.stats{grid-template-columns:1fr;gap:12px}.brand-name{display:none}.counter{grid-template-columns:repeat(3,1fr)}.lang-btn .label{display:none}.lang-btn{padding:5px 8px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lang-switcher[data-astro-cid-3s4v7zxg]{display:inline-block;position:relative}.lang-btn[data-astro-cid-3s4v7zxg]{color:var(--readout-fg);background:var(--readout-bg);border:1px solid var(--ink);cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;transition:background .15s;display:flex}.lang-btn[data-astro-cid-3s4v7zxg]:hover{background:var(--teal)}.lang-menu[data-astro-cid-3s4v7zxg]{z-index:50;background:var(--paper-2);border:1px solid var(--line);border-radius:4px;min-width:130px;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:4px 4px #1c160e40}.lang-menu[data-astro-cid-3s4v7zxg].open{display:block}.lang-option[data-astro-cid-3s4v7zxg]{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;transition:background .12s;display:flex}.lang-option[data-astro-cid-3s4v7zxg]:hover{background:#3f7d6e1a}.lang-option[data-astro-cid-3s4v7zxg].active{color:var(--teal);pointer-events:none;font-weight:600}.lang-btn[data-astro-cid-3s4v7zxg] .flag[data-astro-cid-3s4v7zxg],.lang-option[data-astro-cid-3s4v7zxg] .flag[data-astro-cid-3s4v7zxg]{flex-shrink:0;font-size:20px;line-height:1}.lang-btn[data-astro-cid-3s4v7zxg] .label[data-astro-cid-3s4v7zxg]{line-height:1}