*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#f3f0ea;color:#1c1b19;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:#7c776d}.title{cursor:pointer;background:linear-gradient(to bottom,#f3f0ea00 45%,#f3f0eaeb 72%);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:#1c1b19}.sub{font-size:3.4cqh;font-weight:700;color:#7c776d;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:#fff;border:2px solid #1c1b19;color:#1c1b19;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:#1c1b19;cursor:pointer;padding:0 1cqw}#select{background:#f3f0eaf0;overflow-y:auto;justify-content:safe center;touch-action:pan-y;-webkit-overflow-scrolling:touch}#select>*{flex:none}.label{font-size:3cqh;letter-spacing:.3em;color:#7c776d}#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:2px solid #1c1b19;border-radius:0;background:#fff;color:#1c1b19;font:inherit;text-align:left;cursor:pointer}#cases li button:disabled{opacity:.4;cursor:default}#cases .no{font-size:2.3cqh;color:#7c776d;letter-spacing:.15em}#cases .name{font-size:3.6cqh;font-weight:800;font-family:Shippori Mincho,Hiragino Mincho ProN,serif}#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:#7c776d;letter-spacing:.08em}#result{flex-direction:row;gap:3cqw;background:#f3f0eaf5}#paper{height:92cqh;width:auto;aspect-ratio:600 / 760;box-shadow:0 .6cqh 2.4cqh #00000040;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:#7c776d}.btn{display:block;width:30cqw;padding:1.7cqh 0;border:2px solid #1c1b19;border-radius:0;background:#fff;color:#1c1b19;font:inherit;font-weight:700;font-size:3cqh;text-decoration:none;cursor:pointer}.btn.primary{background:#1c1b19;color:#fff;border-color:#1c1b19}.btn.ghost{border-color:transparent;background:transparent;color:#7c776d;padding:.6cqh 0}.rotate{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#1c1b19;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none}.fz{display:flex;align-items:center;gap:.8cqw;margin-top:1cqh;font-size:2.6cqh;color:#7c776d}.fz span{margin-right:.6cqw}.fz button{border:2px solid #1c1b19;border-radius:0;background:#fff;color:#1c1b19;font:inherit;font-weight:700;padding:.6cqh 1.6cqw;cursor:pointer}.fz button.on{background:#1c1b19;color:#fff;border-color:#1c1b19}.fz button:first-child{margin-left:1cqw}#stage.fz1 #cases,#stage.fz1 .side,#stage.fz1 .note,#stage.fz1 #rv-list,#stage.fz1 .cheat{zoom:1.12}#stage.fz2 #cases,#stage.fz2 .side,#stage.fz2 .note,#stage.fz2 #rv-list,#stage.fz2 .cheat{zoom:1.24}.cheat{width:min(92cqw,150cqh);border-top:2px solid #1c1b19;padding-top:1.2cqh}.cheat-title{font-size:2.4cqh;font-weight:900;letter-spacing:.2em;margin-bottom:.8cqh}#cheat{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.6cqh 2cqw;text-align:left}#cheat li{display:flex;justify-content:space-between;gap:1cqw;font-size:2.3cqh;font-weight:700;border-bottom:1px dotted #b8b2a6;padding:.3cqh 0}#cheat li b{font-weight:900;color:#b2280f;white-space:nowrap}#cheat li b.still{color:#6a3fb0}#review{background:#f3f0eafa;justify-content:flex-start}#rv-list{list-style:none;width:min(94cqw,150cqh);flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;text-align:left;border-top:2px solid #1c1b19}#rv-list li{display:grid;grid-template-columns:2.4em 1fr;gap:.3cqh 1.4cqw;padding:1cqh .6cqw;border-bottom:1px solid #d6d0c4}#rv-list .mk{grid-row:span 2;font-size:4.4cqh;font-weight:900;line-height:1;align-self:center;text-align:center}#rv-list .mk.o{color:#1d7a3e}#rv-list .mk.x{color:#c8281e}#rv-list .q{font-size:2.4cqh;font-weight:700;line-height:1.4}#rv-list .q small{display:block;color:#7c776d;font-size:.85em}#rv-list .a{font-size:2.3cqh;color:#3a3833}#rv-list .a b{color:#b2280f}#rv-list .a em{font-style:normal;font-weight:900}#review .btn{flex:none}.daily{width:min(92cqw,150cqh);display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4cqh 2cqw;padding:1.6cqh 2cqw;border:0;background:#1c1b19;color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:.5cqh .5cqh #d81b2c}.daily .d1{font-size:2.4cqh;font-weight:900;letter-spacing:.2em;color:#ffd65a}.daily .d1 b{margin-left:1em;color:#fff;letter-spacing:.05em}.daily .d2{grid-column:1;font-size:3.2cqh;font-weight:800;font-family:Shippori Mincho,Hiragino Mincho ProN,serif}.daily .d3{grid-column:2;grid-row:1 / span 2;font-size:2.4cqh;font-weight:900;color:#ffd65a}.cheat summary{cursor:pointer;list-style:none}.cheat summary:after{content:" ▼";font-size:.8em}.cheat[open] summary:after{content:" ▲"}@media(max-aspect-ratio:1/1){#stage{width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9))}.overlay{gap:2.4cqw;padding:4cqw}.brand{font-size:3.8cqw}.title{justify-content:flex-end;padding-bottom:7cqh}h1{font-size:21cqw}.sub{font-size:5.4cqw;letter-spacing:.14em}.tap{font-size:5cqw;margin-top:2cqw}.fz{font-size:4.2cqw;gap:1.6cqw;margin-top:2cqw}.fz button{padding:1.2cqw 3.4cqw}.hint{top:3cqw;width:92cqw;font-size:4.3cqw;padding:3cqw 3.4cqw;border-radius:0;gap:2cqw}.hint button{font-size:6.4cqw;padding:0 1.6cqw}#select{justify-content:center}.label{font-size:4.6cqw}#cases{grid-template-columns:1fr;gap:1.6cqw;width:88cqw}#cases li button{padding:2.2cqw 4.4cqw;gap:.6cqw}#cases .no{font-size:3.8cqw}#cases .name{font-size:5.4cqw}#cases .best{font-size:4.4cqw;right:3.4cqw;padding:.6cqw 2cqw;border-radius:1.4cqw}.note{font-size:3.8cqw}#result{flex-direction:column;justify-content:center;gap:3cqw;padding:4cqw 3cqw}#paper{height:auto;width:62cqw}.side{min-width:0;width:94cqw;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2.4cqw 2.6cqw}.side .label{width:100%}.rank{font-size:10cqw;padding:1cqw 5cqw 1.6cqw;border-radius:1.6cqw}dl{gap:4.4cqw;margin:0;align-items:center}dd{font-size:6.6cqw}dt{font-size:3.6cqw}.side .note{width:100%}.btn{font-size:4.6cqw;padding:3cqw 0;width:44cqw}.btn.primary{width:90cqw}.btn.ghost{width:90cqw;padding:1.4cqw 0}#select{gap:2cqw}.cheat{width:88cqw;padding-top:1.6cqw}.cheat-title{font-size:3.8cqw;margin-bottom:.8cqw}#cheat{grid-template-columns:repeat(2,1fr);gap:0 4cqw}#cheat li{font-size:3.6cqw;padding:.5cqw 0}#rv-list{width:94cqw}#rv-list li{padding:2.2cqw 1cqw;gap:.6cqw 2.4cqw}#rv-list .mk{font-size:7.6cqw}#rv-list .q{font-size:4cqw}#rv-list .a{font-size:3.9cqw}.daily{width:88cqw;padding:2.6cqw 4cqw;gap:.6cqw 3cqw;box-shadow:1cqw 1cqw #d81b2c}.daily .d1{font-size:3.6cqw}.daily .d2{font-size:5cqw}.daily .d3{font-size:4cqw}}
