/* DMTR web adaptation of the supplied 606x440 launcher skin.
   Actual original bitmap; the top header covers its old wordmark in the DOM.
   Black inset panels, hairline blue scanlines and pill-shaped metal controls. */
:root{color-scheme:dark;--bg:#000305;--panel:#101114;--edge:#45474d;--text:#dedee5;--muted:#9699a5;--cyan:#87cde4;--font:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#050608;color:var(--text);font:16px/1.6 var(--font)}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #95d7f2;outline-offset:4px}.skip{position:absolute;left:15px;top:-80px;z-index:30;padding:10px;background:#d9effa;color:#08090b}.skip:focus{top:10px}.site-window{width:min(960px,calc(100% - 40px));margin:32px auto;border:1px solid #c7c9e0;box-shadow:0 0 0 1px #2b2d43,0 20px 70px #000;background:#000305 url('/assets/launcher-window.png') center top/100% auto no-repeat;position:relative;min-height:698px}.site-window:after{content:'';position:absolute;inset:106px 0 0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#2e258b33 5px,#2e258b33 6px);opacity:.45}.ambient{display:none}.topbar{height:105px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 40px;background:linear-gradient(#00030510,#00030500)}.brand{display:flex;flex-direction:column;line-height:1;width:215px;padding:7px 10px 9px;background:#000305;box-shadow:0 0 13px 7px #000305;flex-shrink:0}.brand-word{font:bold italic 48px/.94 Arial,sans-serif;letter-spacing:1px;-webkit-text-stroke:1px #c7d9ee;color:#54768f;text-shadow:1px 2px #18243b,0 0 6px #81c4df,0 5px 0 #080d18;background:linear-gradient(#fff 0,#c6d9e9 35%,#253047 48%,#6a8aac 56%,#a8cad9 76%,#1c314a 98%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-caption{font:11px Arial;letter-spacing:2px;color:#8d9ba9;margin-top:8px}.header-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:84px;gap:4px;background:#000305;padding:9px 5px 9px 22px;box-shadow:0 0 8px 6px #000305}.network-label{font:12px Arial;color:#72777f}.account-link{font:12px Arial;color:#b2b8c2}.account-link:hover{color:white}.small-square{display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:#7caec2;box-shadow:0 0 2px #78baf2}.layout{display:flex;flex-direction:column;position:relative;z-index:1;padding:0 36px}.sidenav{display:flex;gap:10px;padding:0 0 20px;border-bottom:1px solid #42434b}.nav-caption,.nav-number,.nav-mark,.nav-bottom,.sidenav small{display:none}.sidenav>a{flex:1;min-width:0;min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #3d4144;border-radius:21px;background:linear-gradient(#46494c 0%,#242629 37%,#060709 45%,#000 78%,#131516 100%);box-shadow:inset 0 1px 0 #777c7d,inset 1px 0 #23272b,0 1px #0b0c0d;color:#a4a5a8;text-align:center;padding:6px 12px;text-shadow:0 1px #000}.sidenav b{font:14px Arial;text-transform:uppercase}.sidenav>a:hover,.sidenav>a.active{color:white;border-color:#949b9f;box-shadow:inset 0 1px #c0c9cb,0 0 3px #395073}.sidenav>a.active{background:linear-gradient(#5b6265,#30383b 35%,#090c10 46%,#000 80%,#252a30)}main{padding-top:17px;min-width:0}.page-top{display:flex;justify-content:space-between;color:#656974;font:11px Arial;letter-spacing:.7px;padding:5px 10px;border:1px solid #37393f;border-radius:4px;background:#111214bf;margin-bottom:20px;gap:10px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.eyebrow,.outlined-label,.title-slash{display:none}h1{font:22px Arial;margin:0;color:#d5d8e0;letter-spacing:.2px}h2{font:16px Arial;margin:0;color:#cbd0da}.hero-panel{display:none}.download-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:0}.panel{border:1px solid #44454b;border-radius:7px;background:linear-gradient(#131418db,#0b0c10e8);box-shadow:inset 0 1px #31323980;overflow:hidden}.panel-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 19px;border-bottom:1px solid #33363c;background:linear-gradient(#22242c55,#0d0f1355)}.tag{font:11px Arial;color:#686f7d;letter-spacing:1px}.release-list{padding:24px 22px 22px;min-height:234px}.release{border-bottom:1px solid #33353d;padding-bottom:20px;margin-bottom:20px}.release:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.release-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.platform{font:20px Arial;color:#d9e0ea}.pill{font:11px Arial;letter-spacing:.5px;color:#a0a5b1;border:1px solid #3d434b;padding:4px 8px;background:#080a0e}.release-note{font-size:14px;color:#a3a9b4;line-height:1.8;margin:18px 0 25px}.release small{display:block;font-size:12px;color:#6d7789;margin-top:14px;overflow-wrap:anywhere}.button{min-height:35px;min-width:120px;display:inline-flex;align-items:center;justify-content:center;padding:7px 20px;border:1px solid #696e73;border-radius:22px;background:linear-gradient(#53575c 0,#282c32 35%,#050608 43%,#010102 83%,#20242a);box-shadow:inset 0 1px #9da3a9,0 1px 2px #000;color:#d0d2d9;font:14px Arial;text-transform:uppercase;text-shadow:0 1px #000;text-align:center;line-height:1.4}.button:hover{border-color:#aab5bf;color:#fff;filter:brightness(1.15)}.button:active{background:linear-gradient(#07090b,#11131a 60%,#383c42);box-shadow:inset 0 1px 4px #000}.button:disabled{color:#606369;border-color:#464a50;cursor:not-allowed;background:linear-gradient(#3a3e40,#202325 35%,#030506 45%,#000);box-shadow:inset 0 1px #73797c}.release .button{width:100%;max-width:260px}.access-panel{padding-bottom:22px}.access-symbol{display:none}.access-panel>p{font-size:14px;color:#999fad;line-height:1.8;margin:22px 20px}.access-panel>.button{display:flex;margin:20px 20px 0}.access-panel>.subtle{font-size:12px;color:#6e7a8d;margin:15px 20px 0}.info-strip{display:flex;align-items:start;gap:12px;margin:18px 0 0;padding:9px 12px;border:1px solid #3c4047;border-radius:4px;background:#101216ce;font-size:12px;color:#8e95a1}.info-strip p{margin:0}.info-index{font:italic 13px Georgia;color:#8aa6bc;flex:none}.loading-line{font-size:14px;color:#a1a5b0;padding:26px 0}.ranking-banner{border:1px solid #393f48;border-radius:4px;background:#121419c7;padding:13px 17px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.ranking-banner p{font-size:13px;margin:0;color:#aab4c5;letter-spacing:.8px}.rank-sort{font-size:11px;color:#737d8b;text-align:right;white-space:nowrap}.rank-sort span{display:block;color:#a4afbe;font-size:12px}.table-note{font-size:13px;color:#939eb0;line-height:1.8;margin:18px 20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-weight:400;color:#a5b1c3;font-size:12px;background:#090c1266;padding:12px 18px;border-block:1px solid #30333e;white-space:nowrap}td{padding:15px 18px;border-bottom:1px solid #292d36;font-size:14px;font-variant-numeric:tabular-nums}td:first-child{color:#9abbd8}td:nth-child(3){color:#adc9dc}.empty-state{text-align:center;padding:35px 22px 40px;color:#77869b}.empty-symbol{font:25px Arial;color:#516781}.empty-state h3{font:17px Arial;color:#afb9ca;margin:16px 0 8px}.empty-state p{font-size:13px;margin:0;line-height:1.8}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.account-intro{padding:20px 2px}.intro-logo{display:none}.account-intro h2{font:16px Arial;color:#bac8dc;margin-bottom:16px}.account-intro>p{font-size:14px;color:#9ca8bc;margin:0 0 22px;line-height:1.8}.intro-rule{display:flex;gap:12px;border-top:1px solid #2b323f;padding:13px 0;align-items:start}.intro-rule span{font:12px Arial;color:#667d9b;margin-top:4px}.intro-rule p{font-size:13px;color:#929fb4;margin:0}.auth-tabs{display:flex;background:#0c1118;border-bottom:1px solid #3b414c}.auth-tabs button{width:50%;border:0;background:linear-gradient(#292e39,#11161e);color:#7d8b9f;font:13px Arial;padding:14px 8px;min-height:45px}.auth-tabs button+button{border-left:1px solid #3b414c}.auth-tabs [aria-selected=true]{background:linear-gradient(#3b4456,#182332);color:#e2e8f2;box-shadow:inset 0 1px #8895a64d}.auth-panel form{padding:22px}label{display:block;font-size:14px;color:#aeb8c9;margin-bottom:7px}input{width:100%;height:41px;border:1px solid #3d485a;border-radius:3px;background:#060a11;color:#e1e8f4;padding:9px 11px;margin-bottom:18px;font-size:14px;box-shadow:inset 0 2px 3px #0008}input::placeholder{color:#55667f;font-size:12px}form>.button{width:100%}.form-footnote{font-size:12px;color:#72829b;margin:16px 0 0;line-height:1.8}.form-message{font-size:13px;color:#e8a2ad;line-height:1.8;overflow-wrap:anywhere}.form-message:not(:empty){padding:9px 11px;margin-bottom:17px;border:1px solid #633e4b;background:#201119}.player-banner{padding:19px 22px;border:1px solid #445265;border-radius:4px;background:#101925c9;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.player-banner h2{font-size:24px;overflow-wrap:anywhere}.mono{font:12px 'Courier New',monospace;letter-spacing:.5px;color:#7c91ac}.player-banner .mono{margin-bottom:0}.player-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.password-panel form{padding:22px}.panel-inset{font-size:12px;color:#7487a1;padding:17px 20px;border-top:1px solid #2c3748;background:#08111d80}.save-entry{padding:20px;border-top:1px solid #2d3849}.save-entry strong{font-size:14px}.save-entry p{font-size:12px;color:#778da9;margin:6px 0 14px}.global-message{margin-top:18px;padding:10px 15px;border:1px solid #526480;border-radius:4px;background:#0c1726;color:#bbd0ea;font-size:13px}.global-message.error{border-color:#744559;color:#e6afbe}footer{display:flex;align-items:center;gap:15px;min-height:76px;margin-top:25px;border-top:1px solid #3b4150;color:#485c79;font:11px Arial;letter-spacing:.7px}.footer-brand{font:bold italic 21px Arial;letter-spacing:-1px;color:#6b86a9}.footer-right{margin-left:auto;font-size:10px}button.busy{opacity:.6;pointer-events:none}@media(max-width:780px){.site-window{width:calc(100% - 26px);margin:17px auto;background-size:100% 698px}.topbar{padding-inline:24px}.layout{padding-inline:24px}.download-grid{grid-template-columns:1.2fr 1fr;gap:15px}.account-grid{gap:23px;grid-template-columns:1fr 1.05fr}.player-grid{grid-template-columns:1fr}.header-right{padding-left:12px}.network-label{font-size:11px}.brand{width:200px}.brand-word{font-size:44px}.system-label{font-size:10px}}@media(max-width:600px){.site-window{width:calc(100% - 18px);margin:10px auto;min-height:698px}.topbar{height:105px;padding:12px 17px;background:#000305}.brand{width:160px;padding-left:0;box-shadow:none}.brand-word{font-size:37px}.brand-caption{font-size:9px;letter-spacing:1.5px}.header-right{box-shadow:none;padding-right:0;gap:7px}.network-label{font-size:9px}.account-link{font-size:11px}.small-square{display:none}.layout{padding-inline:17px}.sidenav{gap:6px;padding-bottom:17px}.sidenav>a{padding:7px 8px;min-height:37px}.sidenav b{font-size:11px}.page-top{font-size:10px;margin-bottom:18px;gap:6px;padding-inline:8px}.system-label{display:none}main{padding-top:14px}h1{font-size:21px}.download-grid,.account-grid{grid-template-columns:1fr;gap:17px}.release-list{min-height:0;padding:22px 20px}.release-note{font-size:14px;margin:17px 0 21px}.release .button{max-width:none}.panel-head{padding-inline:18px}.panel-head h2{font-size:15px}.tag{font-size:10px}.access-panel>p{margin-block:18px}.info-strip{font-size:12px;line-height:1.75}.account-intro{padding:3px 0 0}.account-intro>p{margin:0 0 1px;font-size:13px}.account-intro h2,.intro-rule{display:none}.auth-panel form,.password-panel form{padding:21px}.ranking-banner{padding:12px 14px;display:block}.ranking-banner p{font-size:12px}.rank-sort{text-align:left;margin-top:10px}.rank-sort span{display:inline;margin-left:10px}.table-note{font-size:12px;margin:16px}th,td{padding:12px 10px;font-size:12px}th:nth-child(2){min-width:90px}.player-banner{padding:18px;gap:12px;align-items:start}.player-banner h2{font-size:21px}.player-banner .button{min-width:91px;padding:8px 11px;font-size:11px}.player-grid{gap:18px}footer{font-size:9px;gap:11px;min-height:67px;margin-top:22px}.footer-brand{font-size:19px}.footer-right{display:none}}@media(max-width:360px){.network-label{display:none}.brand{width:150px}.sidenav b{font-size:10px}.layout{padding-inline:12px}.topbar{padding-inline:14px}.release-heading{gap:8px}.pill{font-size:10px;padding:4px 5px}}
/* Seamless DMTR title artwork: separate image layers, no opaque logo cover. */
.site-window{background:#000305}
.site-window:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/launcher-window.png') center top/100% auto no-repeat;clip-path:inset(105px 0 0 0)}
.topbar{background:transparent}
.topbar:before{content:'';position:absolute;left:0;top:0;width:66%;height:105px;z-index:-1;pointer-events:none;background:url('/assets/launcher-title-dmtr.png') left top/151.5152% auto no-repeat;mask-image:linear-gradient(to right,#000 83%,transparent 100%)}
.brand{background:transparent;box-shadow:none}
.brand-word,.brand-caption{visibility:hidden}
.header-right{background:transparent;box-shadow:none}
@media(max-width:780px){.site-window{background-size:auto}}
@media(max-width:600px){.site-window:before{background-position:left top;background-size:606px 440px}.topbar:before{background-size:606px 440px}.topbar{background:transparent}}
/* Exclude the source bitmap's bottom frame; the responsive window has its own border. */
.site-window:before{inset:0 0 auto 0;height:auto;aspect-ratio:606/440;clip-path:inset(105px 0 5px 0)}
@media(max-width:600px){.site-window:before{height:440px;aspect-ratio:auto}}
