:root{--paper:#fff8ec;--ink:#33251d;--red:#c9372d;--gold:#f2bd45;--line:#e9ddca;--soft:#f7efdf;--muted:#7b7063;--pink:#efb4b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 18px;background:#fffdf8;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c9372d70;outline-offset:3px}a{color:inherit;text-decoration:none}.topbar{max-width:1120px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:25px;font-weight:850;letter-spacing:-1px}.wordmark span{color:var(--red)}.wordmark i{display:block;font:10px/1.4 sans-serif;letter-spacing:2px;color:var(--muted);margin-top:4px}.badge{background:var(--soft);border:1px solid var(--line);border-radius:30px;font-size:12px;padding:5px 12px}main{max-width:1120px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;min-height:395px;gap:40px;padding:44px 0}.eyebrow{font-size:12px;color:var(--red);font-weight:700;letter-spacing:2px;margin:0 0 14px}h1{font-size:clamp(30px,4.4vw,50px);letter-spacing:-2px;line-height:1.35;margin:0 0 18px;font-weight:850}h1 span{color:var(--red)}.intro{color:var(--muted);font-size:15px;line-height:1.9}.hero-notes{display:flex;gap:18px;font-size:12px;color:#66543e;margin-top:24px}.hero-notes span:before{content:'·';color:var(--red);font-size:20px;margin-right:6px}.hero-art{position:relative;justify-self:center;border-radius:50%;width:260px;height:260px;background:#f6e8cd;display:flex;align-items:center;justify-content:center}.jelly{width:134px;height:94px;border-radius:80px 80px 23px 23px;background:var(--pink);box-shadow:inset -12px -7px 0 #eaa2a8;position:relative;transform:rotate(-8deg);margin-top:-25px}.eyes{text-align:center;font-size:44px;line-height:74px;letter-spacing:8px;padding-left:8px;color:#5d3a3a}.tentacles{display:flex;gap:11px;position:absolute;top:78px;left:14px}.tentacles b{display:block;width:18px;height:56px;border-radius:0 0 20px 20px;background:var(--pink)}.tentacles b:nth-child(2n){height:43px;background:#eaa2a8}.art-note{position:absolute;bottom:12px;background:#fffaf2;border:1px solid var(--line);padding:7px 14px;border-radius:5px;transform:rotate(5deg);font-size:11px;box-shadow:2px 4px 0 #eadfc9}.notice{border:1px solid #e6cf99;background:#fff0c9;border-radius:9px;padding:11px 16px;font-size:12px;margin-bottom:28px}.store-panel{border:1px solid var(--line);border-radius:14px;padding:23px 26px;background:#fffcf6;display:flex;justify-content:space-between;gap:20px;align-items:center}.store-panel .eyebrow{display:block;margin:0 0 5px;letter-spacing:1px}.store-panel select{font-size:19px;font-weight:700;max-width:100%;border:0;padding:4px 28px 4px 0;background:transparent;color:var(--ink)}.muted{color:var(--muted);font-size:12px}.store-panel p{margin:5px 0 0}.primary{background:var(--red);color:#fffaf2;border-color:var(--red)}.wide{width:100%;margin-top:14px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-top:24px}.tabs button{border:0;background:none;border-radius:0;padding:17px 0;color:var(--muted)}.tabs .active{color:var(--ink);border-bottom:3px solid var(--red)}.tabs span{font-size:11px;background:var(--soft);padding:2px 6px;border-radius:4px;margin-left:5px}.tabs .refresh{margin-left:auto;font-size:12px}.section-note{font-size:12px;color:var(--muted);margin:16px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:110px}.card{background:#fffdf8;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.card-top{padding:12px 17px;background:#f5eddf;display:flex;justify-content:space-between;font-size:11px;color:#6d5b44}.card.urgent .card-top{background:#fbe1d8;color:#a7372d}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card h3{font-size:16px;line-height:1.5;margin:10px 0 8px}.card img{width:80px;height:70px;object-fit:contain;align-self:center;mix-blend-mode:multiply}.card .owner{font-size:12px;color:var(--muted);margin:0}.parts-line{font-size:12px;color:var(--muted);margin:8px 0 14px;min-height:40px}.card-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto;gap:10px}.money{font-size:24px;font-weight:750;color:var(--red);letter-spacing:-1px}.money small{font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted);display:block}.card button{font-size:12px;padding:9px 12px}.empty{grid-column:1/-1;text-align:center;padding:35px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.how{margin:52px 0 20px;padding-top:26px;border-top:1px solid var(--line)}h2{font-size:19px;margin:0 0 18px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.how p{margin:0}.how b{font-size:12px;color:var(--red);display:block;margin-bottom:8px}.how strong{display:block;font-size:14px}.how span{display:block;font-size:12px;color:var(--muted);margin-top:5px}footer{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding:22px 0 32px;margin-top:32px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 100px #33251d35;width:min(580px,calc(100% - 24px));padding:25px;max-height:90vh;overflow:auto}dialog::backdrop{background:#33251d78}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-head h2{margin-top:3px}.close{font-size:24px;border:0;padding:0 6px;background:transparent;line-height:1.2}label{display:block;font-size:12px;margin-bottom:15px;color:var(--muted)}input,form select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);margin-top:6px;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checks{background:#fffdf8;border:1px solid var(--line);padding:12px 15px;border-radius:9px;margin:12px 0 18px}.checks label{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;margin:8px 0}.checks input{width:auto;margin:0;accent-color:var(--red)}.checks small{color:var(--muted);font-size:10px}.ticket{background:#fffdf8;border:1px dashed #d4bd99;padding:16px;margin:12px 0;border-radius:10px}.ticket h3{font-size:15px;margin:0 0 8px}.ticket p{margin:6px 0;font-size:13px}.ticket .amount{font-size:22px;color:var(--red);font-weight:700}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.similar-row{border:1px solid var(--line);border-radius:9px;padding:12px;margin:10px 0;font-size:12px}.similar-row button{display:block;font-size:12px;margin-top:8px}.clock{font-variant-numeric:tabular-nums}.hint{border-left:3px solid var(--gold);padding:7px 12px;font-size:12px;background:var(--soft);margin:14px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100% - 24px);padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:9px;box-shadow:0 4px 20px #0002;font-size:13px}[hidden]{display:none!important}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:210px;height:210px}.hero{gap:14px;min-height:360px}.hero-notes{gap:10px}}@media(max-width:560px){.topbar{padding:20px}.wordmark{font-size:23px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:32px 0 28px;gap:16px;position:relative}.hero-art{position:absolute;width:100px;height:100px;right:0;bottom:64px;opacity:.75}.jelly{transform:scale(.5) rotate(-8deg);flex-shrink:0;margin-top:0}.art-note{display:none}.hero .intro{font-size:13px;max-width:calc(100% - 115px)}h1{font-size:34px}.hero-notes{font-size:10px}.store-panel{padding:17px;align-items:stretch;flex-direction:column;gap:12px}.store-panel select{font-size:16px}.store-panel .primary{align-self:start}.grid{grid-template-columns:1fr}.card-body{display:grid;grid-template-columns:1fr 85px;gap:0 8px}.card img{grid-column:2;grid-row:1/4;width:85px;height:85px}.card h3{grid-column:1;grid-row:2}.card .owner{grid-column:1;grid-row:1}.parts-line{grid-column:1/-1;min-height:0}.card-bottom{grid-column:1/-1}.how{margin-top:36px}.how>div{grid-template-columns:1fr;gap:20px}.how p{padding-left:36px;position:relative}.how b{position:absolute;left:0;top:2px}.tabs{gap:20px}.tabs button{font-size:13px}.form-row{gap:10px}dialog{padding:20px}.dialog-head h2{font-size:17px}}

.art-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-art.has-art .jelly{visibility:hidden}.ticket,.empty{position:relative;overflow:hidden}.ticket .art-asset{object-fit:cover;opacity:.2}.ticket>*:not(.art-asset),.empty>*:not(.art-asset){position:relative}.empty .art-asset{object-fit:contain;opacity:.15}
