/* ZBS: lacquer-black surfaces, warm gold actions, sakura and rarity colour. */
:root{--ui-gold:#efb637;--ui-ink:#080b0c;--ui-edge:#303331;--ui-soft:#a8adae;--ui-action:linear-gradient(110deg,#e8a51f,#ffd16a 62%,#eab139)}
button,a,input{font-family:inherit}
.primary,dialog #modalContent>.primary.full,.detail-actions .primary,.machine-action .primary{background:var(--ui-action);border:1px solid #edbd53;color:#191306;font-weight:750;border-radius:10px;box-shadow:inset 0 1px #fff4}
.secondary{border-color:#987322;color:#efbb4d;border-radius:10px;font-weight:650}
.primary:hover:not(:disabled){background:var(--ui-action);border-color:#ffda80;filter:brightness(1.05)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f5c65e;outline-offset:3px}
.machine-action{margin-bottom:clamp(24px,4dvh,40px)}
.stream-banner .telegram-outline{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;font-size:12px;text-decoration:none;color:#efbd44;border-color:#b48a30}
.telegram-outline .task-glyph{width:18px;height:18px}
dialog:not(.detail-sheet){background:radial-gradient(ellipse at top,#31261244,transparent 45%),#090c0d;border-color:#6b542e;border-radius:20px;padding:22px;box-shadow:0 24px 90px #000b}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
dialog .modal-top h2{font-size:21px;font-weight:750;letter-spacing:-.5px}
dialog .modal-top{margin-bottom:18px;align-items:flex-start}
dialog .modal-top .icon-button{flex:none;width:40px;height:40px;border:1px solid #474337;background:#111516;border-radius:12px}
dialog p{font-size:13px;line-height:1.6;color:#bdc1c1}
dialog .panel{padding:15px;border:1px solid #303432;background:linear-gradient(130deg,#15191980,#090d0e);border-radius:12px}
dialog .primary.full,dialog .secondary.full{min-height:48px;font-size:14px}
dialog .reward-line{color:var(--ui-gold);font-weight:700}
dialog .achievement-seal{color:var(--ui-gold);background:radial-gradient(circle,#b1812520,transparent 70%);border-color:#ad822e}
dialog.reward-sheet{border-color:#7e632a;background:radial-gradient(ellipse at 50% 32%,#322a1440,transparent 65%),#080b0df5}
.reward-sheet .modal-top h2{font-size:15px;color:#bec0b9;font-weight:600}
.reward-sheet .modal-top .eyebrow{font-size:9px}
.reward-showcase{text-align:center;--reward-color:#e6ad36}
.reward-hero{height:clamp(150px,28dvh,255px);position:relative;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--reward-color) 22%,transparent),transparent 65%),url('./detail-ornament.svg') center/contain no-repeat}
.reward-hero:before,.reward-hero:after{content:'';position:absolute;aspect-ratio:1;height:86%;border:1px solid color-mix(in srgb,var(--reward-color) 55%,transparent);border-radius:50%;z-index:-1}
.reward-hero:after{height:78%;border-style:dashed;opacity:.5;transform:rotate(-18deg)}
.reward-hero .large{width:180px;height:180px;max-height:90%;margin:0;object-fit:contain}
.reward-hero .sprite-art.large>span{transform:scale(1.8);clip-path:ellipse(46% 48% at 50% 55%)}
.reward-hero .placeholder-art .icon{width:86px;height:86px;color:var(--reward-color)}
.reward-showcase .reward-category{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--reward-color);margin:10px 0 5px}
.reward-showcase h2{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.6px;text-transform:uppercase}
.reward-showcase .reward-caption{margin:9px 0;font-size:12px}
.reward-effect{display:inline-block;color:var(--reward-color);font-size:12px;padding:4px 10px;border:1px solid #ffffff1a;border-radius:20px}
.token-medallion{width:126px;aspect-ratio:1;border-radius:50%;padding:10px;background:linear-gradient(135deg,#ffe99c,#bc7710 48%,#ffda64 73%,#8d550b);box-shadow:0 0 42px #f4ac2330,inset 0 0 0 3px #ffe7a1,inset 0 0 0 7px #bd800f;transform:rotate(-9deg)}
.token-medallion span{height:100%;display:grid;place-items:center;border:2px solid #ffe291;border-radius:50%;color:#563400;background:linear-gradient(150deg,#ffdd74,#eaa71e);font-size:76px;font-weight:800;text-shadow:0 1px #ffedab}
.reward-sheet .reward-breakdown{margin-top:15px;font-size:11px;color:#a6aaa5}
.reward-sheet .reward-breakdown>span{padding:7px 0;border-color:#ffffff0c}
.quest-hero{height:clamp(130px,24dvh,210px);margin:0 auto 15px;display:grid;place-items:center;overflow:hidden}
.quest-hero img{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen}
.quest-sheet .special-detail-art{width:96px;height:110px;margin:60px auto;background-size:820px auto;transform:scale(1.4);position:relative;isolation:isolate}
.quest-sheet .special-detail-art:before{content:'';position:absolute;inset:-28px;z-index:-1;background:radial-gradient(circle,#187aba33,transparent 68%),url('./detail-ornament.svg') center/contain no-repeat;border:1px solid #2576a36b;border-radius:50%}
.quest-sheet .reward-mask{background-position:-72px -644px}.quest-sheet .reward-headset{background-position:-70px -806px}.quest-sheet .reward-scroll{background-position:-70px -982px}.quest-sheet .reward-daruma{background-position:-70px -1142px}.quest-sheet .reward-pupu{background-position:-70px -1308px}
.reward-scroll,.intro-art .reward-scroll,.quest-sheet .reward-scroll{background-image:url('./design-assets/scroll-v5.webp');background-size:contain;background-position:center;background-repeat:no-repeat}
.sprite-art>span.sprite-kitsune{background-image:url('./design-assets/kitsune-v5.webp');background-size:contain;background-position:center}
.reward-hero .sprite-art.large>span.sprite-kitsune,.detail-art .sprite-art.large>span.sprite-kitsune{clip-path:none}
.quest-hero img{border-radius:12px}
.approved-tasks>h1{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:8px 0 12px}
.approved-tasks .tabs button{font-weight:750}
.approved-tasks[data-tab="daily"]>.task-intro{display:none}
.approved-task-row{border-color:#303432;background:linear-gradient(120deg,#141818,#090c0d);border-radius:14px}
.task-description h2,.task-description>strong{font-size:13px;font-weight:750}
.approved-task-row>.task-glyph{width:34px;height:36px;filter:drop-shadow(0 2px 5px #e7aa251b)}
.approved-task-row .secondary{border-color:#ba8b25;color:#e9bd57;font-weight:700}
.quest-list-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:15px 0 3px;color:#b8bfbe}
.quest-list-meta strong{color:#f1f2ed}
.daily-list .task-meter{margin:7px 0}
.daily-list .task-description p{font-size:10px;margin-top:4px}
.daily-list .task-reward{color:#eec157;font-size:10px;font-weight:650}
.daily-list .is-done{opacity:.65}
.daily-list .is-done .secondary{border-color:#4b5250;color:#b8c1bc}
.approved-tasks .task-intro{border-color:#3b3322;background:linear-gradient(110deg,#231c10,#090c0d);min-height:84px}
@media(max-height:690px){.machine-action{margin-bottom:22px}.quest-hero{height:125px}.reward-hero{height:150px}.reward-showcase h2{font-size:24px}.reward-hero .large{height:130px;width:150px}.token-medallion{width:106px}.token-medallion span{font-size:60px}.approved-task-row{padding:10px}.quest-sheet .special-detail-art{margin:42px auto;transform:scale(1.15)}}