body{font-family:Arial,sans-serif;background:#fff;margin:0;padding:24px 24px 72px;color:#111}
button,input,textarea{font:inherit}
button{cursor:pointer}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:1050px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font-weight:700}.logo{width:40px;height:40px;object-fit:contain}.play{text-align:center}.nav-links{text-align:right}.nav-links a{margin-left:16px;color:#000;text-decoration:none}
.page{margin:24px auto 0;max-width:1050px}.home{display:grid;grid-template-columns:minmax(0,1fr) 120px 190px;gap:28px;align-items:start}.blog-post{border-bottom:1px solid #d6d6d6;padding:18px 0}.blog-post h3{margin:0 0 4px}.post-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.meta{color:#555;font-size:14px;margin:0}.tag,.filters a{color:#111;text-decoration:none}.tag:hover,.filters a:hover{text-decoration:underline}.post-admin-actions{display:flex;gap:10px;align-items:center}.edit-post-toggle,.delete-post button{border:0;background:#fff;font-weight:700;padding:2px 4px}.edit-post-toggle{color:#111}.delete-post button{color:#900}.post-panel{display:flex;justify-content:center}.post-toggle{border:0;background:transparent;color:#111;padding:0;text-decoration:underline}.post-menu{border:1px solid #999;background:#fff;padding:18px}.post-menu form{display:grid;gap:10px;min-width:min(460px,82vw)}.post-menu input,.post-menu textarea,.suggest-box input{border:1px solid #999;padding:8px;background:#fff}.post-menu textarea{min-height:140px}.tag-picker{display:grid;gap:8px;border:0;margin:0;padding:0}.tag-picker legend{font-weight:700;padding:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button,.suggest-box button{border:0;background:transparent;color:#111;padding:0;text-decoration:underline}.filters{display:grid;gap:8px;align-content:start}.filters h3{margin:0}.filters a.active{font-weight:700;text-decoration:underline}
.coming-soon{display:grid;justify-items:center;gap:18px;text-align:center}.world-map{max-width:700px;width:100%}
.userbox{position:fixed;right:20px;bottom:16px;display:flex;gap:6px;align-items:center;background:#fff;border:1px solid #111;padding:8px 10px}.signout,.login-link,.settings-link{border:0;background:transparent;color:#111;padding:0;text-decoration:none;cursor:pointer}.settings-link:hover{text-decoration:underline}
.mods{text-align:center}.mods-table{max-width:820px;margin:20px auto;text-align:left;border:1px solid #ccc;border-radius:6px;overflow:hidden}.mods-table .row,.mods-table .head{display:grid;align-items:stretch;margin:0}.mods-table.admin-view .row,.mods-table.admin-view .head{grid-template-columns:1.5fr 2.5fr 132px 44px}.mods-table.user-view .row,.mods-table.user-view .head{grid-template-columns:1.5fr 2.5fr 132px}.mods-table .head{font-weight:700;background:#f5f5f5;border-bottom:2px solid #ccc}.mods-table .row{border-bottom:1px solid #ddd}.mods-table .row:last-child{border-bottom:none}.mods-table .row > *,.mods-table .head > *{padding:10px 12px;border-right:1px solid #ddd;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.mods-table .row > *:last-child,.mods-table .head > *:last-child{border-right:none}.mods-table a{color:#0645ad;overflow-wrap:anywhere;text-decoration:none}.mods-table a:hover{text-decoration:underline}.delete-mod button{border:0;background:#fff;color:#900;font-weight:700;padding:2px 4px}.login-wrap{max-width:420px;margin:90px auto;background:#fff;padding:20px;border-radius:8px}.login-form{display:flex;gap:8px}.error{color:#b00}.notice{color:#333;font-weight:700}.vote-controls{display:flex;gap:8px;align-items:center}.vote-controls form{display:inline}.vote-button,.vote-controls a.vote-button{border:0;background:transparent;color:#111;font-size:18px;line-height:1;padding:0 2px;text-decoration:none}.vote-button:hover,.vote-button.active{font-weight:700}.vote-button.up.active{color:green}.vote-button.down.active{color:red}.suggest-panel{max-width:820px;margin:18px auto;text-align:left}.suggest-panel summary,.suggest-panel .suggest-link{display:inline-block;color:#111;text-decoration:underline;cursor:pointer}.suggest-panel summary::-webkit-details-marker{display:none}.suggest-panel .close-text{display:none}.suggest-panel[open] .close-text{display:inline}.suggest-panel[open] .suggest-text{display:none}.suggest-box{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;margin:12px 0 0}
.settings-table{max-width:820px;margin:24px auto;text-align:left}.settings-table .row,.settings-table .head{display:grid;grid-template-columns:64px 2fr 1fr 1fr;gap:12px;align-items:center;margin:8px 0}.settings-table .head{font-weight:700}.delete-member button{border:0;background:#fff;color:#900;font-weight:700;padding:2px 4px}
@media (max-width:760px){body{padding:18px 18px 72px}.site-header,.home{display:grid;grid-template-columns:1fr}.play,.nav-links{text-align:left}.nav-links a{margin:0 12px 0 0}.post-panel{justify-content:start}.mods-table .row,.mods-table .head,.suggest-box,.settings-table .row,.settings-table .head{grid-template-columns:1fr}.delete-mod,.delete-member{text-align:left}.mods-table .row > *,.mods-table .head > *{border-right:none;border-bottom:1px solid #ddd;padding:8px 12px}.mods-table .row > *:last-child,.mods-table .head > *:last-child{border-bottom:none}.mods-table .row{border-bottom:2px solid #ccc}}