@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&family=Yusei+Magic&display=swap";:root{color-scheme:dark;--night: #12081c;--alley: #1c0f2c;--lacquer: #34143f;--paper: #ffe7bf;--gold: #ffd36a;--candy: #ff4f9a;--water: #4de4d4;--ember: #ff7a3c;--mist: #c9b4d8;--line: rgba(255, 231, 191, .14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 18% 0%,rgba(255,79,154,.18),transparent 42%),radial-gradient(ellipse at 90% 12%,rgba(77,228,212,.12),transparent 38%),radial-gradient(ellipse at 50% 100%,rgba(255,122,60,.1),transparent 46%),var(--night);color:var(--paper);font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}button{font-family:inherit}#app{position:relative;max-width:1120px;margin:0 auto;padding:18px 16px 40px}.glow{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 22%,rgba(255,211,106,.08),transparent 18%),radial-gradient(circle at 80% 70%,rgba(255,79,154,.08),transparent 20%)}.mast{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 4px;color:var(--candy);letter-spacing:.32em;font-size:11px}h1{margin:0;font-family:Yusei Magic,Hiragino Maru Gothic ProN,sans-serif;font-size:clamp(28px,5vw,42px);letter-spacing:.06em;line-height:1.1}.lede,.hint,.status{color:var(--mist)}.lede{margin:6px 0 0;font-size:13px}.purse{min-width:8.5rem;padding:10px 14px 12px;border-radius:18px 18px 22px 10px;background:linear-gradient(160deg,rgba(255,211,106,.16),transparent 50%),var(--lacquer);border:1px solid rgba(255,211,106,.35);text-align:right;box-shadow:0 10px 24px #00000047}.purse-label{display:block;font-size:11px;letter-spacing:.18em;color:var(--gold)}.purse strong{display:block;font-size:28px;line-height:1.1;color:var(--gold)}.purse span:last-child{font-size:12px;color:var(--mist)}.stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:18px;align-items:start}.tray{--n: 4;touch-action:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(6px,1.4vw,10px);padding:clamp(10px,2vw,16px);border-radius:28px;background:linear-gradient(180deg,rgba(255,211,106,.08),transparent 28%),repeating-linear-gradient(90deg,rgba(255,231,191,.03) 0 2px,transparent 2px 18px),#24112f;border:3px solid #6a3a1c;box-shadow:inset 0 0 0 2px #e0a24a,0 18px 40px #00000059}.tray.is-jam{box-shadow:inset 0 0 0 2px #e0a24a,0 0 0 3px #ff4f9a73,0 18px 40px #00000059}.cell{aspect-ratio:1;border-radius:18px;background:#08040e73;border:1px dashed rgba(255,231,191,.12);position:relative;touch-action:none}.cell.is-picked,.cell.is-hot,#sell.is-hot{outline:2px solid var(--water);outline-offset:1px}.charm{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:42% 38% 46% 36%;display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.55),transparent 34%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.28),transparent 42%),hsl(var(--hue) 78% 52%);color:#1a0c14;box-shadow:0 8px hsl(var(--hue) 70% 28%),0 12px 16px #00000059;cursor:grab;-webkit-user-select:none;user-select:none}.charm.is-lifted{opacity:.28}.charm .glyph{font-family:Yusei Magic,Hiragino Maru Gothic ProN,sans-serif;font-size:clamp(26px,5vw,38px);font-weight:400;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.35)}.spawn-bar{margin-top:8px;height:6px;border-radius:999px;background:#08040e73;overflow:hidden}.spawn-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--candy),var(--gold))}.charm .shine{position:absolute;inset:12% 18% auto auto;width:18%;height:14%;border-radius:50%;background:#ffffff8c}.ghost-charm{position:fixed;width:72px;height:72px;transform:translate(-50%,-50%) rotate(-8deg) scale(1.05);pointer-events:none;z-index:20}.status{min-height:2.6em;margin:12px 0 10px;font-size:14px}.hands{display:flex;flex-wrap:wrap;gap:8px}.hand,.ofuda button,.ghost{border:0;border-radius:999px;padding:10px 14px;background:#3a1848;color:var(--paper);cursor:pointer}.hand:disabled,.ofuda button:disabled{opacity:.4;cursor:not-allowed}.hand.call{background:linear-gradient(180deg,#ff8ab8,var(--candy));color:#2a0814;font-weight:800}.hand b{font-weight:800;color:var(--gold)}.dock{display:grid;gap:12px}.panel{padding:12px 14px 14px;border-radius:20px;background:#24112fc7;border:1px solid var(--line)}.panel h2{margin:0 0 8px;font-size:13px;letter-spacing:.18em;color:var(--gold);font-weight:800}.next-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center}.next-slot{position:relative;width:72px;height:72px}.next-slot .charm{cursor:default}.hint{margin:0 0 8px;font-size:12px;line-height:1.5}.sell-well{min-height:64px;display:grid;place-items:center;border-radius:16px;border:2px dashed rgba(255,122,60,.55);background:#ff7a3c14;color:var(--ember);letter-spacing:.2em}.shop{display:grid;gap:8px}.ofuda{padding:10px;border-radius:14px;background:#08040e59}.ofuda header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.ofuda h3{margin:0;font-size:15px}.ofuda .lv{color:var(--water);font-size:12px}.ofuda p{margin:4px 0 8px;font-size:12px;color:var(--mist)}.ofuda button{width:100%;background:linear-gradient(180deg,#5a2a1a,#3d160e);border:1px solid rgba(255,211,106,.3)}.ofuda button:not(:disabled):hover{filter:brightness(1.08)}.book-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.book-list li{display:flex;gap:6px;align-items:center;font-size:12px}.book-list .mark{width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;background:hsl(var(--hue) 70% 42%);color:#1a0c14;font-family:Yusei Magic,sans-serif}.book-list .fog{opacity:.45}.book-list .fog .mark{background:#2a2030;color:var(--mist)}.dock-foot{display:flex;justify-content:space-between}.ghost{background:transparent;color:var(--mist)}.hand:focus-visible,.ofuda button:focus-visible,.ghost:focus-visible,.cell:focus-visible{outline:2px solid var(--water);outline-offset:2px}@media(max-width:820px){.stage{grid-template-columns:1fr}.mast{flex-direction:column;align-items:stretch}.purse{text-align:left}}@media(prefers-reduced-motion:reduce){.charm,.ghost-charm{transition:none}}