/* Home presentation. Rewards and progression remain owned by the game. */
#home .hscroll{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:#66758a #152030}
#home .home-top{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,440px);grid-template-areas:"hero wheel" "daily wheel";gap:16px;align-items:stretch}
#home .home-panel,#home .home-hero,#home .home-chest{border:1px solid #8093aa70;border-radius:7px;box-shadow:inset 0 1px #d7e5f019,0 4px 12px #060d1738;background:linear-gradient(135deg,#253448,#142030)}
#home .home-hero{grid-area:hero;position:relative;isolation:isolate;overflow:hidden;min-height:250px;display:flex;align-items:center;background:#102031;border-color:#b39b6599}
#home .home-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101c2af5 0%,#101c2acc 35%,#101c2a45 75%,#101c2a08),linear-gradient(0deg,#0b15257a,transparent 65%)}
#home .home-eyebrow{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:.08em;color:#e1c695}
#home h1{font-family:var(--font-display);font-size:clamp(30px,2.8vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.18;margin:10px 0;color:#fff3da;text-shadow:0 2px 8px #040a15}
#home #home-lead{margin:0 0 16px;color:#d5dce4;font-size:15px;line-height:1.4}
#home .home-primary,#home .home-secondary{min-height:42px;padding:10px 20px;border:1px solid #c9b079;border-radius:4px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;line-height:1.2;transition:filter .15s,background .15s}
#home .home-primary{background:linear-gradient(120deg,#efd3a2,#c39d61);color:#241d14;box-shadow:inset 0 1px #fff3d3,0 3px 9px #050d1766}
#home .home-primary:hover{filter:brightness(1.1)}
#home .home-starter{display:inline-flex;align-items:center;gap:8px}
#home .home-starter img{height:24px;width:24px;object-fit:contain}
#home [hidden]{display:none!important}
#home .home-secondary{display:flex;align-items:center;justify-content:center;gap:7px;background:#101c2cdb;border-color:#8a9fb38a;color:#ecf1f6}
#home .home-secondary img{height:24px;width:24px;object-fit:contain}
#home .home-secondary:hover:not(:disabled){background:#30465bea}
#home button:disabled{cursor:default}
#home .home-secondary:disabled{opacity:.45}
#home button:focus-visible,#home #giftbox:focus-visible{outline:2px solid #f1d597;outline-offset:3px}
#home .home-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
#home .home-panel-heading h2{font-family:var(--font-display);font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:#ecedf1;margin:0}
#home .home-panel-heading>span{font-size:15px;color:#acbed1;text-align:right}
#home .home-daily{grid-area:daily;padding:16px 18px;min-width:0}
#home .dq{background:none;border:0;border-radius:0;padding:12px 0 0}
#home .dqrow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}
#home .dqb{--daily-icon-size:80px;display:grid;grid-template-rows:var(--daily-icon-size) 22px;align-content:center;justify-items:center;min-width:0;height:120px;aspect-ratio:auto;padding:6px 2px;font-family:inherit;color:inherit;background:linear-gradient(#19283b,#111e2e);border-color:#6d839c50;border-radius:4px;gap:3px}
#home .dqb .dqi,#home .dqb .dqi .chwrap{display:block;width:var(--daily-icon-size);height:var(--daily-icon-size);font-size:0;line-height:0}
#home .dqb .dqi img{width:var(--daily-icon-size);height:var(--daily-icon-size)}
#home .dqb .dqg{font-size:15px;line-height:1.15;font-weight:500}
#home .dqb.done .dqi::after{inset:auto;right:4px;top:4px;width:16px;height:16px;border-radius:50%;font-size:12px;background:#183f36;color:#a0e1b9}
#home .dqb.lock{opacity:.63}
#home .dqb.cur{border-color:#d1b16e;background:linear-gradient(#4b4230,#242a32);box-shadow:inset 0 0 0 1px #e6c78328}
#home .dqb.done{border-color:#679d8c;background:#173334;opacity:.8}
#home .dqb.cur.rdy{animation:none;box-shadow:0 0 0 1px #efd49b}
#home .dqb.cur.rdy::after{display:none}
#home .home-task-line{display:flex;justify-content:space-between;align-items:center;gap:12px}
#home .dqtask,#home .dqprog{text-align:left;min-height:0;line-height:1.35;margin:0}
#home .dqtask{font-size:16px;color:#ecf0f5}
#home .dqprog{font-size:15px;color:#b6c2d0;margin-top:3px}
#home .dqtip{background:linear-gradient(135deg,#283b50,#152334);border-color:#b7a06f;border-radius:4px;text-align:left}
#home .dqtip .tt-r{justify-content:flex-start}
#home .dqtip .tt-s{color:#b6c2d0}
#home .home-text-button{flex:none;background:#1a2c3b;border:1px solid #8bbbc36b;border-radius:4px;color:#b9e1e1;padding:8px 12px;font-family:inherit;font-weight:500;font-size:15px;cursor:pointer}
#home .home-text-button:disabled{opacity:.5}
#home .claimable .home-text-button{color:#f6dfa8;border-color:#c6a566;background:#413b2b}
#home #home-task-progress{display:block;width:100%;height:4px;margin-top:10px;border:0;border-radius:2px;overflow:hidden;background:#0d1929;accent-color:#75b2b4}
#home #home-task-progress::-webkit-progress-bar{background:#0d1929}
#home #home-task-progress::-webkit-progress-value{background:#75b2b4;border-radius:2px}
#home #home-task-progress::-moz-progress-bar{background:#75b2b4}
#home .home-wheel{grid-area:wheel;display:flex;flex-direction:column;padding:16px 18px;text-align:center;min-width:0;background:radial-gradient(ellipse at 50% 48%,#39465055,transparent 65%),linear-gradient(135deg,#253448,#13202e)}
#home .home-wheel .roul{flex:1;justify-content:center;border:0;background:none;border-radius:0;padding:42px 0 0;min-width:0}
#home .home-wheel .wheelwrap{width:min(380px,100%);height:auto;aspect-ratio:1;flex-shrink:0}
#home .home-wheel .wheel{filter:drop-shadow(0 7px 12px #03091275)}
#home .home-wheel .spinbtn{display:block;width:100%;min-height:42px;margin-top:18px;padding:10px 8px;font-family:inherit;font-size:15px;border-radius:4px;border-color:#7faeab;background:linear-gradient(135deg,#325857,#1d3d42);box-shadow:inset 0 1px #d3e7e826}
#home .home-wheel .spinbtn:disabled{opacity:.7;background:#172637;border-color:#65778d;box-shadow:none}
#home .home-panel-heading .home-status{border-radius:20px;background:#204138;border:1px solid #628e795c;color:#bde3c6;padding:4px 9px;font-size:15px}
#home .home-status[data-state="wait"]{background:#283447;color:#bec9d7;border-color:#6d819747}
#home .home-status[data-state="spin"]{background:#453b26;color:#e9d6a9;border-color:#b69b655c}
#home .home-wheel-note{font-size:15px;line-height:1.4;color:#afbdce;margin:10px 0 0}
#home .home-chests>.home-panel-heading{margin-bottom:10px}
#home .home-chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#home .home-chest{margin:0;padding:14px 16px;min-width:0;--chest-tint:#ae855b;background:radial-gradient(ellipse at 7% 42%,color-mix(in srgb,var(--chest-tint) 16%,transparent),transparent 60%),linear-gradient(130deg,#243145,#152132)}
#home .tier-silver{--chest-tint:#bac7d5}#home .tier-gold{--chest-tint:#d4b064}
#home .ch-top{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px 12px;align-items:center}
#home .ch-ic{grid-row:span 2;display:flex;align-items:center;justify-content:center}
#home .ch-ic .chwrap{width:82px;height:86px}
#home .ch-name{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.01em}
#home .ch-desc{font-size:15px;line-height:1.4;color:#c2cdda;margin-top:5px}
#home .ch-buy{grid-column:2;justify-self:start;margin:0;padding:7px 13px;min-height:34px;justify-content:center;font-family:inherit;font-size:15px;line-height:1.2;border-radius:4px;background:#142334;border-color:#c0a67370;color:#eddbb5;box-shadow:inset 0 1px #b7c9d115}
#home .odds-t{display:block;font-family:inherit;font-size:15px;line-height:1.3;padding:0;margin-top:12px;background:none;border:0;color:#b6c6d7;cursor:pointer;text-align:left}
#home .odds{margin-top:12px;border-color:#8c9fb73d}
#home .orow{font-size:15px;flex-wrap:wrap}
@media(min-width:1000px) and (max-height:800px){
 #home .hscroll{padding:14px;gap:16px}
 #home .home-hero{min-height:196px}
 #home h1{font-size:30px;margin:8px 0 14px}
 #home #home-lead{display:none}
 #home .home-primary,#home .home-secondary{min-height:38px;padding:8px 15px;font-size:15px}
 #home .home-daily{padding:12px 16px}
 #home .dq{padding-top:8px}
 #home .dqrow{margin-bottom:8px}
 #home .dqb{--daily-icon-size:76px;height:114px;padding:5px 2px;gap:3px}
 #home .dqtask{font-size:15px}
 #home .dqprog{font-size:15px}
 #home #home-task-progress{margin-top:8px}
 #home .home-wheel{padding:14px 16px}
 #home .home-wheel .wheelwrap{width:min(340px,100%)}
 #home .home-wheel .spinbtn{margin-top:12px;min-height:38px}
 #home .ch-top{grid-template-columns:64px minmax(0,1fr);gap:7px 10px}
 #home .ch-ic .chwrap{width:64px;height:74px}
 #home .home-chest{padding:12px 14px}
 #home .odds-t{margin-top:9px}
}
@media(min-width:1000px) and (max-width:1199px){
 #home .home-top{grid-template-columns:minmax(0,1fr) 320px}
 #home .home-primary,#home .home-secondary{padding:9px 12px;font-size:15px}
 #home .home-panel-heading h2{font-size:16px}
 #home .home-daily{padding:12px}
 #home .dqrow{gap:5px}
 #home .home-chest-grid{gap:16px}
 #home .ch-top{grid-template-columns:50px minmax(0,1fr);gap:8px}
 #home .ch-ic .chwrap{width:50px;height:66px}
}
@media(max-width:999px){
 #home .hscroll{padding:12px;gap:16px}
 #home .home-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "daily" "wheel"}
 #home .home-hero{min-height:260px}
 #home .home-eyebrow{font-size:15px;letter-spacing:.1em}
 #home h1{font-size:30px}
 #home #home-lead{font-size:15px;max-width:260px}
 #home .home-primary,#home .home-secondary{font-size:15px;padding:10px 12px;min-height:42px}
 #home .home-secondary img{width:20px;height:20px}
 #home .home-panel-heading h2{font-size:16px}
 #home .home-daily{padding:14px}
 #home .dqrow{gap:5px}
 #home .dqb{--daily-icon-size:68px;height:108px;padding:4px 1px;gap:3px}
 #home .dqb .dqg{font-size:15px}
 #home .dqtask{font-size:15px}
 #home .dqprog{font-size:15px}
 #home .home-text-button{font-size:15px;padding:8px}
 #home .home-wheel{padding:16px 20px}
 #home .home-wheel .wheelwrap{width:min(360px,100%)}
 #home .home-wheel .roul{padding-top:42px}
 #home .home-chest-grid{grid-template-columns:minmax(0,1fr)}
 #home .home-chest{padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){#home .home-primary,#home .home-secondary{transition:none}}

/* Selected direction A: a midnight-blue celestial instrument in fine bronze.
   The plate already centers sector zero at twelve; the pointer stays stationary. */
#home .home-wheel{background:radial-gradient(ellipse at 50% 44%,#28496638,transparent 67%),linear-gradient(135deg,#23354a,#132031);border-color:#a08d667d}
#home .home-wheel .wheelwrap{isolation:isolate}
#home .home-wheel .wheelwrap::before{content:'';position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,#759dbc18,transparent 68%);pointer-events:none}
#home .home-wheel .wheel{isolation:isolate;filter:drop-shadow(0 9px 15px #020917a0)}
#home .home-wheel .wheelart{transform:none;filter:none}
#home .home-wheel .shell-wheel-prize{z-index:3;width:17%;height:17%;transform:translate(-50%,-50%) rotate(var(--prize-angle,0deg));filter:drop-shadow(0 3px 3px #030c1ddd)}
#home .home-wheel .pin{top:-30px;width:66px;height:66px;filter:drop-shadow(0 3px 3px #030813bb)}
#home .home-wheel .pinart{transform:none;object-fit:contain}
#home .home-wheel .spinbtn{min-height:46px;font-size:16px;color:#f2dfb8;border-color:#b29a6977;background:linear-gradient(120deg,#495665,#273a4b);box-shadow:inset 0 1px #e9d5a529,0 3px 12px #02091455}
#home .home-wheel .spinbtn:hover:not(:disabled){border-color:#d8be89;background:linear-gradient(120deg,#5b625f,#324959);box-shadow:inset 0 1px #ead6ac40,0 3px 12px #02091455}
#home .home-wheel .spinbtn:disabled{color:#b9c9d8}
#home .home-panel-heading{flex-wrap:wrap}
#home .home-task-line{flex-wrap:wrap}
#home .dqb .dqi,#home .dqb .dqi .chwrap,#home .dqb .dqi img{max-width:100%;object-fit:contain}
@media(min-width:1000px) and (max-width:1399px){
 #home .home-top{grid-template-areas:"hero wheel" "daily daily"}
 #home .home-tournament-body{grid-template-columns:1fr}
 #home .home-tournament-header{flex-wrap:wrap}
 #home .home-tournament-status{max-width:none;flex-direction:row;align-items:center}
 #home .home-market-bar{flex-wrap:wrap}
 #home #shopcard{flex:1}
}
@media(max-width:999px){
 #home .dqrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 #home .home-panel-heading h2{font-size:20px}
}

/* Chest days have one centered row; only coin days reserve a quantity line. */
#home .dqb:not(:has(.dqg)){grid-template-rows:var(--daily-icon-size);gap:0}
#home .dqb .dqi,#home .dqb .dqi .chwrap{display:flex;align-items:center;justify-content:center}
#home .dqb .dqi img{display:block;object-position:center}