/* Hunt claim page — Steam 风格登录面板，源自 design/hunt-login。 */
:root{color-scheme:dark;font-family:Arial,"Microsoft YaHei",sans-serif;color:#e5eaf0;background:#181a21;--steam-action:linear-gradient(100deg,#06b9ee,#2c72ff);--steam-focus:#1a9fff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(rgba(24,26,33,0) 0%,#181a21 100%) fixed no-repeat,url('/static/hunt/new_login_bg_strong_mask.jpg') center top no-repeat,#181a21}
[hidden]{display:none!important}
.mono{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.5px}

header{width:100%;max-width:1050px;margin-inline:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff0c}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:21px}
.mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #657f90;border-radius:6px;color:#d2e4f2}
.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:#8ba2b3;margin-top:5px}
nav{display:flex;gap:10px;align-items:center}
nav .preview{font-size:11px;color:#c0cdd7;border:1px solid #4c6374;border-radius:20px;padding:6px 11px;white-space:nowrap;background:#223542;cursor:pointer;text-decoration:none}
nav .preview:hover{color:#fff;border-color:#7c98ab}
nav .preview.active{color:#fff;border-color:#1a9fff;background:#1d3a52}

main{width:100%;max-width:760px;margin:auto;padding:clamp(24px,8vh,88px) 30px 16px}
h1{font-size:28px;line-height:1.3;margin:0 0 25px 15px;font-weight:700;color:#fff}
.panel{min-height:402px;background:#181a21;border-radius:4px;box-shadow:0 18px 65px #080e163d;padding:36px 32px 28px}
.card-panel{display:flex;flex-direction:column;justify-content:center}
.card-panel form{width:min(396px,100%);margin-inline:auto}
.game-poe{
  --poe-panel:#181a21;
  --poe-surface:#20252d;
  --poe-field:#32353c;
  --poe-border:#465365;
  --poe-text:#d3dfeb;
  --poe-muted:#aab4bf;
  --poe-accent:#8cc8f6;
}
.game-poe main{margin-block:0 auto;overflow-anchor:none}
.game-poe[data-view="guard"] main{padding-block-start:clamp(12px,3vh,24px)}
.game-poe #page-title{
  display:grid;
  align-content:end;
  min-block-size:1.3em;
  margin:0 0 1.25rem;
  font-size:clamp(1.125rem,5vw,1.75rem);
  text-align:left;
}
.poe-flow-frame{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-block-size:402px;
  border-radius:4px;
  background:var(--poe-panel);
  box-shadow:0 18px 65px #080e163d;
}
.poe-flow-frame > .panel{
  min-height:0;
  min-width:0;
  border-radius:inherit;
  background:none;
  box-shadow:none;
}
.poe-flow-frame > .card-panel{justify-content:safe center}
.poe-flow-frame > .query-panel{display:block}
.game-poe:not([data-view="login"]) .login-safety{display:none}
#step-platform,.game-poe[data-login="poe"] #step2{text-align:center}
.game-poe[data-login="poe"] #step2{display:flex;flex-direction:column}
.poe-frame-divider{display:flex;align-items:center;gap:.6rem;width:min(72%,22rem);margin:.75rem auto 1rem;color:var(--poe-accent)}
.poe-frame-divider::before,.poe-frame-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.poe-frame-divider::after{transform:scaleX(-1)}
.poe-frame-divider span{width:.44rem;height:.44rem;border:1px solid currentColor;transform:rotate(45deg)}
#poe-platform-description{margin:0 0 1.5rem;color:var(--poe-muted);font-size:14px;line-height:1.6}
.poe-platform-options{display:grid;gap:.6rem;width:min(100%,28rem);margin-inline:auto}
.poe-platform-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  min-height:58px;
  padding:.7rem 1rem;
  border:1px solid var(--poe-border);
  border-radius:3px;
  background:#252c36;
  color:var(--poe-text);
  font:600 18px/1.4 Georgia,"Songti SC",SimSun,serif;
  cursor:pointer;
}
.poe-platform-button svg{width:24px;height:24px;flex:none;color:var(--poe-accent)}
.poe-platform-button:hover{border-color:var(--steam-focus);background:#2a3644;color:#fff}
.poe-platform-button:active{background:#30475d}
#step-platform button:focus-visible{outline:2px solid var(--steam-focus);outline-offset:3px}
.game-poe #card-form{width:min(29rem,100%)}
.poe-card-heading,.poe-batch-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.25rem .75rem;
}
.poe-card-heading{margin-bottom:.5rem}
.poe-card-heading .label{margin:0;color:#e5edf6;font-size:15px}
.poe-card-heading .poe-entry-switch,.poe-batch-actions .text-button{
  min-height:44px;
  margin:0;
  padding:0 .65rem;
  border-radius:4px;
  color:#a8d3f5;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}
.poe-card-heading .poe-entry-switch{border:1px solid #3e566a;background:#253546}
.poe-card-heading .poe-entry-switch:hover:not(:disabled),.poe-batch-actions .text-button:hover:not(:disabled){
  background:#30475d;
  color:#edf7ff;
}
.poe-card-heading .poe-entry-switch:disabled,.poe-batch-actions .text-button:disabled{opacity:.6;cursor:wait}
.game-poe #card-form .field{
  min-height:48px;
  padding:.75rem;
  border:1px solid #475467;
  border-radius:5px;
  background:#151a22;
  color:#e5edf6;
  -webkit-text-fill-color:currentColor;
  font:16px/1.5 ui-monospace,"SFMono-Regular",Consolas,"Microsoft YaHei",monospace;
  letter-spacing:normal;
}
.game-poe #card-form .field::placeholder{color:#9daebf;-webkit-text-fill-color:currentColor}
.poe-batch-entry{display:flex;flex-direction:column;gap:.5rem}
.poe-batch-help{margin:0 0 .65rem;color:#c3cfdd;font-size:13px;line-height:1.65}
.poe-batch-rules,.poe-receipt-rule{padding:.7rem .8rem;border-left:2px solid var(--poe-accent);background:#223140;color:var(--poe-text);font-size:13px;line-height:1.65}
.poe-batch-rules{padding:.5rem .65rem;border-radius:0 4px 4px 0}
.poe-batch-rules summary{cursor:pointer;color:#c4dff3;font-weight:600}
.poe-batch-rules p{margin:.35rem 0 0}
.poe-receipt-rule{margin:.65rem 0 0}
.game-poe #poe-batch-codes{display:block;height:9rem;resize:none;overflow-y:auto}
.poe-batch-actions{margin-top:.25rem}
#poe-card-count{color:#b6c6d7;font-size:13px;font-variant-numeric:tabular-nums}
#poe-card-count[data-over-limit="true"]{color:#ffb4a8}
.game-poe #poe-import-results{list-style:none;margin:.5rem 0 0;padding:0;border-top:1px solid #3e566a}
#poe-import-results li{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.2rem .8rem;
  padding:.45rem 0;
  border-bottom:1px solid #344356;
}
#poe-import-results li:last-child{border-bottom:0}
#poe-import-results code{color:#dde9f5;overflow-wrap:anywhere}
#poe-import-results span{color:#efbda7}
#poe-import-results li[data-ready="true"] span{color:#9ae7b7}
.game-poe #btn-validate{height:46px;margin-top:1rem;border-radius:5px;font-weight:600}
.game-poe #btn-validate:active:not(:disabled){transform:translateY(1px)}
.game-poe #validate-result{text-align:left;font-size:13px}
.game-poe #poe-import-results{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
body[data-view="card"] h1{text-align:center;margin-left:0}
.card-panel .login-button{width:100%;max-width:none}
#validate-result:empty{display:none}
#card-query{margin:14px auto 0}
@media(min-width:651px){
  .game-poe #card-form[data-entry="batch"]{width:min(34rem,100%)}
  .game-poe #card-form[data-entry="batch"] #btn-validate{margin-top:.75rem}
  .game-poe #card-form[data-entry="batch"] ~ #card-query{margin-top:.5rem}
  .poe-batch-help{margin-bottom:.4rem}
  .game-poe #poe-batch-codes{height:6.5rem}
}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:40px;align-items:start}
.label{display:block;font-size:12px;font-weight:600;line-height:16px;color:#1a9fff;margin:0 0 5px}
.password-label{font-weight:400;color:#aab4bf;margin-top:15px}
.field{width:100%;height:39px;border:0;border-radius:2px;background:#32353c;color:#c4cbd1;padding:8px 11px;font:14px Arial,sans-serif;opacity:1;-webkit-text-fill-color:#c4cbd1}
.field:focus-visible{outline:2px solid var(--steam-focus);outline-offset:2px}
.field::placeholder{color:#79818a}
.password-field{position:relative}
.password-toggle{position:absolute;right:1px;top:1px;bottom:1px;border:0;background:#3d4048;color:#c4cbd1;font:12px Arial,sans-serif;padding:0 12px;cursor:pointer;border-radius:2px}
.password-toggle:hover{background:#484c55}

.login-button{display:block;border:0;border-radius:2px;margin:25px auto 0;width:min(270px,100%);height:40px;background:var(--steam-action);color:#fff;font:16px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}
.login-button:focus-visible{outline:2px solid #a7dfff;outline-offset:4px}
.login-button:hover{filter:brightness(1.08)}
.login-button:disabled{opacity:.55;cursor:not-allowed}

.login-recipient{margin:12px 0 0;color:#b9cad8;font-size:12px;line-height:1.6}
.login-safety{
  display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 16px;
  border:1px solid #3c645a;border-radius:4px;background:#1d2c29;color:#b7d1c8;font-size:12px;line-height:1.6
}
#step2[hidden]+.login-safety{display:none}
.login-safety svg{flex:none;width:17px;height:17px;margin-top:1px;color:#8dc9b4}
.login-safety p{margin:0}
.login-safety p+p{margin-top:5px}
#login-form .login-button{margin-top:16px}

.game-poe[data-login="poe"] #step2 .grid{display:block}
.game-poe[data-login="poe"] #login-form{width:min(100%,28rem);margin-inline:auto;text-align:left}
.game-poe[data-login="poe"] #fields-hunt .label{font-size:14px;line-height:1.5}
.game-poe[data-login="poe"] #fields-hunt .field{
  height:3.25rem;
  padding:.65rem .8rem;
  border:1px solid var(--poe-border);
  border-radius:2px;
  background:var(--poe-field);
  font-size:16px;
}
.game-poe[data-login="poe"] #fields-hunt #hunt-pass{padding-inline-end:4.25rem}
.game-poe[data-login="poe"] #toggle-password{min-width:3.6rem}
.game-poe[data-login="poe"] #btn-submit{
  width:100%;
  min-height:3.25rem;
  padding:.55rem 2rem;
  border-radius:4px;
  font:700 1.2rem/1.35 Georgia,"Songti SC",SimSun,serif;
}

.poe-email-wait{
  flex:1;
  display:grid;
  justify-items:center;
  align-content:safe center;
  gap:1rem;
  min-height:0;
  padding:1.5rem 0;
}
.poe-email-spinner{
  width:2.75rem;
  height:2.75rem;
  border:2px solid var(--poe-border);
  border-top-color:var(--steam-focus);
  border-radius:50%;
  animation:poe-email-spin 1s linear infinite;
}
@keyframes poe-email-spin{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.poe-email-spinner{animation:none}}
.poe-email-wait h2{
  margin:0;
  color:var(--poe-text);
  font:600 clamp(1.1rem,4vw,1.35rem)/1.4 Georgia,"Songti SC",SimSun,serif;
}
.poe-email-wait h2:focus{outline:none}
.poe-email-wait p{margin:.55rem 0 0;color:var(--poe-muted);font-size:14px;line-height:1.65}
.poe-email-wait .text-button{min-height:44px}

.card-message{min-height:20px;color:#ffb4a8;font-size:12px;line-height:1.7;margin:12px 0 0;text-align:center}
#submit-result:empty{display:none}
.card-message.ok{color:#9ae7b7}
.text-button{display:block;background:none;border:0;color:#9fb9cd;padding:8px 0;font:12px Arial,"Microsoft YaHei",sans-serif;cursor:pointer;margin:auto}
.text-button:hover{color:#fff}
.text-button:focus-visible{outline:2px solid #1a9fff;outline-offset:3px}
.poe-panel-back.text-button{
  align-self:flex-start;
  min-height:44px;
  margin:0 0 1rem;
  padding:.45rem .75rem;
  border:1px solid var(--poe-border);
  border-radius:4px;
  text-align:left;
}
.poe-panel-back.text-button:hover{background:#252c36}
#poe-change-platform:disabled{visibility:hidden}

.step-kicker{font-size:11px;color:#1a9fff;letter-spacing:1px;margin:0 0 14px;text-align:center}
.panel-heading{font-size:23px;line-height:1.5;margin:0 0 15px;font-weight:600;text-align:center;color:#fff}
.phone-panel{text-align:center;padding:28px 32px 22px}
.phone-account{margin:0;color:#a6c3da;font-size:18px;line-height:26px}
.phone-account strong{margin-left:9px;color:#fff;font-weight:600}
.phone-subtitle{margin:8px 0 0;color:#79818a;font-size:13px;line-height:20px}
.phone-confirm{display:flex;align-items:center;gap:22px;width:min(430px,100%);height:146px;margin:40px auto 0;padding:12px 20px 0;border:0;border-radius:2px;background:#32353c;color:#f2f5f8;text-align:left;font-family:inherit;cursor:default;overflow:hidden}
.phone-illustration{align-self:flex-start;width:92px;height:146px;flex-shrink:0}
.phone-prompt{display:block;min-width:0;padding-bottom:12px;font-size:17px;font-weight:600;line-height:1.6}
.phone-prompt small{display:block;margin-top:10px;color:#9fbbd0;font-size:11px;font-weight:400}
.phone-actions{margin:43px auto 0}
.phone-actions .text-button{padding:2px 0;line-height:20px}
.phone-actions .text-button+.text-button{margin-top:10px}
.phone-demo-hint{font-size:10px;color:#7e909f;line-height:1.8;margin:13px 0 0}

#guard-panel{display:grid;grid-template-columns:minmax(0,378px);align-content:center;justify-content:center;justify-items:center;gap:12px;padding:20px clamp(12px,4vw,32px)}
#guard-panel .guard-content{width:100%;min-width:0}
.token-box{margin:12px auto 0;background:#262c35;border-radius:6px;padding:12px}
.token-code{position:relative;height:56px;border:1px solid #465365;border-radius:4px;background:#181c24}
.token-code:focus-within{outline:2px solid var(--steam-focus);outline-offset:2px}
#guard-input{position:absolute;inset:0;width:100%;height:100%;border:0;outline:0;padding:0 .65rem;background:transparent;color:#f1f4f7;text-align:center;font:18px ui-monospace,Consolas,monospace}
.token-code[data-segmented="true"] #guard-input{color:transparent;caret-color:transparent}
.token-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,2vw,16px);align-items:center;height:100%;padding:0 .8rem;pointer-events:none}
.token-slots span{height:35px;border-bottom:2px solid #4b5056;font:25px/33px Arial,sans-serif;text-align:center}
.token-slots span.active{border-color:#1a9fff}
.token-code.filled .token-slots span{border-color:#8093a3}
.token-instruction{display:block;margin:0 0 .4rem;color:#f1f4f7;text-align:left;font-size:13px;font-weight:600;line-height:1.5}
.token-panel .phone-demo-hint{margin-top:8px;font-size:12px;color:#aab4bf;line-height:1.5}
.token-panel .login-button{height:44px;margin-top:12px}
.token-actions{display:flex;justify-content:center;flex-wrap:wrap;column-gap:12px;margin:4px 0 0}
.token-actions .text-button,.token-actions .text-button+.text-button{min-height:44px;margin:0;padding:0 4px}
#guard-qr-switch{display:none}
#guard-panel > .scan{margin:0;align-self:center}
@media(max-height:640px){
  .game-poe[data-view="guard"] .poe-flow-frame{min-block-size:0}
}
@media(min-width:651px){
  #guard-panel:has(> .scan:not([hidden])){grid-template-columns:minmax(0,378px) 200px;gap:20px;align-items:center}
}

.qr-surface{display:grid;place-items:center;width:170px;height:170px;background:#fff;border-radius:8px;padding:15px;color:#181a21;overflow:hidden}
.scan .qr-surface{width:200px;height:200px}
.phone-panel .scan{width:200px;margin:24px auto 0}
.qr-start{display:grid;justify-items:center;align-content:center;gap:12px;width:100%;height:100%;border:0;border-radius:4px;background:#edf2f6;color:#23435b;font:600 13px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}
.qr-start svg{width:36px;height:36px}
.qr-start:hover{background:#ddeaf5}
.qr-start:focus-visible{outline:2px solid #1a9fff;outline-offset:3px}
.qr-start:disabled{opacity:.6;cursor:wait}
.qr-surface.big{width:200px;height:200px;margin:20px auto 0}
.qr-surface img{width:100%;height:100%;object-fit:contain}
.qr-loading{color:#5a6675;font-size:11px;text-align:center;padding:0 8px}
.scan{justify-self:center;text-align:center}
.scan .label{text-align:center;margin-bottom:10px}
.qr-caption{font-size:12px;line-height:1.6;color:#b5c0ca;margin:9px 0 0;text-align:center}

@media(min-width:651px){
  .game-poe[data-login="steam"] #step2 .grid{align-items:stretch}
  .game-poe[data-login="steam"] #step2 :is(.credentials,#login-form,#hunt-qr){display:flex;flex-direction:column}
  .game-poe[data-login="steam"] #login-form{flex:1;gap:.75rem}
  .game-poe[data-login="steam"] #step2 .field{height:48px}
  .game-poe[data-login="steam"] #step2 .password-label{margin-top:1.25rem}
  .game-poe[data-login="steam"] #step2 #submit-result{margin:0}
  .game-poe[data-login="steam"] #login-form .login-button{min-height:44px;margin-top:auto}
  .game-poe[data-login="steam"] #step2 .scan .label{margin-bottom:5px}
  .game-poe[data-login="steam"] #step2 .qr-caption{margin-top:auto;padding-top:9px}
}

.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 0;padding:12px 16px;background:#23262d;border-radius:3px;font-size:12px;color:#8fa4b5}
.task-row>span{flex-shrink:0}
.copy-task{border:0;background:#32353c;color:#c4cbd1;font:12px ui-monospace,Consolas,monospace;padding:7px 12px;border-radius:2px;cursor:pointer;letter-spacing:.5px;min-width:0;overflow-wrap:anywhere}
.copy-task:hover{background:#3d4048;color:#fff}
.progress-heading{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 8px}
.progress-heading strong{color:#fff;font-size:15px}
.progress-heading .mono{color:#1a9fff;font-size:13px}
.progress-bar{height:6px;border-radius:99px;background:#2a2d34;overflow:hidden}
.progress-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#06b9ee,#2c72ff);transition:width .5s ease}
.processing-steps{list-style:none;display:grid;grid-template-columns:repeat(var(--process-columns,3),1fr);gap:8px;margin:18px 0 0;padding:0}
.processing-steps li{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#1f2229;border-radius:3px;color:#7e909f;font-size:12px}
.processing-steps li::before{content:'';width:8px;height:8px;border-radius:50%;border:2px solid #4b5056}
.processing-steps li.active{color:#ffd9a8}
.processing-steps li.active::before{border-color:#d59b3c;animation:pulse 1s infinite}
.processing-steps li.done{color:#9ae7b7}
.processing-steps li.done::before{border-color:#4f8f6b;background:#4f8f6b}
@keyframes pulse{50%{opacity:.38}}
.outcome{margin:20px 0 0;padding:14px 16px;border-radius:3px;background:#22352c;color:#9ae7b7;font-size:13px;line-height:1.8;text-align:center}
.logs-details{margin:16px 0 0;text-align:left}
.logs-details summary{cursor:pointer;color:#8fa4b5;font-size:11px}
.logs-details summary:hover{color:#fff}
.logs{max-height:150px;overflow:auto;margin-top:10px;padding:11px 12px;border:1px solid #2c3038;border-radius:3px;background:#1d2026;color:#7e909f;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}
.game-poe .logs{max-height:none;overflow:visible}

.query-panel{display:flex;flex-direction:column;justify-content:center}
.query-panel .label{margin-bottom:8px;color:#d3dfeb;font-size:13px}
.query-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.query-controls .field{height:42px;border:1px solid #465365;border-radius:4px;background:#252c36}
.query-controls .login-button{width:auto;height:42px;min-width:84px;margin:0;padding:0 16px;border-radius:4px;font-size:14px}
.query-help{margin:10px 0 0;color:#9daebf;font-size:12px;line-height:1.6}
#query-result{min-height:0;margin:0;text-align:left}
#query-result:not(:empty){margin-top:12px}
#new-claim{align-self:flex-start;margin:18px 0 0}

#order-result{
  --order-accent:#8cc8f6;
  display:grid;gap:12px;margin-top:22px;padding:18px 20px;
  border:1px solid #35404e;border-radius:6px;background:#20252d
}
#order-result[data-status="failed"]{--order-accent:#f1c18c}
#order-result[data-status="done"]{--order-accent:#a3d9ba}
.order-status-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
#order-status{margin:0;color:var(--order-accent);font-size:18px}
#order-percent{color:var(--order-accent);font-size:13px}
#order-result .progress-bar{background:#35404e}
#query-bar{background:var(--order-accent)}
#order-message{margin:0;color:#bbc8d4;font-size:13px;line-height:1.75}
.query-result-footer{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:12px 16px;padding-top:12px;border-top:1px solid #35404e
}
.order-reference{min-width:0;margin:0;color:#a7b8c8;font-size:11px;line-height:1.6}
#order-task{margin:3px 0 0;color:#c6d3df;overflow-wrap:anywhere}
.query-actions .text-button{margin:0;padding:8px 12px;border:1px solid #516579;border-radius:4px;color:#d8e8f5;text-align:left}
.query-actions .text-button:hover{background:#2a3644;color:#fff}

.game-poe #query-form .label{color:var(--poe-text);font-size:14px}
.game-poe #query-code{
  height:44px;
  border-color:var(--poe-border);
  background:var(--poe-field);
  color:var(--poe-text);
  -webkit-text-fill-color:currentColor;
  font-size:16px;
}
.game-poe #query-code::placeholder{color:var(--poe-muted);-webkit-text-fill-color:currentColor}
.game-poe .poe-query-form #query-code{height:6.5rem;resize:none;display:block}
.poe-query-form .query-help{margin:0 0 .55rem}
.poe-entry-tools,.poe-query-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.poe-entry-tools{margin-top:.5rem;color:var(--poe-muted);font-size:13px}
.poe-entry-tools .login-button{width:auto;min-height:44px;margin:0;padding:0 1rem;font-size:14px}
.poe-query-selection{margin-top:1rem;padding:1rem;border:1px solid var(--poe-border);border-radius:6px;background:var(--poe-surface)}
.poe-query-toolbar h2{margin:0;font-size:16px;color:var(--poe-text)}
.poe-query-toolbar label{font-size:13px;color:var(--poe-text);cursor:pointer}
.poe-query-list{list-style:none;margin:.65rem 0 0;padding:0}
.poe-query-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:42px;padding:.45rem .15rem;border-top:1px solid #35404e;color:var(--poe-text);font-size:13px}
.poe-query-list code{overflow-wrap:anywhere}
.poe-query-list [data-eligible="true"] label{cursor:pointer}
.poe-query-list [data-eligible="true"] .poe-query-status{color:#b4ddbd}
.poe-query-selection input[type="checkbox"]{width:18px;height:18px;margin:0;vertical-align:middle;accent-color:var(--steam-focus)}
.poe-query-selection input:disabled{opacity:.45}
.poe-query-status{color:var(--poe-muted);max-width:9em;text-align:right}
.game-poe #step-query :is(.query-help,.order-reference){color:var(--poe-muted)}
.game-poe #btn-query,.poe-order-card-actions .login-button{
  min-height:44px;
  font-weight:700;
}
.game-poe #order-result{
  --order-accent:var(--poe-accent);
  gap:.75rem;
  margin-top:1.25rem;
  padding:clamp(.9rem,3vw,1.35rem);
  border-color:var(--poe-border);
  background:var(--poe-surface);
}
.game-poe #order-result[data-status="failed"]{--order-accent:#ffb4a8}
.game-poe #order-result[data-status="done"],.game-poe #step3[data-status="done"]{--order-accent:#b4ddbd}
.game-poe #order-status,.game-poe #order-percent{font-size:clamp(1rem,4vw,1.25rem)}
.game-poe #order-status{display:flex;align-items:center;gap:.55rem;min-width:0}
.game-poe #order-status::before{content:"";flex:none;width:.45rem;height:.45rem;background:currentColor;transform:rotate(45deg)}
.game-poe #order-percent{font-variant-numeric:tabular-nums}
.game-poe :is(#step-query,#step3) .progress-bar{height:6px;background:#35404e}
.game-poe :is(#query-bar,#bar-fill){background:var(--order-accent,var(--steam-action))}
.game-poe #order-message{color:var(--poe-text);overflow-wrap:anywhere}
.game-poe .query-result-footer{border-color:var(--poe-border);gap:.75rem}
.game-poe #order-task{color:var(--poe-text)}
.game-poe :is(.query-actions,.poe-order-card-actions) .text-button{
  min-height:44px;
  margin:0;
  padding:.55rem .75rem;
  border:1px solid var(--poe-border);
  border-radius:4px;
  color:var(--poe-accent);
  text-align:center;
}
.game-poe :is(.query-actions,.poe-order-card-actions) .text-button:hover:not(:disabled){background:#2a3644;color:#fff}
.game-poe :is(#step-query,#step3) :is(input,button,summary):focus-visible{outline:2px solid var(--steam-focus);outline-offset:3px}
.game-poe :is(#new-claim,#progress-query){min-height:44px}
.game-poe #step3 :is(.panel-heading,.step-kicker,#current-stage,#bar-pct){color:var(--order-accent,var(--poe-accent))}
.game-poe #step3 .phone-subtitle{color:var(--poe-muted);text-align:center}
.game-poe #step3 :is(.task-row,.logs){border:1px solid var(--poe-border);background:var(--poe-surface);color:var(--poe-muted)}
.game-poe #step3 :is(.copy-task,.processing-steps li){background:#252c36;color:var(--poe-text)}
.game-poe #step3 .copy-task:hover{background:#3d4048}
.game-poe #step3 .processing-steps li.active{color:var(--poe-accent)}
.game-poe #step3 .processing-steps li.active::before{border-color:var(--steam-focus)}
.game-poe #step3 .processing-steps li.done{color:#b4ddbd}
.game-poe #step3 .outcome{border:1px solid #3d5646;background:#1e2b22;color:#b4ddbd}
.game-poe #step3 .logs-details summary{color:var(--poe-accent);line-height:2}
.poe-order-details{margin-top:.5rem;color:var(--poe-text);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.game-poe #step3 .poe-order-details{margin-top:1.25rem}
.poe-order-cards-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}
.poe-order-cards-heading h3{margin:0;color:var(--poe-text);font-size:15px}
.poe-order-cards-heading span{color:var(--poe-muted);font-size:12px}
.poe-order-cards,.poe-order-rewards{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.poe-order-card{padding:.75rem;border:1px solid #35404e;border-radius:4px;background:var(--poe-panel)}
.poe-order-card[data-current="true"]{border-color:var(--poe-accent)}
.poe-order-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem}
.poe-order-card-number{padding:0 .4rem;border-radius:3px;background:#223542;color:var(--poe-accent);font-variant-numeric:tabular-nums}
.poe-order-card-heading code{min-width:0;flex:1 1 9rem;color:var(--poe-text)}
.poe-order-card-status{padding:.1rem .45rem;border:1px solid var(--poe-border);border-radius:3px;color:var(--poe-text);font-size:12px}
.poe-order-card[data-tone="redeemed"] .poe-order-card-status{border-color:#3d5646;background:#1e2b22;color:#b4ddbd}
.poe-order-card[data-tone="attention"] .poe-order-card-status{border-color:#4c6374;background:#223542;color:var(--poe-accent)}
.poe-order-card p{margin:.65rem 0 0}
.poe-order-card .poe-order-account,.poe-order-card .poe-order-reward-label{color:var(--poe-muted);font-size:12px}
.poe-order-account strong{color:var(--poe-text)}
.poe-order-rewards{margin-top:.3rem;gap:.25rem}
.poe-order-rewards li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.2rem .75rem;padding:.35rem .55rem;border-left:2px solid var(--poe-accent);background:var(--poe-surface)}
.poe-order-rewards small{color:var(--poe-muted)}
.poe-order-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.poe-order-card-actions .login-button{width:auto;height:auto;margin:0;padding:.55rem .75rem;font-size:13px}
.poe-order-card-actions .text-button:disabled{opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.game-poe #step3 .processing-steps li.active::before,.game-poe :is(#bar-fill,#query-bar){animation:none;transition:none}}

.site-footer{width:100%;max-width:1050px;margin-inline:auto;padding:20px 30px 24px}
.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:14px;border-top:1px solid #b5cbdf24;font-size:11px;color:#9aafbf;line-height:1.6}

dialog{border:0;border-radius:4px;padding:30px 28px;background:#1d2026;color:#e5eaf0;max-width:min(400px,90vw)}
dialog::backdrop{background:rgba(10,12,16,.72)}
dialog h3{margin:0 0 12px;font-size:17px;color:#fff}
dialog #confirm-content{font-size:13px;line-height:1.9;color:#a8b5c0}
.dialog-actions{display:grid;gap:10px;margin-top:20px}
.dialog-actions .login-button{margin-top:0;width:100%}

@media(max-width:650px){
  .poe-flow-frame{min-block-size:0}
  #guard-panel:has(> .scan:not([hidden])) #guard-qr-switch{display:block;min-height:44px}
  #guard-panel:not([data-qr-view="true"]) > .scan{display:none}
  #guard-panel[data-qr-view="true"]:has(> .scan:not([hidden])) .guard-content{display:none}
  body{background-image:radial-gradient(rgba(24,26,33,0) 0%,#181a21 100%),url('/static/hunt/new_login_bg_strong_mask_mobile.jpg')}
  header{padding:22px}.brand{font-size:18px}.brand small{font-size:8px}
  nav .preview{font-size:10px;padding:5px 8px}
  main{padding-inline:20px}h1{margin-left:5px;font-size:26px}
  .panel{min-height:0;padding:28px 24px}.grid{grid-template-columns:1fr;gap:28px}
  .scan{justify-self:center}.scan>.label{text-align:center;margin-bottom:10px}
  .site-footer{padding-inline:20px}
  .phone-account{font-size:15px}.phone-account strong{margin-left:4px}
  .phone-subtitle{font-size:12px}.phone-confirm{padding:12px 12px 0;gap:12px}
  .phone-illustration{width:70px}.phone-prompt{font-size:14px}.phone-prompt small{font-size:10px}
  .phone-actions{margin-top:30px}
  .processing-steps{grid-template-columns:1fr}
  #order-result{padding:16px}
}
@media(max-width:380px){
  .game-poe #page-title{min-block-size:2.6em}
  header{flex-wrap:wrap;gap:12px;padding:18px 20px}
  .query-controls{grid-template-columns:minmax(0,1fr)}
  .query-controls .login-button{justify-self:start}
}