:root{--bg:#111410;--steel:#353c2e;--line:#555b49;--muted:#a6a99b;--cream:#e9e5d4;--ink:#e9e5d4;--accent:#d2ac58;--panel:#222620;--button:#292c2b;--selected:#464b49;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#2c3426,transparent 65%),var(--bg);color:var(--cream);min-height:100vh}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,.button{background:var(--button);color:var(--cream);border:1px solid var(--line);padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#3b4037}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:wait}a{color:var(--cream)}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:10px;z-index:9;background:#111;padding:15px}.site{max-width:1400px;margin:auto;padding:22px 30px 18px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:6px 0 22px;gap:24px}.brand{text-decoration:none;display:flex;gap:15px;align-items:center}.brand-mark{font-size:32px;color:var(--accent);border:2px solid #6d735a;transform:rotate(45deg);width:48px;height:48px;display:grid;place-items:center}.brand-mark span{transform:rotate(-45deg)}.brand strong{display:block;font-size:35px;letter-spacing:.12em}.eyebrow,.kicker{color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.brand small{color:var(--muted);font-size:10px;letter-spacing:.3em}.account{text-align:right;font-size:12px;line-height:1.7}.account strong{color:var(--cream)}.account .tank-name{font-size:17px}.account button{padding:5px 17px;margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.account .account-meta{color:var(--muted)}nav{display:flex;border:1px solid var(--line);background:linear-gradient(#373e30,#282e23);box-shadow:inset 0 1px #ffffff0a;overflow-x:auto}nav a{text-decoration:none;white-space:nowrap;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;padding:20px 18px;border-right:1px solid #4a5140}nav a:hover{background:#434a3b}nav a[aria-current=page]{background:#464b49;color:#fff;box-shadow:inset 0 -2px var(--accent)}.status-line{display:flex;justify-content:space-between;color:var(--muted);font:10px/1.5 monospace;letter-spacing:.12em;text-transform:uppercase;padding:15px 2px}.status-line b{color:var(--accent);font-weight:normal}.hero{display:grid;grid-template-columns:1fr 1.75fr;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(130deg,#2b3026,#20251e);box-shadow:0 4px 15px #0003,inset 0 0 0 4px #161a1233;min-width:0}.panel-heading{margin:0;padding:13px 17px;border-bottom:1px solid var(--line);background:linear-gradient(#3b4232,#303628);font-size:11px;letter-spacing:.17em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.briefing{padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.briefing:after{content:'TR / 03';position:absolute;bottom:16px;right:15px;font:bold 55px monospace;color:#ffffff04;pointer-events:none}.briefing h1{font-size:clamp(35px,4vw,61px);line-height:1.02;letter-spacing:-.04em;margin:23px 0}.briefing p{color:var(--muted);font-size:14px;line-height:1.7;max-width:330px}.briefing .rule{width:48px;height:3px;background:var(--accent);margin-bottom:8px}.briefing .brief-stat{display:flex;gap:30px;margin:25px 0 5px}.brief-stat strong{display:block;font:24px monospace}.brief-stat small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.preview-panel{background:#171e16}.map-preview{width:100%;border:0;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#9aaa7510 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#9aaa7510 32px),#151b13;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;min-height:330px}.map-preview:hover{background-color:#242c20}.map-preview img{width:289px;height:289px;max-width:100%;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 0 1px #87917466,0 12px 32px #0008}.preview-caption{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#1c2119;border-top:1px solid #454d3c;font-size:12px}.preview-caption strong{color:var(--accent);font-size:11px;letter-spacing:.1em}.lower-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:18px;margin-top:18px}.map-list{max-height:263px;overflow-y:auto;padding:8px;scrollbar-color:#646858 #20251f}.map-option{width:100%;display:flex;align-items:center;text-align:left;padding:9px;gap:13px;margin-bottom:6px;background:#262c24;border:1px solid #414939}.map-option[aria-pressed=true],.team-button[aria-pressed=true]{background:var(--selected);border-color:#697066;box-shadow:none}.map-option img{width:48px;height:48px;image-rendering:pixelated}.map-option strong{display:block;font-size:13px}.map-option small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.team-list{padding:8px;display:grid;gap:5px}.team-button{height:46px;padding:0 15px;display:flex;align-items:center;gap:9px;text-align:left;background:#292c2b;border-color:#454b42;font-size:12px}.tank-sprite{display:inline-block;width:64px;height:64px;transform:scale(.7);margin:-10px -6px;background-image:url('TankRift-Tanks-5-Colors.png');background-size:320px 2048px;background-position:calc(var(--team) * -64px) 0;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.team-hint{font-size:10px;color:var(--muted);padding:0 14px 8px;margin:0}.record-body{padding:25px;min-height:202px}.record-body h3{font-size:24px;margin:10px 0 13px}.record-body p{color:var(--muted);font-size:13px;line-height:1.7;max-width:360px}.carousel-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #454d3c}.carousel-controls button{padding:7px 12px}.dots{display:flex;gap:9px}.dots button{padding:0;width:8px;height:8px;border-radius:50%;background:#444c3c;border:0}.dots button[aria-pressed=true]{background:var(--accent)}footer{display:flex;justify-content:space-between;padding:20px 0 5px;color:#858e7b;font:10px monospace;letter-spacing:.08em}.content-page{padding:35px;min-height:480px}.content-page h1{font-size:38px}.content-page p{max-width:650px;color:var(--muted);line-height:1.8}.content-page label{display:block;margin:20px 0;line-height:1.8}.content-page input[type=checkbox]{margin-right:10px}.help-list{display:grid;grid-template-columns:110px 1fr;gap:18px;max-width:800px}.help-list dt{font-weight:bold;color:var(--accent)}.help-list dd{margin:0;color:var(--muted);line-height:1.6}dialog{background:var(--panel);color:var(--cream);border:1px solid var(--line);padding:28px;width:420px;max-width:calc(100% - 30px)}dialog::backdrop{background:#000a}dialog h2{margin-top:0}dialog p{color:var(--muted);line-height:1.6;font-size:13px}dialog input{width:100%;margin:12px 0 22px;padding:12px;background:#161c14;border:1px solid var(--line);color:var(--cream)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.notice{color:var(--accent);min-height:1em;font-size:12px}.content-page .button{margin-top:20px}@media(min-width:1500px){.site{padding-top:35px}.map-preview{padding:32px}.map-preview img{width:330px;height:330px}}@media(max-width:950px){.site{padding:15px}.hero{grid-template-columns:1fr 1.4fr}.briefing{padding:23px}.lower-grid{grid-template-columns:1fr 1fr}.records{grid-column:1/-1}.record-body{min-height:130px}nav a{padding:16px 13px;font-size:10px}}@media(max-width:620px){.site{padding:10px}.brand strong{font-size:23px}.brand small{font-size:8px}.brand-mark{display:none}.account{font-size:10px}.account .tank-name{font-size:14px}.masthead{gap:10px}.hero{grid-template-columns:1fr}.briefing{padding:23px}.briefing h1{font-size:37px;margin:13px 0}.briefing .brief-stat{margin:10px 0}.briefing p{margin:0;max-width:none}.lower-grid{grid-template-columns:1fr}.records{grid-column:auto}.status-line{font-size:8px}.map-preview{min-height:310px;padding:15px}.preview-caption{gap:10px;font-size:10px}footer{gap:20px;font-size:8px}.content-page{padding:22px}.help-list{grid-template-columns:75px 1fr}}

#randomEntry{display:block;margin:0 18px 16px;padding:10px 16px}


/* Native team sprite order: red, purple, blue, orange, green. */
.tank-sprite{background-image:url("assets/tanks-official.gif");width:56px;height:40px;background-size:280px 1360px;background-position:calc(var(--sprite-col)*-56px) 0;image-rendering:pixelated}
[data-team="0"]{--sprite-col:0;--team-color:#ef4949}
[data-team="1"]{--sprite-col:3;--team-color:#f49a32}
[data-team="2"]{--sprite-col:2;--team-color:#398bff}
[data-team="3"]{--sprite-col:1;--team-color:#b757e8}
[data-team="4"]{--sprite-col:4;--team-color:#45b86b}