.p-korokoro-intro{text-align:center;margin-bottom:var(--space-sm);max-width:52rem;font-size:var(--font-base);margin-inline:auto;line-height:1.9}.p-korokoro-catch{font-size:var(--font-md);margin-bottom:var(--space-xs);font-weight:700}.p-korokoro-disclaimer{max-width:60rem;margin:0 auto var(--space-sm);font-size:var(--font-sm2);line-height:1.7}.p-korokoro-next img{object-fit:contain;width:80px;height:80px;margin:auto;display:block}.p-korokoro-stats .p-korokoro-next strong{font-size:var(--font-sm2)}.p-korokoro-next{text-align:center}.p-korokoro-items img{object-fit:contain;width:80px;height:80px;margin:auto;display:block}.p-korokoro-items .p-korokoro-number{font-size:var(--font-sm2);color:var(--color-base)}.p-korokoro-items strong,.p-korokoro-items small{display:block}.p-korokoro-items small{font-size:var(--font-sm)}.p-korokoro-rules{padding-left:1.5em;line-height:1.9}.p-korokoro{padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-bg)}.p-korokoro button{border-radius:var(--radius-pill);background:var(--color-white);border:1px solid var(--color-primary);cursor:pointer;font-size:var(--font-sm2);color:var(--color-base);padding:.65em 1em}.p-korokoro button:disabled{opacity:.5;cursor:default}.p-korokoro button:focus-visible,.p-korokoro canvas:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.p-korokoro-toolbar{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.p-korokoro-layout{justify-content:center;gap:var(--space-sm);grid-template-columns:minmax(0,420px) minmax(180px,260px);align-items:start;display:grid}.p-korokoro-board{width:100%;position:relative}.p-korokoro canvas{border:3px solid var(--color-main);border-radius:var(--radius-md);background:var(--color-white);touch-action:none;width:100%;height:auto;display:block}.p-korokoro-overlay{border-radius:var(--radius-md);font-size:var(--font-md);pointer-events:none;background:#fdfdfdd1;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.p-korokoro-overlay[hidden],.p-korokoro form[hidden]{display:none}.p-korokoro-panel{font-size:var(--font-sm2)}.p-korokoro-stats{gap:var(--space-xs);display:grid}.p-korokoro-stats p{background:var(--color-white);padding:var(--space-xs);border-radius:var(--radius-md)}.p-korokoro-stats strong{font-size:var(--font-lg);display:block}.p-korokoro-panel>p,.p-korokoro-panel form{margin-top:var(--space-xs)}.p-korokoro-note{font-size:var(--font-sm2);line-height:1.7}.p-korokoro input{border:1px solid var(--color-gray);border-radius:var(--radius-sm);background:var(--color-white);width:100%;margin:.5em 0;padding:.6em;font-size:1rem;display:block}.p-korokoro button{min-height:44px}.p-korokoro-info{margin-top:var(--space-md);font-size:var(--font-sm2)}.p-korokoro-info h2{font-size:var(--font-section-title);margin-bottom:var(--space-sm)}.p-korokoro-items{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.p-korokoro-items li{text-align:center;flex:1 0 75px}.p-korokoro-items span{font-size:2rem;display:block}.p-korokoro-ranking{max-width:40rem;padding-left:2em}.p-korokoro-ranking li{padding:var(--space-xs);border-bottom:1px solid var(--color-gray)}.p-korokoro-ranking strong{float:right}.p-korokoro:fullscreen,.p-korokoro.is-expanded{border-radius:0;width:100%;height:100dvh;padding:12px;overflow:auto}.p-korokoro.is-expanded{z-index:10000;position:fixed;inset:0}.p-korokoro:fullscreen .p-korokoro-layout,.p-korokoro.is-expanded .p-korokoro-layout{grid-template-columns:minmax(0,min(65vw,61.7647dvh - 52.5px)) minmax(180px,260px)}@media (width<=600px){.p-korokoro-layout{grid-template-columns:minmax(0,420px)}.p-korokoro-panel{display:contents}.p-korokoro-stats{grid-row:1}.p-korokoro-next img{width:44px;height:44px}.p-korokoro-stats{margin-top:var(--space-xs);grid-template-columns:repeat(3,1fr)}.p-korokoro-stats strong{font-size:var(--font-base)}.p-korokoro:fullscreen .p-korokoro-layout,.p-korokoro.is-expanded .p-korokoro-layout{grid-template-columns:minmax(0,min(420px,61.7647dvh - 151.324px))}.p-korokoro:fullscreen .p-korokoro-panel>.p-korokoro-note,.p-korokoro.is-expanded .p-korokoro-panel>.p-korokoro-note{display:none}}