/* =========================================================
   BRO · BogoReferralOrganization — retro CRT landing page
   Room-dark background, phosphor green, beige keycaps.
   ========================================================= */
:root{
  --room:#140E0A;
  --room-2:#1B130E;
  --panel:#21170F;
  --panel-2:#281C13;
  --ink:#F5EBDD;
  --mute:#C9B6A0;
  --phos:#FFB547;
  --phos-2:#E8952F;
  --phos-dim:rgba(255,181,71,.14);
  --line:rgba(255,181,71,.2);
  --beige:#E6DCC3;
  --beige-2:#CFC3A3;
  --beige-3:#A99D7F;
  --amber:#FFD27A;
  --sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;
  --mono:'VT323','Courier New',monospace;
  --r:14px;
  --wrap:1160px;
  --gutter:clamp(16px,4vw,36px);
  --sab:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--room);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--phos);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 2*var(--gutter),var(--wrap));margin:0 auto}
.wrap--narrow{width:min(100% - 2*var(--gutter),780px)}
.phos{color:var(--phos);text-shadow:0 0 18px rgba(255,181,71,.45),0 0 2px rgba(255,181,71,.8)}

/* ---------- Keycap buttons ---------- */
.key{--cap:var(--beige);--side:var(--beige-3);--txt:#1C1A14;position:relative;display:inline-flex;text-decoration:none;color:var(--txt);border-radius:12px;background:var(--side);padding-bottom:6px;transition:transform .08s ease,padding .08s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}
.key>span{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 22px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%),var(--cap);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6);font-weight:900;font-size:16px;letter-spacing:.02em;white-space:nowrap}
.key:hover>span{filter:brightness(1.05)}
.key:active{transform:translateY(4px);padding-bottom:2px}
.key kbd{font-family:var(--mono);font-size:22px;line-height:1;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.12)}
.key--phos{--cap:var(--phos);--side:#A8661C;--txt:#2A1606}
.key--phos>span{box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.55),0 0 26px rgba(255,181,71,.35)}
.key--lg>span{min-height:56px;padding:0 26px;font-size:17px}
.key--sm>span{min-height:38px;padding:0 16px;font-size:14px}
.key--block{display:flex;width:100%}
.key.is-disabled{--cap:#3A2C21;--side:#22180F;--txt:var(--mute);cursor:not-allowed}
.key.is-disabled:active{transform:none;padding-bottom:6px}
.key.is-disabled>span{box-shadow:none;border:1.5px dashed rgba(255,255,255,.18)}

/* ---------- Top bar ---------- */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter);background:rgba(20,14,10,.8);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:18px;letter-spacing:.04em;text-decoration:none}
.brand__name{display:grid;line-height:1.05;font-family:var(--mono);font-weight:400;font-size:28px;letter-spacing:.12em}
.brand__name small{font-family:var(--sans);font-weight:700;font-size:10.5px;letter-spacing:.08em;color:var(--mute)}
.brand__mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--beige);color:#1C1A14;font-weight:900;font-size:17px;box-shadow:0 3px 0 var(--beige-3)}
.top__nav{display:flex;gap:26px;font-size:15px;color:var(--mute)}
.top__nav a{text-decoration:none;transition:color .2s}
.top__nav a:hover{color:var(--phos)}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:calc(100svh - 62px);display:grid;align-items:center;overflow:hidden;isolation:isolate}
.hero__room{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(ellipse 45% 55% at 12% 8%,rgba(255,196,128,.12),transparent 70%),
  radial-gradient(ellipse 55% 60% at 72% 48%,rgba(255,181,71,.16),transparent 70%),
  radial-gradient(ellipse 80% 70% at 70% 110%,rgba(255,181,71,.08),transparent 70%),
  linear-gradient(180deg,#140E0A 0%,#1A120C 60%,#110B08 100%)}
.hero__room::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);pointer-events:none}
.hero__grid{width:min(100% - 2*var(--gutter),1280px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:center;padding:40px 0 72px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--phos);padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,181,71,.05)}
.kicker__led{width:8px;height:8px;border-radius:50%;background:var(--phos);box-shadow:0 0 10px var(--phos);animation:led 1.6s steps(2,end) infinite}
@keyframes led{50%{opacity:.25}}
.hero__title{margin-top:22px;font-weight:900;font-size:clamp(36px,4.9vw,64px);line-height:1.16;letter-spacing:.01em}
.hero__sub{margin-top:20px;max-width:32em;font-size:clamp(16px,1.4vw,18px);color:var(--mute)}
.hero__keys{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero__stats{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:22px}
.hero__stats li{display:flex;align-items:baseline;gap:8px}
.hero__stats b{font-family:var(--mono);font-weight:400;font-size:40px;line-height:1;color:var(--phos);text-shadow:0 0 14px rgba(255,181,71,.45)}
.hero__stats span{font-size:14px;color:var(--mute)}

.crt{position:relative;height:min(78svh,720px);min-height:420px}
.crt__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s ease;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 80%,transparent 100%);mask-composite:intersect}
.crt.is-ready .crt__canvas{opacity:1}
.crt__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .6s ease}
.crt.is-ready .crt__poster{opacity:0}
.crt__note{position:absolute;right:8px;bottom:6px;z-index:2;padding:2px 8px;border-radius:6px;background:rgba(20,14,10,.72);font-size:12px;color:var(--mute);letter-spacing:.04em}
.hero__scroll{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:grid;justify-items:center;gap:6px;font-family:var(--mono);font-size:16px;letter-spacing:.3em;color:var(--mute);text-decoration:none}
.hero__scroll i{width:1px;height:28px;background:linear-gradient(var(--phos),transparent);animation:drip 1.8s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- Sections ---------- */
.section{padding:clamp(64px,9vw,110px) 0;position:relative}
.section--alt{background:linear-gradient(rgba(24,15,9,.8),rgba(24,15,9,.88)),url(images/wood.jpg) center/1400px auto repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.path{font-family:var(--mono);font-size:22px;letter-spacing:.06em;color:var(--phos);text-shadow:0 0 10px rgba(255,181,71,.4)}
.blink{animation:blink 1s steps(2,end) infinite}
@keyframes blink{50%{opacity:0}}
.h2{margin-top:6px;font-weight:900;font-size:clamp(28px,4vw,44px);line-height:1.2}
.lead{margin-top:14px;max-width:44em;color:var(--mute);font-size:17px}
.note{margin-top:16px;font-size:14px;color:var(--mute)}
.note a{color:var(--phos)}
.disclose{margin-top:22px;padding:12px 16px;font-size:14px;color:var(--mute);border-left:3px solid var(--phos);background:rgba(255,181,71,.05);border-radius:0 10px 10px 0}

/* ---------- Terminal windows ---------- */
.win{position:relative;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.45),inset 0 0 60px rgba(255,181,71,.04);overflow:hidden}
.win::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}
.win__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;background:linear-gradient(180deg,#2E2016,#251910);border-bottom:1px solid var(--line)}
.win__title{font-family:var(--mono);font-size:20px;letter-spacing:.08em;color:var(--phos)}
.win__btns{display:flex;gap:6px}
.win__btns i{width:12px;height:12px;border:1.5px solid var(--line);border-radius:3px}
.win__body{position:relative;z-index:1;padding:22px}

/* ---------- Offer cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:36px}
.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(255,181,71,.5);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 28px 70px rgba(0,0,0,.5),0 0 40px rgba(255,181,71,.12)}
.card .win__body{display:flex;flex-direction:column;gap:16px;min-height:100%}
.card__head{display:flex;align-items:center;gap:14px}
.card__logo{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:12px;background:var(--beige);color:#1C1A14;font-weight:900;font-size:23px;box-shadow:0 4px 0 var(--beige-3)}
.card__name{font-weight:900;font-size:21px;line-height:1.3}
.card__sub{font-size:14px;color:var(--mute)}
.badge{margin-left:auto;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.badge--time{color:var(--amber);border:1px solid rgba(255,210,122,.5);background:rgba(255,210,122,.08)}
.badge--end{color:var(--mute);border:1px solid var(--line)}
.card__label{font-family:var(--mono);font-size:19px;letter-spacing:.06em;color:var(--phos)}
.card__headline{margin-top:2px;font-weight:900;font-size:20px;line-height:1.4}
.card__perks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.card__perks li{position:relative;padding-left:22px;font-size:15px}
.card__perks li::before{content:'>';position:absolute;left:2px;top:-1px;font-family:var(--mono);font-size:20px;color:var(--phos)}
.card__deadline{margin-top:8px;font-size:14px;color:var(--mute)}
.card__note{margin-top:10px;font-size:12.5px;line-height:1.6;color:var(--mute)}
.card__alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,181,71,.12);border:1.5px solid var(--phos);font-weight:700;font-size:15px;line-height:1.55}
.card__alert b{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--phos);color:#2A1606;font-family:var(--mono);font-weight:400;font-size:20px;line-height:1}
.code{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:12px;background:#160C05;border:1.5px solid var(--line);box-shadow:inset 0 0 24px rgba(255,181,71,.08)}
.code__prompt{font-family:var(--mono);font-size:26px;color:var(--phos)}
.code__value{flex:1;min-width:0;font-family:var(--mono);font-size:34px;line-height:1;letter-spacing:.12em;color:var(--phos);text-shadow:0 0 12px rgba(255,181,71,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.code__value.is-todo{font-family:var(--sans);font-size:16px;letter-spacing:.04em;color:var(--mute);text-shadow:none}
.code .key>span{min-height:40px}
.card__hint{margin-top:-6px;text-align:center;font-size:14px;color:var(--mute)}
.card__hint b{font-family:var(--mono);font-size:20px;letter-spacing:.1em;color:var(--phos);font-weight:400}
.card__meta{margin-top:auto;padding-top:6px;font-size:12.5px;line-height:1.65;color:var(--mute);border-top:1px dashed var(--line)}
.card__meta a{color:var(--ink)}
.card__how{border-radius:12px;background:#160C05;border:1px solid var(--line)}
.card__how[open]{border-color:rgba(255,181,71,.45)}
.card__how summary{display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.card__how summary::-webkit-details-marker{display:none}
.card__how summary::before{content:'>';flex:none;font-family:var(--mono);font-size:22px;line-height:1;color:var(--phos);transition:transform .2s}
.card__how[open] summary::before{transform:rotate(90deg)}
.how{list-style:none;counter-reset:how;margin:0;padding:0 14px;display:grid;gap:12px}
.how li{counter-increment:how;position:relative;padding-left:40px;font-size:14px;color:var(--mute)}
.how li::before{content:'[' counter(how,decimal-leading-zero) ']';position:absolute;left:0;top:-1px;font-family:var(--mono);font-size:18px;color:var(--phos)}
.how b{display:block;margin-bottom:2px;font-size:15px;color:var(--ink)}
.how__tips{list-style:none;margin:14px 14px 0;padding:12px 0 0;border-top:1px dashed var(--line);display:grid;gap:6px}
.how__tips li{position:relative;padding-left:18px;font-size:13px;color:var(--mute)}
.how__tips li::before{content:'!';position:absolute;left:3px;top:-1px;font-family:var(--mono);font-size:17px;color:var(--phos)}
.how__src{margin:10px 14px 14px;font-size:12px;color:var(--mute);opacity:.75}
.todo{display:inline-block;padding:1px 8px;border-radius:6px;border:1px dashed rgba(255,210,122,.55);color:var(--amber);font-weight:700;font-size:.85em}

/* ---------- Boot steps ---------- */
.boot{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px}
.boot li{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:20px 22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.boot__n{font-family:var(--mono);font-size:30px;color:var(--phos);text-shadow:0 0 12px rgba(255,181,71,.45)}
.boot h3{font-weight:900;font-size:20px}
.boot p{margin-top:4px;color:var(--mute);font-size:15.5px}
.boot__ok{font-family:var(--mono);font-size:22px;letter-spacing:.1em;padding:2px 12px;border-radius:6px;color:#2A1606;background:var(--phos);box-shadow:0 0 16px rgba(255,181,71,.35)}

/* ---------- Compare table ---------- */
.win--table{margin-top:30px}
.table-wrap{position:relative;z-index:1;overflow-x:auto}
.compare{width:100%;border-collapse:collapse;min-width:820px;font-size:15px}
.compare th,.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font-family:var(--mono);font-weight:400;font-size:19px;letter-spacing:.06em;color:var(--phos)}
.compare tbody tr:last-child td{border-bottom:0}
.compare td:first-child{font-weight:900;white-space:nowrap}
.compare td:first-child a{text-decoration:none}
.compare .mono{font-family:var(--mono);font-size:21px;letter-spacing:.08em;color:var(--phos)}

/* ---------- Why ---------- */
.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.why__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why__list li{padding:22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.why__list b{display:block;font-weight:900;font-size:18px}
.why__list span{display:block;margin-top:6px;color:var(--mute);font-size:15px}

/* ---------- FAQ ---------- */
.faq{margin-top:30px;display:grid;gap:12px}
.faq details{border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.faq details[open]{border-color:rgba(255,181,71,.45)}
.faq summary{display:flex;align-items:center;gap:12px;padding:16px 18px;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'>';flex:none;font-family:var(--mono);font-size:24px;line-height:1;color:var(--phos);transition:transform .2s}
.faq details[open] summary::before{transform:rotate(90deg)}
.faq details p{padding:0 18px 18px 46px;color:var(--mute)}
.faq a{color:var(--phos)}

/* ---------- Final CTA ---------- */
.final{padding:clamp(70px,10vw,120px) 0;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(255,181,71,.18),transparent 70%),linear-gradient(rgba(22,14,9,.72),rgba(22,14,9,.9)),url(images/wood.jpg) center/1400px auto repeat}
.final__inner{display:grid;justify-items:center;text-align:center}
.final__title{margin-top:8px;font-weight:900;font-size:clamp(30px,4.6vw,54px);line-height:1.2}
.final .hero__keys{justify-content:center}

/* ---------- Footer ---------- */
.foot{padding:40px 0 calc(40px + var(--sab));border-top:1px solid var(--line);font-size:13.5px;color:var(--mute)}
.foot p+p{margin-top:10px}
.foot__brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;color:var(--ink)}

/* ---------- Sticky bar + toast ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px var(--gutter) calc(12px + var(--sab));background:rgba(20,14,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s ease}
.sticky.is-on{transform:none}
.sticky__wa{flex:none}
.toast{position:fixed;left:50%;bottom:calc(96px + var(--sab));z-index:70;padding:10px 18px;border-radius:10px;background:#160C05;border:1px solid var(--phos);color:var(--phos);font-family:var(--sans);font-weight:700;font-size:15px;box-shadow:0 0 24px rgba(255,181,71,.3);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .hero{min-height:0}
  .hero__grid{grid-template-columns:1fr;gap:0;padding:28px 0 64px}
  .crt{order:-1;height:48svh;min-height:300px;max-height:460px;margin:0 calc(-1*var(--gutter))}
  .cards{grid-template-columns:1fr}
  .why{grid-template-columns:1fr}
  .top__nav{display:none}
  .hero__scroll{display:none}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .br-d{display:none}
  .why__list{grid-template-columns:1fr}
  .boot li{grid-template-columns:auto 1fr;row-gap:6px}
  .boot__ok{grid-column:2;justify-self:start}
  .sticky{display:flex}
  .foot{padding-bottom:calc(110px + var(--sab))}
  .compare{min-width:0}
  .compare thead{display:none}
  .compare tr{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}
  .compare td{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border:0;text-align:right}
  .compare td::before{content:attr(data-label);flex:none;color:var(--mute);font-family:var(--sans);font-size:14px;text-align:left}
  .compare td:first-child{font-size:18px;justify-content:flex-start}
  .compare td:first-child::before{display:none}
  .hero__keys .key{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

/* ---------- Claim + admin pages ---------- */
.claim{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:36px;align-items:start}
.form{display:grid;gap:14px}
.form__intro{color:var(--mute);font-size:15px}
.field{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--mute)}
.field input,.field select,.claim-edit input,.claim-edit select,.admin__actions select{width:100%;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);background:#160C05;color:var(--ink);font:inherit;font-weight:400;font-size:16px}
.field input:focus,.field select:focus{outline:none;border-color:var(--phos);box-shadow:0 0 0 3px rgba(255,181,71,.18)}
.field input[type=file]{padding:8px}
.field--inline{display:flex;align-items:center;gap:10px}
.field--inline select{width:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mute)}
.check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--phos)}
.check a{color:var(--phos)}
.form button[disabled]{opacity:.6;pointer-events:none}
.result:empty{display:none}
.result{padding:12px 14px;border-radius:10px;font-size:15px;line-height:1.6}
.result.is-ok{background:rgba(255,181,71,.12);border:1.5px solid var(--phos)}
.result.is-err{background:rgba(220,80,60,.12);border:1.5px solid #D9654F;color:#F3B9AC}
.result .ref{font-family:var(--mono);font-weight:400;font-size:24px;letter-spacing:.1em;color:var(--phos)}
.pics{margin-top:40px;max-width:52em;font-size:14px;color:var(--mute)}
.pics h2{font-size:17px;color:var(--ink)}
.pics p{margin-top:8px}
.admin .login{max-width:420px;margin:0 auto}
.admin__bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin:36px 0 18px}
.admin__actions{display:flex;gap:10px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.stat{padding:18px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.stat b{display:block;font-family:var(--mono);font-weight:400;font-size:44px;line-height:1;color:var(--phos)}
.stat span{font-size:14px;color:var(--mute)}
.tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:18px}
.tables .compare,.claims{min-width:0}
.tables .compare td,.tables .compare th{padding:10px 14px}
.claims{min-width:1100px;font-size:14px}
.claims td{vertical-align:middle}
.claim-edit{display:flex;gap:6px;align-items:center;min-width:330px}
.claim-edit select{width:auto;padding:6px 8px;font-size:14px}
.claim-edit input{padding:6px 8px;font-size:14px}
.link{border:0;background:none;color:var(--phos);font:inherit;text-decoration:underline;cursor:pointer}
.link--danger{color:#F3B9AC}
.proof{max-width:min(92vw,900px);padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.proof img{display:block;max-width:100%;max-height:78vh;margin-bottom:10px}
.proof::backdrop{background:rgba(0,0,0,.7)}
@media (max-width:820px){
  .claim{grid-template-columns:1fr}
}
@media (max-width:640px){
  .admin .compare{min-width:0}
  .admin .compare thead{display:table-header-group}
  .admin .compare tr{display:table-row;padding:0}
  .admin .compare td{display:table-cell;padding:8px 10px;text-align:left;border-bottom:1px solid var(--line)}
  .admin .compare td::before{display:none}
  .admin .claims{min-width:1100px}
}
.claim-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:18px 20px;border-radius:var(--r);background:var(--panel);border:1.5px dashed var(--phos)}
.claim-cta p{flex:1 1 320px;color:var(--mute)}
.claim-cta b{color:var(--ink)}
.admin .compare th,.admin .compare td{white-space:nowrap}
.admin .compare thead th{font-size:17px}
.claim__side{display:grid;gap:22px}
.account{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line);font-size:14px;color:var(--mute)}
.account p{flex:1 1 220px}
.account b{color:var(--ink)}
.mine{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mine li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#160C05;border:1px solid var(--line);font-size:14px}
.mine .ref{font-family:var(--mono);font-weight:400;font-size:22px;letter-spacing:.1em;color:var(--phos)}
.mine small{color:var(--mute)}
.mine__empty{color:var(--mute)}