@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#242027;background:#f7f5f3;font-synthesis:none;--pink:#f93288;--ink:#242027}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #3954dd;outline-offset:4px}main{max-width:1120px;margin:auto;padding:30px 36px 18px}header{display:flex;align-items:center;gap:14px;margin-bottom:26px}.brand{font:900 48px Georgia;text-decoration:none;color:var(--ink);position:relative;line-height:1}.brand span{font:25px sans-serif;color:var(--pink);position:absolute;right:-9px;top:-7px}h1{font-size:20px;margin:0;font-weight:900;letter-spacing:.02em}h1 b{font-size:16px;margin-left:6px}header p{font-size:12px;margin:5px 0 0;color:#635b65}.edition{margin-left:auto;font-size:12px;line-height:1.5;letter-spacing:.12em}.game{display:grid;grid-template-columns:1fr 1fr;gap:32px}.stage{background:#ffc6dc;border:1px solid var(--ink);border-radius:18px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:8px}.stage-top{font-size:12px;letter-spacing:.05em}.pill{background:white;border:1px solid var(--ink);border-radius:100px;padding:7px 11px;font-weight:700}.showcase{position:relative;flex:1;display:flex;justify-content:center;min-height:0;background:radial-gradient(ellipse,#fff8fc 0%,#ffe2ee 51%,transparent 72%)}canvas{width:100%;height:auto;max-height:525px;object-fit:contain;display:block}.sideword{position:absolute;left:13px;top:45%;writing-mode:vertical-rl;font-size:12px;letter-spacing:.14em;z-index:1}.spark{position:absolute;right:24px;top:35px;color:var(--pink);font-size:64px;line-height:1}.stage-bottom>span{font-size:19px;font-weight:900}.random{border:1px solid var(--ink);background:white;border-radius:100px;padding:10px 16px;font-weight:700;font-size:14px}.random:hover{background:#fff0f7}.closet{padding:14px 0 0;min-width:0}.closet-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;color:#a31851;font-weight:700;letter-spacing:.16em}h2{font-size:24px;letter-spacing:.03em;margin:7px 0}.heart{font-size:46px;color:var(--pink);transform:rotate(12deg)}.hint{font-size:14px;color:#635b65;margin:7px 0 24px}.tabs{display:flex;border-bottom:1px solid #d2cbd0;margin-bottom:17px}.tabs button{flex:1;border:0;background:transparent;padding:13px 2px;color:#716771;font-size:14px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:#c61161;font-weight:900;border-bottom-color:var(--pink)}small{font-size:12px;margin-left:3px}.items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-height:218px}.item{border:1px solid #dad4d9;border-radius:12px;background:#fff;position:relative;padding:4px 2px 8px;min-width:0;overflow:hidden}.item[aria-pressed=true]{border:2px solid var(--pink);background:#fff0f7;padding:3px 1px 7px}.item[aria-pressed=true]:after{content:'✓';position:absolute;top:4px;right:4px;background:var(--pink);color:white;border-radius:50%;width:18px;height:18px;font-size:12px}.item canvas{height:72px;width:100%}.item span{font-size:12px;display:block;white-space:normal;line-height:1.4}.selection{border-top:1px dashed #c9c0c7;margin-top:22px;padding-top:16px}.selection>span{font-size:12px;color:#756977}.selection p{font-size:14px;font-weight:700;min-height:42px;line-height:1.6;margin:7px 0 16px}.save{display:block;width:100%;padding:17px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:white;font-weight:700;text-align:center;text-decoration:none;font-size:16px}.save:hover{background:#4c263d}.save-note{text-align:center;font-size:12px;color:#766976;margin:10px 0}.status{font-size:14px;color:#a31851;text-align:center;min-height:20px}footer{display:flex;justify-content:space-between;margin-top:28px;color:#756a75;font-size:12px;letter-spacing:.08em}dialog{border:1px solid var(--ink);border-radius:18px;max-width:440px;width:calc(100% - 32px);padding:24px}dialog::backdrop{background:#241422b3}dialog h2{font-size:18px}dialog img{width:100%;max-height:56vh;object-fit:contain}dialog p{font-size:13px;text-align:center}.close{float:right;border:0;background:transparent;font-size:28px}
@media(max-width:760px){main{max-width:500px;padding:17px 16px}header{margin-bottom:16px;gap:12px}h1{font-size:17px}h1 b{font-size:13px;display:block;margin:2px 0 0}.brand{font-size:43px}header p{display:none}.edition{font-size:10px}.game{grid-template-columns:1fr;gap:20px}.stage-top{padding:12px}.stage-top,.pill{font-size:11px}.pill{padding:6px 9px}canvas{max-height:340px}.showcase{min-height:280px}.stage-bottom{padding:10px 14px}.stage-bottom>span{font-size:17px}.spark{font-size:46px;right:22px;top:25px}.closet{padding:0}h2{font-size:21px}.hint{margin-bottom:10px}.eyebrow{font-size:11px}.heart{font-size:34px}.tabs{margin-bottom:12px}.tabs button{padding:11px 0}.items{min-height:192px;gap:7px}.item canvas{height:63px}.item span{font-size:12px}.selection{margin-top:17px;padding-top:12px}.selection p{min-height:0;margin-bottom:14px}footer{font-size:10px;margin-top:15px}.status:empty{display:none}}@media(prefers-reduced-motion:no-preference){.item{transition:transform .15s}.item:hover{transform:translateY(-2px)}}