@font-face{font-family:Tanki;src:url("assets/referral/MyriadPro.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{color-scheme:dark;font-family:Tanki,Arial,sans-serif;font-size:16px}
body{margin:0;min-height:100vh;color:#fff;background:#172018 url("assets/referral/window.jpg") repeat}
.site-header{max-width:1060px;margin:16px auto 36px;padding:0 20px}
.site-header img{display:block;object-fit:contain}
a{color:inherit}
.invite-window{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto 32px;padding:28px;border:3px solid #65725a;background:url("assets/referral/window.jpg") repeat;box-shadow:inset 0 0 0 1px #111,0 8px 24px #0008}
.window-title{position:absolute;top:-26px;left:50%;transform:translateX(-50%);padding:3px 28px;background:url("assets/referral/header.png") center/100% 100% no-repeat;white-space:nowrap;color:#c0c0c0;font-weight:bold;letter-spacing:.03em;font-size:16px;text-shadow:1px 1px 2px #000}
h1{font-size:42px;line-height:1.1;margin:6px 0 16px}
h2{font-size:24px;margin:0 0 18px}
p{line-height:1.4}
.inviter{font-size:18px;margin-top:0;overflow-wrap:anywhere}
.invitation{min-width:0;align-self:center}
.tank-scene{padding:20px 10px;margin:18px 0;background:#0c220d url("assets/referral/panel-background.png") center/100% 100% no-repeat;border:6px solid transparent;border-image:url("assets/referral/inner-border.png") 6 stretch}
.tank-art{display:block;width:100%;max-width:449px;height:auto;margin:0 auto}
.bonus-panel{padding:16px 12px;background:#0c220d;border:1px solid #0a1b0a;box-shadow:inset 0 0 0 1px #436044}
.bonus-panel h2{font-size:18px;margin:0 0 12px;text-align:center}
.bonus-items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.bonus-item{display:grid;grid-template-rows:90px auto auto;justify-items:center;min-width:0}
.bonus-item img{height:90px;max-width:100%;object-fit:contain}
.bonus-item strong{font-size:40px;line-height:1.15}
.bonus-item span{font-size:15px;color:#d7e1d1;text-align:center}
.bonus-rule{font-size:14px;text-align:center;margin:16px 0 0}
.muted,small{color:#c0c0c0}
small{display:block;font-size:14px;margin-top:5px;line-height:1.3}
.account-panel{padding:22px;background:#0c220d;border:1px solid #0a1b0a;box-shadow:inset 0 0 0 1px #436044;min-width:0}
.bonus-panel,.account-panel{border:6px solid transparent;border-image:url("assets/referral/inner-border.png") 6 stretch;box-shadow:none}
.bonus-panel{background:#0c220d url("assets/referral/panel-background.png") center/100% 100% no-repeat}
label{display:block;margin:14px 0 5px;font-size:16px}
input{display:block;width:100%;min-height:38px;padding:7px 10px;font:inherit;color:#fff;background:#102610;border:2px solid #62705b;box-shadow:inset 1px 1px 3px #000;outline-offset:3px;border-radius:0}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.invitation-field{margin-top:18px}
summary{cursor:pointer;font-size:14px;color:#c0c0c0}
.human-check{margin:20px 0;min-height:65px;max-width:100%}
.native-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:7px 16px;border-style:solid;border-width:0 7px;border-image-source:url("assets/referral/button-up.png");border-image-slice:0 7 fill;border-image-repeat:stretch;background:none;color:#fff;font:inherit;font-size:18px;font-weight:bold;text-shadow:1px 1px 1px #000;cursor:pointer;text-decoration:none;border-radius:0}
.native-button:hover{border-image-source:url("assets/referral/button-over.png")}
.native-button:active{border-image-source:url("assets/referral/button-down.png");transform:translateY(1px)}
.native-button:disabled{opacity:.55;cursor:default}
.native-button.secondary{font-size:16px;max-width:260px}
.form-message{color:#fff;font-size:15px;line-height:1.4;margin:12px 0}
.form-message:empty{display:none}
footer{text-align:center;color:#c0c0c0;font-size:14px;padding:12px 20px 24px}
.ready-window{display:block;max-width:650px}
.account-status{padding:16px 0;line-height:1.5}
.account-status strong{display:block;font-size:24px}
.nick-tag{font-size:20px;overflow-wrap:anywhere}
.steps{display:flex;gap:18px;padding-left:24px;flex-wrap:wrap;margin:24px 0}
@media(max-width:800px){.invite-window{margin:0 16px 24px;padding:20px;gap:20px}.account-panel{padding:16px}.bonus-item strong{font-size:36px}.bonus-item{grid-template-rows:75px auto auto}.bonus-item img{height:75px}h1{font-size:36px}}
@media(max-width:650px){.site-header{margin:8px auto 34px}.site-header img{width:52px;height:52px}.invite-window{grid-template-columns:1fr}.invitation{text-align:center}.tank-art{max-width:340px;margin:12px auto}.bonus-items{max-width:350px;margin:auto}.bonus-panel{padding:12px}.bonus-item strong{font-size:42px}.bonus-rule{margin-top:10px}.account-panel{text-align:left}.muted{font-size:14px}.field-pair{grid-template-columns:1fr}.bonus-item{grid-template-rows:80px auto auto}.bonus-item img{height:80px}.human-check{overflow-x:auto}.window-title{padding-inline:22px}.ready-window{max-width:600px}}