:root{color-scheme:dark;--bg:#0b1019;--panel:#121a27;--panel2:#172131;--line:#243046;--text:#eef3fc;--muted:#99a7bd;--blue:#6ba5ff;--accent:#367cf6}\*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:#bdd6ff}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.75rem);line-height:1.13;letter-spacing:-.045em;margin-bottom:16px}h2{font-size:1.2rem;letter-spacing:-.02em}h3{font-size:1rem;margin-bottom:5px}p{color:var(--muted)}.header{background:#0e1521;border-bottom:1px solid var(--line)}.header-inner{max-width:1640px;margin:auto;min-height:90px;padding:18px 34px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:850;font-size:1.35rem;letter-spacing:.025em;white-space:nowrap}.brand small{display:block;font-size:.62rem;color:var(--muted);font-weight:550;letter-spacing:.14em}.brand-mark{background:var(--accent);height:43px;width:43px;display:grid;place-content:center;font-size:1.3rem;letter-spacing:-5px;transform:skew(-8deg);padding-right:4px}.brand-mark span{display:none}.blue{color:var(--blue)}.header nav{display:flex;gap:28px;font-size:.9rem;align-self:stretch;align-items:center}.header nav a{color:var(--muted)}.header nav .active{color:white}.tiny{font-size:.8rem;color:var(--blue)}.account{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:.875rem}.account a{color:var(--text)}.account form{margin:0}.username{max-width:130px;overflow:hidden;text-overflow:ellipsis}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid transparent;border-radius:6px;background:var(--accent);color:white;padding:11px 18px;font-weight:650;font-size:.9rem;line-height:1.45}.button:hover,button:hover{background:#478bff;color:white}.button.small{padding:9px 15px}.secondary{background:var(--panel2);border-color:var(--line)}.quiet{background:transparent;padding:0;color:var(--muted);border:0;font-size:.875rem}.quiet:hover{background:transparent;color:white}.layout{display:grid;grid-template-columns:236px minmax(0,1fr);max-width:1640px;margin:auto;min-height:calc(100vh - 90px)}.sidebar{padding:30px 20px;border-right:1px solid var(--line)}.side-label{font-size:.69rem;color:#8391a8;letter-spacing:.12em;font-weight:750;padding:0 12px;margin-bottom:13px}.spaced{margin-top:35px}.side-link{display:flex;gap:12px;align-items:center;color:#acb8cb;padding:12px;border-radius:5px;font-size:.86rem;line-height:1.4}.side-link:hover,.side-link.selected{background:#18263b;color:white}.side-link>span:not(.side-dot){font-size:1.2rem;color:var(--blue)}.side-dot{display:none}.side-bottom{border-top:1px solid var(--line);margin:50px 10px 0;padding-top:25px;font-size:.8rem}.side-bottom strong{display:block;margin:12px 0 3px}.side-bottom p{margin-bottom:20px}.flag{display:inline-block;width:23px;height:15px;background:linear-gradient(90deg,transparent 28%,#3066b5 28%,#3066b5 43%,transparent 43%),linear-gradient(transparent 35%,#3066b5 35%,#3066b5 60%,transparent 60%),#eef4ff;vertical-align:middle}main{min-width:0;padding:0 34px}.utility{min-height:85px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.8rem}.breadcrumb{display:flex;gap:12px;color:var(--muted);flex-wrap:wrap}.breadcrumb a{color:var(--muted)}.search{display:flex;align-items:center;background:#131c2b;border:1px solid var(--line);border-radius:6px;width:290px;padding:0 12px;gap:10px}.search>span{font-size:1.6rem;color:var(--muted)}.search input{width:100%;padding:10px 0;border:0;background:transparent;font-size:.8rem;min-width:0}.search button{padding:0 5px;background:transparent;color:var(--muted)}input,textarea,select{color:var(--text);background:#0c1421;border:1px solid #344159;border-radius:5px;padding:11px 12px;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue)}.intro{border:1px solid #2c4161;border-radius:10px;background:radial-gradient(ellipse at 90% 110%,#21416e80,transparent 65%),linear-gradient(110deg,#18273b,#111a29);padding:35px 38px;display:flex;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.13em;color:var(--blue);margin-bottom:17px;display:flex;align-items:center;gap:10px}.intro h1{font-size:clamp(2.2rem,3.4vw,3.5rem);font-weight:780;letter-spacing:-.055em}.intro h1>span{color:#a4bbda}.intro p{font-size:.9rem;margin-bottom:22px}.intro-index{display:flex;flex-direction:column;justify-content:space-between;text-align:right;min-width:180px;padding:6px 0;color:#91a9cd;font-family:ui-monospace,monospace;font-size:.75rem;letter-spacing:.07em}.intro-index strong{font-size:4.5rem;color:#d9e7fc;font-weight:350;letter-spacing:-.1em}.intro-index strong span{font-size:1.2rem;letter-spacing:0;color:#6682a9}.stats{display:flex;gap:38px;padding:25px 4px;border-bottom:1px solid var(--line);margin-bottom:29px}.stats>div{display:flex;gap:12px;align-items:center}.stats strong{font-size:1.45rem}.stats span{font-size:.78rem;color:var(--muted)}.stats .stats-note{margin-left:auto;font-size:.75rem;color:var(--muted);line-height:1.4}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.section-heading h2{margin:0}.section-heading>span{font-size:.75rem}.group-heading{font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;color:#93a5be;margin:20px 0 10px;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.category-row{padding:21px 20px;display:flex;align-items:center;gap:17px;color:var(--text);border-bottom:1px solid var(--line)}.category-row:last-child{border-bottom:0}.category-row:hover{background:#182337}.game-icon{height:49px;width:49px;flex-shrink:0;background:#22334d;color:#c5dcff;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-weight:800;font-size:1.1rem;border:1px solid #344a6b;border-radius:8px;letter-spacing:-.08em}.game-icon span{color:var(--blue)}.game-icon.market{background:#2c273c;border-color:#4d4263;color:#cdbbea}.category-copy{flex:1;min-width:0}.category-copy h3{font-size:.96rem;font-weight:650;letter-spacing:-.02em}.category-copy p{font-size:.77rem;margin:0;line-height:1.5}.count{text-align:center;min-width:43px}.count strong{display:block;font-size:.9rem;color:#d7e2f2}.count span{display:block;font-size:.7rem;color:#8696ad}.row-arrow{color:#62758e;margin-left:10px}.latest>a{display:block;padding:18px;border-bottom:1px solid var(--line);color:var(--text)}.latest h3{margin:10px 0;font-size:.9rem;overflow-wrap:anywhere}.latest small{font-size:.73rem;color:var(--muted)}.tag{display:inline-block;border-radius:4px;background:#22314a;color:#accbfa;padding:3px 7px;font-size:.68rem;font-weight:600;letter-spacing:0}.callout{margin-top:20px;border:1px solid #324966;background:linear-gradient(135deg,#1a2d47,#142135);border-radius:8px;padding:25px}.callout h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.04em}.callout p,.callout a{font-size:.8rem}.callout .eyebrow{font-size:.62rem}.rail-note{padding:25px 12px;font-size:.8rem}.rail-note p{margin:8px 0}.empty{text-align:center;padding:55px 22px}.empty-symbol{display:block;color:var(--blue);font-size:2.1rem;margin-bottom:14px}.empty p{font-size:.9rem;max-width:480px;margin:0 auto 20px}.empty.compact{padding:30px 20px}.empty.compact h3{font-size:.95rem}.empty.compact p{font-size:.8rem;margin-bottom:0}.page-heading{margin:20px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-heading h1{overflow-wrap:anywhere}.page-heading p{margin:0;font-size:.9rem}.page-heading>.button{flex-shrink:0}.notice{border:1px solid #354969;border-left:3px solid var(--blue);border-radius:5px;background:#162339;padding:17px 20px;color:#b9cbe3;margin:20px 0;font-size:.9rem}.topic-row{display:flex;gap:18px;padding:23px;align-items:center;border-bottom:1px solid var(--line);color:var(--text)}.topic-row:last-child{border:0}.topic-row:hover{background:var(--panel2)}.topic-row h3{overflow-wrap:anywhere}.topic-row p{font-size:.75rem;margin:5px 0 0}.avatar{width:39px;height:39px;background:#263c5b;border:1px solid #3a5275;display:grid;place-items:center;flex-shrink:0;border-radius:10px;font-weight:700;color:#a9cdff}.avatar.large{width:57px;height:57px;font-size:1.5rem}.grow{flex:1;min-width:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px;font-size:.85rem}.post{display:grid;grid-template-columns:155px 1fr;margin-bottom:15px}.post>aside{background:#101825;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:10px;padding:25px 12px;font-size:.8rem;overflow-wrap:anywhere;min-width:0}.post-content{padding:23px;min-width:0}.post-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:23px}.post-body{overflow-wrap:anywhere;line-height:1.8}.post-image{display:block;max-height:600px;max-width:100%;border-radius:6px;margin-top:20px}.report{display:block;font-size:.75rem;color:#a6b2c5;margin-top:22px}.hidden-post{opacity:.65}.moderation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:.8rem}.moderation button{font-size:.8rem;background:#243853}.form-wrap{max-width:670px;margin:35px auto 65px}.form-panel{padding:30px;margin-top:22px}.form-panel label{display:block;margin-bottom:8px;color:#d9e4f4;font-size:.9rem}.form-panel input:not([type=checkbox]),.form-panel textarea,.form-panel select{width:100%}.form-panel input[type=checkbox]{width:18px;height:18px}.form-panel p{margin-bottom:23px}.form-panel .helptext{display:block;color:#8f9eb5;font-size:.78rem;margin-top:8px}.form-panel ul{font-size:.8rem;color:#9eadc1;padding-left:22px}.form-panel .errorlist{color:#ffaaaa;background:#391e2b;padding:12px 12px 12px 30px;border-radius:5px}.form-links{display:flex;gap:25px;margin-top:25px;font-size:.8rem;flex-wrap:wrap}.tabs{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.tabs a{padding:9px 19px;border-radius:5px;color:var(--muted);font-size:.9rem}.tabs a.selected{background:#213958;color:#b9d5ff}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.server{padding:25px}.server-top{display:flex;justify-content:space-between;margin-bottom:20px}.server h2{font-size:1.35rem}.server p{font-size:.9rem;overflow-wrap:anywhere}.server code{display:block;background:#0b1420;padding:12px;border:1px solid var(--line);border-radius:5px;overflow-wrap:anywhere}.server-actions{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.server small{display:block;color:var(--muted);font-size:.75rem;margin-top:18px}.full{grid-column:1/-1}.prose{padding:40px;max-width:880px;margin:30px auto}.prose h2{margin-top:28px}.prose p{line-height:1.8}.message{padding:15px 20px;background:#193447;border:1px solid #396481;border-radius:6px;margin:10px 0 24px}.message.error,.message.warning{background:#392627;border-color:#795152}.muted{color:var(--muted)}footer{margin-top:55px;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#7e90ab;font-size:.75rem}footer div{display:flex;gap:22px}footer a{color:#99a9bf}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{display:block;padding:12px;background:#fff;color:#000}

@media(min-width:1500px){.content-grid{grid-template-columns:minmax(0,1fr) 310px}.intro{padding:42px}.category-row{padding:25px}}@media(max-width:1180px){.layout{grid-template-columns:195px minmax(0,1fr)}.header-inner{gap:25px;padding:18px 24px}.header nav{gap:18px}.account{gap:12px}.sidebar{padding:25px 10px}main{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.right-rail>.section-heading{grid-column:1/-1;margin:10px 0 0}.callout{margin-top:0}.rail-note{display:none}.stats{gap:25px}.stats .stats-note{display:none}.intro-index{min-width:140px}.header .username{display:none}}

@media(max-width:850px){.header-inner{flex-wrap:wrap;gap:18px}.header nav{order:3;width:100%;justify-content:center;padding-top:15px;border-top:1px solid var(--line)}.account{margin-left:auto}.layout{display:block}.sidebar{display:none}.utility{min-height:75px}.intro-index{display:none}.intro{padding:30px}.stats{justify-content:space-between}.server-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.post{grid-template-columns:120px 1fr}.header .brand small{font-size:.6rem}}

@media(max-width:540px){main{padding:0 16px}.header-inner{padding:17px 16px}.brand{font-size:1.1rem;gap:8px}.brand-mark{height:35px;width:35px}.brand small{display:none}.account{gap:10px;font-size:.8rem}.button.small{padding:8px 11px}.header nav{font-size:.86rem;gap:26px}.utility{flex-wrap:wrap;gap:10px;padding:18px 0}.search{width:100%}.intro{padding:27px 24px}.intro h1{font-size:2.55rem}.intro p{max-width:250px}.stats{gap:12px;padding:22px 0}.stats>div{display:block}.stats strong{font-size:1.35rem}.stats span{display:block;font-size:.7rem}.section-heading>.muted{display:none}.category-row{padding:18px 14px;gap:12px}.game-icon{width:41px;height:45px}.category-copy h3{font-size:.9rem}.category-copy p{font-size:.75rem}.row-arrow{display:none}.count{min-width:30px}.right-rail{display:block}.right-rail>.section-heading{margin:25px 0 15px}.callout{margin-top:18px}.topic-row{padding:17px;gap:12px}.topic-row .avatar{display:none}.post{display:block}.post>aside{flex-direction:row;justify-content:flex-start;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.post>aside .avatar,.avatar.large{width:35px;height:35px;font-size:1rem}.post-content{padding:18px}.form-panel{padding:23px 18px}.prose{padding:25px 20px}.form-wrap{margin-top:25px}.pagination{padding:20px 0;gap:10px}.pagination .button{padding:9px 11px}footer{gap:15px;flex-wrap:wrap}.server{padding:20px}}

@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .16s,color .16s}}



/\* Yhteisön pääsisällön luettavuus. \*/

.category-copy p,.topic-row p,.latest small,.count span{font-size:.875rem}

.category-copy h3,.topic-row h3,.latest h3{font-size:1rem}

.side-link,.form-links,.rail-note,.callout p,.callout a{font-size:.875rem}

@media(max-width:540px){.category-copy p{font-size:.875rem}.category-copy h3{font-size:1rem}.count span{font-size:.75rem}}



/\* v2: palvelinlista ja kuvalautamaiset viestit \*/

.server-filters{display:flex;align-items:end;gap:14px;padding:20px;margin-bottom:26px;flex-wrap:wrap;overflow:visible}.server-filters label{display:block;font-size:.875rem;margin-bottom:6px}.server-filters select,.server-filters input{width:100%;font-size:.875rem}.server-filters>div{flex:1;min-width:140px}.server-filters .server-query{flex:1.6}.server-filters>a{font-size:.875rem;padding:10px 0}.server-table-wrap{overflow-x:auto}.server-table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left;min-width:780px}.server-table thead{background:#19263a}.server-table th{padding:16px;font-size:.8rem;color:#b4c5de;font-weight:600;white-space:nowrap}.server-table td{padding:19px 16px;border-top:1px solid var(--line);vertical-align:middle}.server-table td:first-child{width:48%;min-width:250px}.server-table tr:hover td{background:#172438}.server-name{display:block;font-size:1rem;overflow-wrap:anywhere;margin:7px 0}.server-table code{color:#b1c1d7;font-size:.8rem}.server-table small{display:block;color:var(--muted);margin-top:4px}.server-description{margin:7px 0;font-size:.875rem;overflow-wrap:anywhere}.server-source{font-size:.75rem;color:var(--muted);margin-top:7px}.connect-actions{display:flex;flex-direction:column;gap:10px;white-space:nowrap}.server-table td:nth-child(3){overflow-wrap:anywhere;max-width:160px}.post{display:block}.post>aside{flex-direction:row;justify-content:flex-start;gap:12px;padding:13px 20px;border-right:0;border-bottom:1px solid var(--line)}.post>aside .avatar{display:none}.post-content{padding:18px 20px}.post-meta{margin-bottom:16px}.board-message{display:flow-root}.image-thumb{float:left;width:130px;margin:0 20px 12px 0;border:1px solid #354765;border-radius:5px;overflow:hidden;background:#0b1421;display:block;text-align:center;flex-shrink:0}.image-thumb img{display:block;width:100%;height:110px;object-fit:contain;background:#090e16}.image-thumb span{display:block;font-size:.75rem;padding:4px;color:#9dbce8}.image-thumb:hover{border-color:#87b6ff}.thread-thumb{float:none;margin:0;width:95px}.thread-thumb img{height:74px}.topic-row h3>a{color:var(--text)}.topic-row h3>a:hover{color:var(--blue)}#image-viewer{color:var(--text);border:1px solid #405576;border-radius:9px;background:#0c121e;padding:18px;max-width:94vw;max-height:94vh;overflow:auto}#image-viewer::backdrop{background:#000d}#image-viewer form{display:flex;justify-content:flex-end;margin-bottom:12px}#viewer-image{display:block;max-width:86vw;max-height:75vh;object-fit:contain}#image-viewer p{text-align:center;font-size:.8rem;margin:12px 0 0}.viewer-close{background:#203652}.board-message .post-body{min-height:1em}

@media(max-width:540px){.server-filters{padding:15px;gap:12px}.server-filters>div{min-width:125px}.server-table td{padding:14px}.image-thumb{width:96px;margin-right:14px}.image-thumb img{height:85px}.thread-thumb{width:68px;margin:0}.thread-thumb img{height:58px}.post-content{padding:15px}.topic-row{align-items:flex-start}}



.sync-form{margin-top:12px}.sync-form small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px;max-width:300px}