*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#05070d;color:#f4f1ea;font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}#stage{position:absolute;left:50%;top:50%;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);transform:translate(-50%,-50%);touch-action:none;container-type:size;overflow:hidden}canvas#cv{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqh;padding:3cqh 3cqw;text-align:center}.hidden{display:none!important}.brand{letter-spacing:.6em;font-size:2.2cqh;color:#f4f1ea99}.title{cursor:pointer;background:radial-gradient(ellipse at 50% 45%,#05070d00 30%,#05070dbf 80%);justify-content:flex-end;padding-bottom:7cqh}h1{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif;font-weight:800;font-size:17cqh;line-height:1;letter-spacing:.08em;color:#fff;text-shadow:0 .6cqh 0 #7a0c12,0 1cqh 4cqh rgba(0,0,0,.8)}.sub{font-size:3.4cqh;font-weight:700;color:#ffd45c;letter-spacing:.2em}.tap{margin-top:1.5cqh;font-size:3cqh;letter-spacing:.3em;animation:blink 1.6s ease-in-out infinite .8s both}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.hint{position:absolute;top:3cqh;left:50%;transform:translate(-50%);width:min(90cqw,92cqh * 1.4);display:flex;align-items:center;gap:1cqw;padding:1.6cqh 2cqw;border-radius:1.4cqh;background:#ffd45cf2;color:#1b1405;font-size:2.9cqh;font-weight:700;line-height:1.5;text-align:left}.hint button{flex:none;border:0;background:transparent;font:inherit;font-size:4cqh;line-height:1;color:#1b1405;cursor:pointer;padding:0 1cqw}#select{background:#05070dd1}.label{font-size:3cqh;letter-spacing:.3em;color:#f4f1eabf}#cases{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(28cqw,1fr));gap:1.6cqh 1.6cqw;width:min(92cqw,150cqh)}#cases li button{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.6cqh;padding:2cqh 2cqw;border:1px solid rgba(244,241,234,.25);border-radius:1.2cqh;background:#121a2c;color:#f4f1ea;font:inherit;text-align:left;cursor:pointer}#cases li button:disabled{opacity:.4;cursor:default}#cases .no{font-size:2.3cqh;color:#ffd45c;letter-spacing:.15em}#cases .name{font-size:3.6cqh;font-weight:900}#cases .best{position:absolute;right:1.5cqw;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:2.6cqh;font-weight:900;padding:.4cqh 1cqw;border:2px solid currentColor;border-radius:.8cqh}.note{font-size:2.3cqh;color:#f4f1ea8c;letter-spacing:.08em}#result{flex-direction:row;gap:3cqw;background:#05070de6}#paper{height:92cqh;width:auto;aspect-ratio:600 / 760;box-shadow:0 1cqh 5cqh #000000b3;transform:rotate(-1.5deg);animation:drop .5s cubic-bezier(.2,1.4,.5,1) both}@keyframes drop{0%{transform:rotate(-10deg) scale(1.3);opacity:0}}.side{display:flex;flex-direction:column;align-items:center;gap:1.5cqh;min-width:34cqw}.rank{font-family:Shippori Mincho,Hiragino Mincho ProN,serif;font-weight:800;font-size:8cqh;letter-spacing:.1em;color:#fff;background:#1d6b3a;padding:.8cqh 3cqw 1.2cqh;border-radius:1cqh;transform:rotate(-4deg);animation:stamp .45s cubic-bezier(.3,1.6,.5,1) .3s both}.rank.r-B{background:#8a6d12}.rank.r-C{background:#a4461a}.rank.r-F{background:#b3121c}@keyframes stamp{0%{transform:rotate(-5deg) scale(2.2);opacity:0}}dl{display:flex;gap:3cqw;margin:.6cqh 0}dl div{display:flex;flex-direction:column;align-items:center;gap:.3cqh}dd{font-weight:900;font-size:5cqh}dt{font-size:2.2cqh;color:#f4f1ea99}.btn{display:block;width:30cqw;padding:1.7cqh 0;border:1px solid rgba(244,241,234,.4);border-radius:999px;background:transparent;color:#f4f1ea;font:inherit;font-weight:700;font-size:3cqh;text-decoration:none;cursor:pointer}.btn.primary{background:#ffd45c;color:#16120a;border-color:#ffd45c}.btn.ghost{border-color:transparent;color:#f4f1eaa6;padding:.6cqh 0}.rotate{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#ffd45cf2;color:#1b1405;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none}