:root{color-scheme:dark;--room:#15122a;--panel:#1e1940;--panel-deep:#191535;--edge:#3d3577;--edge-soft:#2a2456;--text:#eceafb;--dim:#a7a2cf;--faint:#6f69a3;--led-cyan:#46e8ff;--led-pink:#ff5fd2;--hp-high:#5cf2a0;--hp-mid:#ffc845;--hp-low:#ff5468;--font-ui:"DotGothic16", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-pixel:"Silkscreen", "DotGothic16", monospace;--font-num:"Jersey 10", "DotGothic16", monospace;--font-body:"M PLUS 1", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;--radius:6px;--chroma:-2px 0 0 #ff5fd2bf, 2px 0 0 #46e8ffbf}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--room);min-height:100vh;color:var(--text);font-family:var(--font-body);padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-size:16px;line-height:1.7}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#a7a2cf17 1px,#0000 1.5px) 0 0/22px 22px,radial-gradient(60rem 40rem at -10% -10%,#46e8ff1c,#0000 60%),radial-gradient(50rem 40rem at 110% 110%,#ff5fd21a,#0000 60%);position:fixed;inset:0}a{color:var(--led-cyan)}a:hover{color:#9ef3ff}:focus-visible{outline:2px solid var(--led-cyan);outline-offset:3px}.wrap{width:min(100% - 2rem,76rem);margin-inline:auto}.window{background:linear-gradient(180deg, var(--panel), var(--panel-deep));border:2px solid var(--edge);border-radius:var(--radius);box-shadow:inset 0 0 0 4px var(--panel-deep), inset 0 0 0 5px var(--edge-soft);position:relative}.site-head{padding-top:calc(env(safe-area-inset-top,0px) + 2.25rem);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;display:flex}.brand{color:var(--text);align-items:center;gap:1rem;text-decoration:none;display:flex}.brand:hover{color:var(--text)}.brand-icon{filter:drop-shadow(0 0 10px #ff5fd273);flex:none}.brand-text{display:grid}.eyebrow{font-family:var(--font-pixel);letter-spacing:.18em;color:var(--led-cyan);font-size:.7rem}.logo{font-family:var(--font-pixel);letter-spacing:.04em;white-space:nowrap;text-shadow:var(--chroma), 0 0 22px #46e8ff59;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;line-height:1;animation:7s step-end 1.2s infinite glitch-jitter;position:relative}.logo:before,.logo:after{content:attr(data-text);pointer-events:none;opacity:0;text-shadow:none;position:absolute;inset:0}.logo:before{color:var(--led-pink);animation:7s step-end 1.2s infinite glitch-a}.logo:after{color:var(--led-cyan);animation:7s step-end 1.2s infinite glitch-b}.brand:hover .logo,.brand:hover .logo:before,.brand:hover .logo:after{animation-duration:1.4s}@keyframes glitch-a{0%{opacity:1;clip-path:inset(8% 0 72%);transform:translate(-6px)}1%{clip-path:inset(52% 0 28%);transform:translate(5px)}2%{clip-path:inset(28% 0 52%);transform:translate(-3px)}3%{clip-path:inset(74% 0 6%);transform:translate(7px)}4%{clip-path:inset(0 0 86%);transform:translate(-4px)}5%,to{opacity:0;clip-path:inset(0 0 100%);transform:none}}@keyframes glitch-b{0%{opacity:1;clip-path:inset(60% 0 18%);transform:translate(5px)}1%{clip-path:inset(14% 0 66%);transform:translate(-6px)}2%{clip-path:inset(80% 0 4%);transform:translate(3px)}3%{clip-path:inset(36% 0 44%);transform:translate(-5px)}4%{clip-path:inset(46% 0 30%);transform:translate(4px)}5%,to{opacity:0;clip-path:inset(0 0 100%);transform:none}}@keyframes glitch-jitter{0%{transform:translate(1px)}2%{transform:translate(-2px)skew(-6deg)}4%{transform:translate(1px)}5%,to{transform:none}}.logo-sub{font-family:var(--font-ui);letter-spacing:.5em;color:var(--dim);margin-top:.35rem;font-size:.85rem}.tagline{color:var(--dim);margin:1.1rem 0 0;font-size:.95rem}.hud{margin:0;padding:.8rem .5rem;display:flex}.hud>div{align-content:start;gap:.15rem;padding:0 1.1rem;display:grid}.hud>div+div{border-left:1px dashed var(--edge)}.hud dt{color:var(--dim);font-size:.72rem;line-height:1.3}.hud-en{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--faint);font-size:.62rem;display:block}.hud dd{align-items:baseline;gap:.2rem;margin:0;display:flex}.hud b{font-family:var(--font-num);letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:400;line-height:1}.hud div:nth-child(2) b{color:var(--hp-mid);text-shadow:0 0 14px #ffc84566}.hud small{color:var(--dim);font-size:.8rem}.hud div:nth-child(2) small{color:var(--hp-mid)}.led-strip{background:linear-gradient(90deg, var(--led-cyan), var(--led-pink) 55%, var(--hp-mid));border-radius:3px;height:3px;margin:1rem 0 0;box-shadow:0 0 12px #46e8ff8c,0 0 22px #ff5fd259}.section-title{gap:.2rem;margin:2.75rem 0 1.25rem;font-weight:400;display:grid}.section-title .en{font-family:var(--font-pixel);letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #46e8ffb3;text-shadow:0 0 24px #46e8ff40;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:700;line-height:.95}.section-title .ja{font-family:var(--font-ui);letter-spacing:.08em;font-size:1.15rem}.section-title .ja:before{content:"▶ ";color:var(--led-pink)}.controls{gap:.9rem;margin:0 0 1.5rem;display:grid}.tabs{scrollbar-width:none;border-bottom:2px solid var(--edge-soft);flex-wrap:nowrap;gap:.25rem;display:flex;overflow-x:auto}.tab{appearance:none;color:var(--dim);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.4rem 1rem .6rem;font-size:1.05rem}.tab-en{font-family:var(--font-pixel);letter-spacing:.14em;color:var(--faint);font-size:.6rem;display:block}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--led-cyan);text-shadow:0 0 10px #46e8ff99}.tab[aria-selected=true] .tab-en{color:var(--led-cyan)}.tab .count{background:var(--edge-soft);min-width:1.6em;font-family:var(--font-num);text-align:center;border-radius:3px;margin-left:.4rem;padding:0 .35em;font-size:1.05rem;line-height:1.25;display:inline-block}.filters{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;font-size:.9rem;display:flex}.seg{border:1px solid var(--edge);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{appearance:none;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:.3rem .85rem}.seg button+button{border-left:1px solid var(--edge)}.seg button[aria-pressed=true]{background:var(--edge);color:var(--text)}.check{color:var(--dim);cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.check input{accent-color:var(--led-cyan)}.sort{color:var(--dim);align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.sort select{background:var(--panel-deep);color:var(--text);border:1px solid var(--edge);border-radius:var(--radius);font:inherit;padding:.3rem .5rem}.quests{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.quest[hidden]{display:none!important}.quest{background:linear-gradient(180deg, var(--panel), var(--panel-deep));border:1px solid var(--edge);border-radius:var(--radius);flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.quests .quest:hover,.quests .quest:focus-within{border-color:var(--led-cyan);box-shadow:0 0 0 1px #46e8ff59,0 8px 28px #46e8ff24}.quest-thumb{display:block;position:relative}.thumb{aspect-ratio:16/9;background:#0d0b1d;display:block;position:relative;overflow:hidden}.thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block;position:relative}.quests .quest:hover .thumb-img{transform:scale(1.04)}.thumb[data-shape=square] .thumb-img{object-fit:contain;padding:8% 0}.thumb-bg{object-fit:cover;filter:blur(22px)saturate(1.3);opacity:.55;width:130%;height:130%;position:absolute;inset:-15%}.thumb:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0d0b1d38 0 1px,#0000 1px 3px);position:absolute;inset:0;box-shadow:inset 0 -40px 40px -20px #0d0b1d99}.thumb-fallback{font-family:var(--font-pixel);color:var(--dim);letter-spacing:.1em;background:radial-gradient(circle,#46e8ff40 1px,#0000 1.5px) 0 0/10px 10px,linear-gradient(135deg,#2a2456,#15122a);place-items:center;display:grid;position:absolute;inset:0}.thumb-store{z-index:1;color:var(--text);background:#0d0b1dcc;border-radius:3px;padding:0 .45rem;font-size:.7rem;line-height:1.7;position:absolute;bottom:.5rem;left:.6rem}.ribbon{z-index:1;background:var(--led-pink);color:#2b0a24;font-family:var(--font-pixel);letter-spacing:.1em;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);padding:.15rem .8rem .15rem .7rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;left:0;box-shadow:0 0 16px #ff5fd299}.ribbon[hidden]{display:none}.quest-body{flex:1;padding:.9rem 1rem 0}.quest-no{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--faint);align-items:center;gap:.35rem;margin:0 0 .15rem;font-size:.68rem;display:flex}.quest-title{color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.45;text-decoration:none;display:block}.quest-title:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.tags{flex-wrap:wrap;gap:.35rem;margin:.45rem 0;display:flex}.tag{border:1px solid var(--edge);color:var(--dim);border-radius:3px;padding:0 .5rem;font-size:.72rem;line-height:1.6}.tag.draft{color:var(--hp-mid);border-color:#ffc84599}.tag.claimed{color:var(--led-pink);border-color:#ff5fd299}.quest .tag-store{display:none}.quest-summary{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.65;display:-webkit-box;overflow:hidden}.quest-side{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.6rem 1rem;padding:.85rem 1rem 1rem;display:grid}.price{justify-items:start;line-height:1;display:grid}.price s{color:var(--faint);margin-bottom:.15rem;font-size:.72rem}.price strong{font-family:var(--font-num);color:var(--hp-mid);text-shadow:0 0 14px #ffc84573;font-size:2.4rem;font-weight:400;line-height:.9}.price small{font-family:var(--font-ui);margin-left:.1rem;font-size:.85rem}.timer{gap:.2rem;min-width:0;display:grid}.timer-text{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:.9rem}.ends{color:var(--dim);font-size:.72rem}.hp{--hp:1;--hp-color:var(--hp-high);border:1px solid var(--edge);background:var(--panel-deep);border-radius:2px;width:100%;height:10px;position:relative;overflow:hidden}.hp-fill{width:calc(var(--hp) * 100%);background:var(--hp-color);box-shadow:0 0 10px var(--hp-color);position:absolute;inset:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 9px);mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 9px)}.hp[data-level=mid]{--hp-color:var(--hp-mid)}.hp[data-level=low]{--hp-color:var(--hp-low)}.hp[data-level=none]{--hp:1;--hp-color:var(--edge)}.hp[data-level=none] .hp-fill{box-shadow:none}.hp[data-level=low] .hp-fill{animation:1.2s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.45}}.actions{flex-wrap:wrap;grid-column:1/-1;gap:.4rem;display:flex}.actions .btn{flex:1;justify-content:center}.btn{appearance:none;border-radius:var(--radius);border:1px solid var(--edge);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--led-cyan);color:#fff}.btn-primary{background:var(--led-cyan);border-color:var(--led-cyan);color:#0d2a33;font-weight:700}.btn-primary:hover{color:#0d2a33;background:#8ef1ff}.btn-got[aria-pressed=true]{border-color:var(--led-pink);color:var(--led-pink)}.quest.is-claimed .quest-title{color:var(--dim)}.quest.is-claimed .thumb-img{filter:grayscale(.7)brightness(.8)}.quest.is-ended{opacity:.6}.empty{text-align:center;color:var(--dim);padding:2.5rem 1.5rem}.empty[hidden]{display:none}@media (width>=640px){.quests{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=961px){.quests{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=761px){.quests .quest.is-featured{border-color:#ff5fd28c;grid-column:1/-1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid;box-shadow:0 0 0 1px #ff5fd240,0 10px 40px #ff5fd21f}.is-featured .quest-thumb{grid-row:1/3}.is-featured .thumb{aspect-ratio:auto;height:100%;min-height:18rem}.is-featured .quest-body{padding:1.5rem 1.6rem 0}.is-featured .quest-title{font-size:1.6rem;line-height:1.35}.is-featured .quest-no{font-size:.8rem}.is-featured .quest .tag-store,.is-featured .tag-store{display:inline}.is-featured .quest-summary{-webkit-line-clamp:4;margin-top:.5rem;font-size:.95rem}.is-featured .quest-side{padding:1rem 1.6rem 1.6rem}.is-featured .price strong{font-size:3.4rem}.is-featured .timer-text{font-size:1.1rem}.is-featured .hp{height:14px}.is-featured .actions .btn{padding-block:.6rem;font-size:.95rem}}.detail{margin-top:2rem;padding:1.75rem 1.75rem 2rem}.detail-thumb{margin:0 0 1.25rem}.detail-thumb .thumb{aspect-ratio:21/9;border-radius:4px;width:100%}.detail-thumb figcaption{color:var(--faint);text-align:right;margin-top:.4rem;font-size:.72rem}.detail-thumb figcaption a{color:var(--dim)}.detail h1{margin:0;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.35}.detail .orig{color:var(--dim);margin:.2rem 0 0;font-size:.9rem}.detail .tags .tag-store{display:inline}.detail-grid{grid-template-columns:minmax(0,1fr) 17rem;gap:2rem;margin-top:1.25rem;display:grid}.detail h2,.prose h2{font-family:var(--font-ui);color:var(--led-cyan);margin:1.75rem 0 .5rem;font-size:1.1rem;font-weight:400}.detail h2:first-child{margin-top:0}.detail p,.detail ol,.detail ul{max-width:38em}.detail ol{padding-left:1.4em}.detail .side{align-content:start;gap:.9rem;display:grid}.detail .side .price strong{font-size:3.4rem}.detail .side .actions .btn{flex:100%}.note{border-left:3px solid var(--hp-mid);color:var(--text);background:#ffc8450f;padding:.75rem 1rem;font-size:.9rem}.note.ok{border-left-color:var(--hp-high);background:#5cf2a00f}.fine{color:var(--faint);font-size:.78rem}.back{font-family:var(--font-ui);margin-top:1.25rem;display:inline-block}.prose{margin-top:2rem;padding:.5rem 2rem 2rem}.prose p,.prose ul{max-width:44em}.prose li+li{margin-top:.35rem}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);opacity:0;pointer-events:none;border:2px solid var(--led-pink);border-radius:var(--radius);background:var(--panel-deep);z-index:10;min-width:min(22rem,90vw);padding:.75rem 1.25rem;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,1rem);box-shadow:0 0 24px #ff5fd273}.toast.show{opacity:1;transform:translate(-50%)}.toast b{font-family:var(--font-ui);color:var(--led-pink);font-weight:400;display:block}.site-foot{border-top:1px dashed var(--edge);color:var(--dim);margin-block:4rem 2rem;padding-top:1.5rem;font-size:.78rem;line-height:1.85}.site-foot p{max-width:52em;margin:.4rem 0}.foot-brand{font-family:var(--font-pixel);letter-spacing:.2em;color:var(--text);align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.foot-links a{color:var(--led-cyan)}@media (width<=720px){.site-head{padding-top:calc(env(safe-area-inset-top,0px) + 1.25rem)}.brand-icon{width:40px;height:auto}.hud{justify-content:space-between;width:100%}.hud>div{padding:0 .6rem}.hud b{font-size:1.8rem}.section-title{margin-top:2rem}.sort{margin-left:0}.detail{padding:1.25rem}.detail-grid{grid-template-columns:1fr;gap:1.25rem}.detail .side{order:-1}.prose{padding:.25rem 1.25rem 1.5rem}}@media (prefers-reduced-motion:reduce){.hp[data-level=low] .hp-fill,.logo,.logo:before,.logo:after{animation:none}.toast,.quest,.thumb-img{transition:none}}