@font-face{font-family:ArenaDisplay;src:url("/adrinka/v2/8eea0d414d31287daf04.woff") format("woff");font-weight:700;font-display:swap}
/* Comic lobby: one main action, three optional destinations. Gameplay HUD is untouched. */
#start-screen{padding:24px;background:#0d1718;align-items:safe center;overflow:auto}
#start-screen .start-panel.arena-lobby.comic-lobby{width:min(1120px,100%);max-width:1120px;display:block;margin:auto;padding:0!important;border:1px solid #526464;border-radius:0;background:#111e20;box-shadow:8px 8px 0 #030a0b;text-align:left;overflow:hidden}
.comic-topbar{display:flex;align-items:center;gap:24px;padding:18px 26px;border-bottom:1px solid #48605c;background:#0b1517}
.comic-brand{flex-shrink:0;display:flex;align-items:center}.comic-brand img{width:116px;height:42px;object-fit:contain}.comic-back{font-size:13px;color:#ddd9c9;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:8px}
.comic-player{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}.comic-player>div{min-width:0}
#start-screen .comic-lobby #arena-profile-picture{width:42px;height:42px;margin:0;flex-shrink:0;border:2px solid #d9ae51}
#start-screen .comic-lobby #name{display:block;width:210px;max-width:100%;font:700 15px/1.5 Arial,sans-serif;color:#f6efd9;text-align:left;padding:0;min-height:24px;border:0;border-radius:0;background:none;text-overflow:ellipsis}
#start-screen .comic-lobby #start-wallet{padding:0;margin:2px 0 0;border:0;border-radius:0;background:none;color:#e8b754;font-size:12px;line-height:1.5}
#start-screen .comic-lobby #account-button{padding:10px 13px;background:transparent;color:#f4ca71;border:1px solid #857049;border-radius:2px;min-height:44px;font-size:13px;white-space:nowrap;width:auto}
.comic-main{display:grid;grid-template-columns:1.08fr 1fr;min-height:440px}
.comic-copy{min-width:0;padding:48px 38px 28px;background:radial-gradient(#b9c5b50b .8px,transparent .8px) 0 0/5px 5px}
#start-screen .comic-lobby .eyebrow{font-size:12px;letter-spacing:.2em;color:#f4bd50;margin:0 0 15px}
#start-screen .comic-lobby h1{font-size:clamp(48px,6.7vw,82px)!important;line-height:.96;letter-spacing:-.02em;margin:0 0 18px!important;text-align:left;white-space:nowrap;color:#f8f0d7;text-shadow:3px 4px 0 #000}
#start-screen .comic-lobby h1 em{color:#ffb52c;font-style:normal}
#start-screen .comic-lobby .intro{display:block;font-size:18px;line-height:1.6;color:#d1d4c9;margin:0 0 25px!important}
.comic-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}.comic-facts>div+div{border-left:1px solid #56635a;padding-left:14px}.comic-facts b{display:block;font-size:13px;line-height:1.5;color:#f3dfaa}.comic-facts span{display:block;font-size:11px;line-height:1.6;color:#b4c3bd;margin-top:4px}
#start-screen .comic-lobby #start-form{display:block;margin:0}
#start-screen .comic-lobby #start-button{width:100%;margin:0;min-height:62px;padding:16px;font-size:19px;font-weight:900;border:2px solid #ffca63;border-radius:0;background:#ffb328;color:#121918;box-shadow:4px 4px 0 #030a0b;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.comic-quick-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.comic-quick-actions button{background:none;border:0;color:#e2e4d6;font:600 13px/1.4 Arial,sans-serif;min-height:44px;padding:8px 0;text-transform:none}
#start-screen .comic-lobby .identity-hint{font-size:12px;line-height:1.6;color:#a7bcb7;margin:8px 0 0;text-align:left}
.comic-art{position:relative;margin:0;overflow:hidden;border-left:2px solid #050e10;background:#15403d;min-height:100%}.comic-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.comic-art figcaption{position:absolute;bottom:20px;right:20px;padding:8px 12px;background:#f5df9e;color:#14211d;font-size:12px;font-weight:900;transform:rotate(-3deg);box-shadow:3px 3px 0 #0a1515}
#start-screen .comic-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;border-top:1px solid #52645c;border-bottom:1px solid #52645c;background:#17292a}
#start-screen .comic-tools .comic-tool{display:flex;align-items:center;gap:16px;padding:22px 24px;min-height:94px;width:100%;text-align:left;border:0;border-radius:0;margin:0;background:none;color:#eee9d8;box-shadow:none;font-family:Arial,sans-serif}
#start-screen .comic-tools .comic-tool+.comic-tool{border-left:1px solid #52645c}.comic-tools .career-open{order:-1;border-right:1px solid #52645c!important;border-left:0!important}
#start-screen .comic-tools .comic-tool b{display:block;font-size:17px;line-height:1.4}.comic-tools small{display:block;color:#b8c8bf;font-size:12px;line-height:1.5;margin-top:3px}.tool-symbol{font-size:30px;color:#e2c175;line-height:1}.tool-arrow{margin-left:auto;font-size:20px;color:#d8c188}
.comic-status{display:flex;justify-content:space-between;gap:16px;padding:12px 24px;background:#0b1517}
#start-screen .comic-lobby #asset-status,#start-screen .comic-lobby #fullscreen-status{display:block;margin:0;font-size:10px;line-height:1.6;color:#9db3ad;text-align:left}
#start-screen .comic-lobby button:not(:disabled):hover,.comic-back:hover{color:#ffd888;filter:brightness(1.12)}
#start-screen .comic-lobby #start-button:hover{color:#101a19;background:#ffca55}
#start-screen :focus-visible,#arena-controls :focus-visible{outline:3px solid #ffe2a1;outline-offset:3px}
#start-screen .comic-lobby #start-error{color:#ffb09c;font-size:14px;line-height:1.5}#start-screen .comic-lobby #start-error:empty{display:none}
#arena-controls{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;background:#102124;color:#f4efdb;border:1px solid #a19a71;border-radius:3px;box-shadow:8px 8px 0 #0007;text-align:left}
#arena-controls::backdrop{background:#020a0dde;backdrop-filter:blur(5px)}.comic-dialog-close{position:absolute;right:10px;top:10px;width:44px;height:44px;background:none;border:0;color:#f4efdb;font-size:28px}#arena-controls h2{font-size:36px;margin:12px 0 25px}#arena-controls .eyebrow{font-size:11px;margin-right:30px}.comic-bindings{margin:24px 0}.comic-bindings>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #50605b}.comic-bindings dt{color:#aabfb8}.comic-bindings dd{margin:0;text-align:right;color:#f2ddab}#arena-controls .primary{width:100%;min-height:48px;margin-top:24px;border-radius:2px}#arena-controls .control-picker{flex-wrap:wrap}#arena-controls .control-picker select{flex:1}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 #start-screen{padding:12px}#start-screen .start-panel.arena-lobby.comic-lobby{max-width:580px}
 .comic-topbar{padding:12px 16px;gap:12px;flex-wrap:wrap}.comic-brand img{width:100px;height:32px}.comic-back{margin-left:auto;font-size:12px;min-height:36px}.comic-player{width:100%;margin:0;padding-top:10px;border-top:1px solid #44544d;gap:10px}.comic-player>div{flex:1}#start-screen .comic-lobby #name{width:100%;font-size:14px}#start-screen .comic-lobby #arena-profile-picture{width:36px;height:36px}#start-screen .comic-lobby #start-wallet{font-size:11px}
 .comic-main{display:flex;flex-direction:column;min-height:0}.comic-art{order:-1;min-height:170px;height:clamp(170px,41vw,235px);border-left:0;border-bottom:2px solid #051113}.comic-art img{object-position:center 30%}.comic-art figcaption{right:14px;bottom:12px;font-size:10px}
 .comic-copy{padding:24px 22px 20px}#start-screen .comic-lobby h1{font-size:clamp(43px,10vw,65px)!important;margin-bottom:14px!important}#start-screen .comic-lobby .eyebrow{font-size:10px;margin-bottom:10px}#start-screen .comic-lobby .intro{font-size:15px;line-height:1.55;margin-bottom:22px!important}.comic-facts{gap:8px;margin-bottom:22px}.comic-facts b{font-size:11px}.comic-facts span{font-size:10px}.comic-facts>div+div{padding-left:9px}
 #start-screen .comic-lobby #start-button{min-height:56px;font-size:17px}.comic-quick-actions{margin-top:8px}#start-screen .comic-lobby .identity-hint{font-size:11px}
 #start-screen .comic-tools .comic-tool{flex-direction:column;justify-content:center;gap:7px;text-align:center;padding:15px 5px;min-height:104px}#start-screen .comic-tools .comic-tool b{font-size:14px}.comic-tools small{font-size:10px}.tool-symbol{font-size:24px}.tool-arrow{display:none}.comic-status{padding:12px 18px;flex-direction:column;gap:4px}
 #arena-controls{padding:28px 22px}.comic-bindings{font-size:14px}
}
@media(min-width:761px) and (max-height:650px){.comic-copy{padding:26px 30px 20px}.comic-main{min-height:390px}#start-screen .comic-lobby h1{font-size:60px!important}.comic-topbar{padding:10px 24px}#start-screen .comic-tools .comic-tool{min-height:78px;padding:16px 22px}}
@media(prefers-reduced-motion:no-preference){#start-screen .comic-tools button,#start-screen .comic-quick-actions button{transition:background .15s,color .15s}#start-screen .comic-tools button:hover{background:#253c39}}

#start-screen .comic-lobby h1,#arena-controls h2{font-family:ArenaDisplay,Impact,"Arial Narrow",sans-serif;font-weight:700}
#start-screen .comic-tools .career-open{padding:22px 24px!important;border-radius:0!important;background:none!important;color:#eee9d8!important;border:0!important;border-right:1px solid #52645c!important}
@media(max-width:760px){#start-screen .comic-lobby h1{font-size:clamp(32px,10vw,65px)!important;white-space:normal}.comic-art img{object-position:center 15%}#start-screen .comic-tools .career-open{padding:15px 5px!important}}

#pause-screen .pause-panel,#arena-tutorial{background:#102124;border:1px solid #8e9276;border-radius:3px;box-shadow:7px 7px 0 #0008}#pause-screen .pause-panel h2,#arena-tutorial h2{font-family:ArenaDisplay,Impact,sans-serif;letter-spacing:.025em}#arena-tutorial .arena-tutorial-mark{border-radius:3px}#arena-tutorial .arena-tutorial-actions button{border-radius:3px}
@media(max-width:760px){#start-screen .comic-lobby h1{font-size:clamp(46px,14vw,68px)!important}}

/* Offset CMYK ink, edge-screen halftones and uncoated paper grain. */
#start-screen .comic-lobby{position:relative;isolation:isolate}
#start-screen .comic-lobby::before,#start-screen .comic-lobby::after{content:"";position:absolute;inset:0;pointer-events:none}
#start-screen .comic-lobby::before{
 z-index:3;opacity:.52;
 background-image:radial-gradient(circle,#020809 1.7px,transparent 2px),radial-gradient(circle,#18b6c75c 1.3px,transparent 1.7px),radial-gradient(circle,#e7497457 1.25px,transparent 1.65px),radial-gradient(circle,#efcc5938 1px,transparent 1.5px);
 background-size:7px 7px,7px 7px,7px 7px,7px 7px;background-position:0 0,1px 1px,-1px 2px,2px -1px;
 -webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 38%,#0006 64%,#000 94%);
 mask-image:radial-gradient(ellipse at 50% 45%,transparent 38%,#0006 64%,#000 94%);
}
#start-screen .comic-lobby::after{
 z-index:4;opacity:.15;mix-blend-mode:soft-light;
 background-image:url('./paper-grain.svg'),repeating-linear-gradient(98deg,#fff5 0 .5px,transparent .5px 5px);
 background-size:180px 180px,100% 100%;
}
#start-screen .comic-copy{background-color:#142326;background-image:radial-gradient(ellipse at 0 0,#21a7bd24,transparent 63%),radial-gradient(ellipse at 100% 100%,#d7497520,transparent 58%)}
#start-screen .comic-lobby h1{text-shadow:-1px 0 #28b9c68c,1px 1px #e8537770,3px 4px #020b0c}
#start-screen .comic-lobby #start-button{background-image:url('./paper-grain.svg'),linear-gradient(105deg,#ffd57844,transparent 45%,#df56721c);background-size:180px 180px,100% 100%;background-blend-mode:soft-light,normal}
#start-screen .comic-art{box-shadow:inset 0 0 50px #030b0b55}
#start-screen .comic-art figcaption{background-image:url('./paper-grain.svg');background-blend-mode:multiply;background-size:180px 180px}
#start-screen .comic-topbar{border-bottom-color:#bca56b65;box-shadow:0 1px #20a3bb35}
#start-screen .comic-tools{border-top-color:#caab766b;border-bottom-color:#caab7650}
@media(max-width:760px){#start-screen .comic-lobby::before{opacity:.42;background-size:6px 6px,6px 6px,6px 6px,6px 6px;-webkit-mask-image:radial-gradient(ellipse at 50% 46%,transparent 46%,#0007 74%,#000 100%);mask-image:radial-gradient(ellipse at 50% 46%,transparent 46%,#0007 74%,#000 100%)}#start-screen .comic-lobby::after{opacity:.12}}
@media(forced-colors:active){#start-screen .comic-lobby::before,#start-screen .comic-lobby::after{display:none}}