:root{--paper:#f8f0df;--paper-shadow:#e8d7b9;--ink:#151412;--red:#c92d2d;--red-deep:#9f1f22;--curtain:#b92a2b;--curtain-dark:#74171c;--max-stage:34rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;color:var(--ink);background:#dcd8d0;line-height:1.45}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #2369c7}[hidden]{display:none!important}.stage{width:min(100%, var(--max-stage));isolation:isolate;background:radial-gradient(circle at 15% 12%, #69482513 0 1px, transparent 1.4px) 0 0 / 13px 14px, radial-gradient(circle at 75% 60%, #6948250e 0 .8px, transparent 1.3px) 0 0 / 17px 18px, repeating-linear-gradient(8deg, #6f4b2206 0 1px, transparent 1px 6px), var(--paper);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 36px #271e1533}.stage:after{content:"";z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background:repeating-linear-gradient(92deg,#0000 0 7px,#502d1109 8px 9px);position:absolute;inset:0}.stage-inner{z-index:2;flex-direction:column;width:100%;min-height:100dvh;padding:.75rem 1.25rem .8rem;display:flex;position:relative}.masthead{text-align:center;padding-top:.2rem}.logo{white-space:nowrap;letter-spacing:-.11em;text-shadow:2px 2px 0 var(--paper), 3px 3px 0 #1514121f;justify-content:center;align-items:baseline;margin:0;font-size:clamp(2.15rem,9vw,3.15rem);font-weight:950;line-height:.98;display:flex;transform:rotate(-2.5deg)}.logo .accent{color:var(--red);transform:translateY(-.07em)rotate(4deg)}.menu-button{z-index:8;cursor:pointer;background:0 0;border:0;align-content:center;gap:.3rem;width:2.2rem;height:2.2rem;padding:.35rem;display:grid;position:absolute;top:.95rem;right:1rem}.menu-button span{background:var(--ink);height:2px;display:block}.menu-button span:nth-child(2){justify-self:end;width:75%}.scoreboard{background:#e7d3ae8c;border-radius:1.5rem;grid-template-columns:1fr 1px 1fr;align-self:center;align-items:center;gap:.85rem;min-width:14.5rem;height:3.05rem;margin-top:.65rem;padding:.2rem 1.1rem;display:grid}.score-current{justify-content:flex-end;align-items:baseline;gap:.28rem;display:flex}.score-main{font:900 2rem/1 Arial,sans-serif}.score-unit{font-size:.86rem;font-weight:950}.score-divider{background:#1514124d;height:2rem}.score-best{align-items:center;gap:.3rem;font-size:.66rem;line-height:1.1;display:flex}.score-best span:last-child{flex-direction:column;display:flex}.crown{font-size:1.15rem;line-height:1}.game-board{flex-direction:column;flex:1;min-height:0;display:flex}.scene{flex-direction:column;flex:1;align-items:center;min-height:23rem;padding:.85rem 2.1rem 0;display:flex;position:relative}.opening-view,.result-view{z-index:3;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.scene-kicker{letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:950;position:relative}.scene-kicker:before,.scene-kicker:after{content:"";border-top:2px solid var(--red);width:.8rem;position:absolute;top:52%}.scene-kicker:before{left:-1.15rem;transform:rotate(55deg)}.scene-kicker:after{right:-1.15rem;transform:rotate(-55deg)}.theme-cloud{text-align:center;letter-spacing:-.055em;overflow-wrap:anywhere;isolation:isolate;place-items:center;width:100%;min-height:10rem;margin-top:.45rem;padding:1.65rem 2rem 2.5rem;font-size:clamp(1.4rem,6.3vw,2rem);font-weight:950;line-height:1.25;display:grid;position:relative}.cloud-outline{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cloud-outline path,.cloud-outline ellipse{fill:var(--paper);stroke:var(--ink);stroke-width:2.6px}.theme-cloud span{display:block}.shuffle-button{z-index:4;border:1.5px solid var(--ink);min-height:2.1rem;color:var(--ink);cursor:pointer;background:#fffaee8c;border-radius:1.2rem;margin-top:1.25rem;padding:.25rem .8rem;font-size:.76rem;font-weight:850;position:relative}.shuffle-button span{vertical-align:-.08em;margin-right:.22rem;font-size:1.1rem;line-height:0;display:inline-block}.shuffle-button:disabled{opacity:.48;cursor:wait}.result-view{align-items:stretch}.result-view .scene-kicker{align-self:center;margin-bottom:.45rem}.clue-bubble{border:2px solid var(--ink);text-align:left;overflow-wrap:anywhere;background:#fffaf0;border-radius:1rem;align-self:flex-start;place-items:center;width:74%;min-height:3.85rem;margin-left:.15rem;padding:.75rem .9rem;font-size:.9rem;font-weight:800;display:grid;position:relative}.clue-bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fffaf0;width:1.2rem;height:1.2rem;position:absolute;bottom:-.75rem;left:13%;transform:rotate(45deg)}.punchline-burst{width:70%;min-height:6.2rem;color:var(--ink);background:var(--ink);text-align:center;letter-spacing:-.07em;overflow-wrap:anywhere;background:url(/burst.svg) 50%/100% 100% no-repeat;align-self:flex-end;place-items:center;margin-top:.35rem;margin-right:-.35rem;padding:1rem 1.15rem;font-size:clamp(1.35rem,6vw,2.05rem);font-weight:950;line-height:1.13;display:grid;position:relative}.punchline-burst.pop{animation:.36s cubic-bezier(.2,.85,.25,1.25) tsukkomi-pop}.score-delta{color:var(--red-deep);align-self:flex-end;margin:-.1rem .7rem 0 0;font:950 1rem/1 Arial,sans-serif;transform:rotate(5deg)}.score-delta.negative{color:var(--ink)}@keyframes tsukkomi-pop{0%{transform:scale(.86)rotate(-2deg)}65%{transform:scale(1.07)rotate(1deg)}to{transform:scale(1)rotate(0)}}.performer-frame{z-index:1;aspect-ratio:1.075;pointer-events:none;width:min(21rem,94%);position:absolute;bottom:.2rem;left:50%;overflow:hidden;transform:translate(-50%)}.performer-art{object-fit:cover;object-position:center;filter:saturate(.8)contrast(1.04);width:100%;height:100%;display:block}.curtain{z-index:1;background:repeating-linear-gradient(86deg, #48080c57 0 6px, transparent 7px 16px), linear-gradient(90deg, var(--curtain-dark), var(--curtain) 35%, #db4840 58%, var(--curtain-dark));pointer-events:none;width:clamp(2.45rem,10vw,4.5rem);position:absolute;top:9.5rem;bottom:11.9rem;box-shadow:inset 0 0 13px #2e04055c}.curtain:after{content:"";background:inherit;clip-path:polygon(0 0,100% 23%,100% 100%,0 100%);width:100%;height:2rem;position:absolute;bottom:-.2rem;right:-2px}.curtain-left{clip-path:polygon(0 0,100% 7%,77% 48%,100% 100%,0 100%);left:0}.curtain-right{clip-path:polygon(0 0,100% 7%,77% 48%,100% 100%,0 100%);right:0;transform:scaleX(-1)}.clue-form{z-index:5;width:100%;padding-top:.1rem;position:relative}.goal-message{color:var(--red-deep);text-align:center;margin:0 0 .35rem;font-size:.72rem;font-weight:950}.clue-label{margin:0 0 .4rem .75rem;font-size:.82rem;font-weight:950;display:block}.clue-label:before{content:"";border-left:2px solid var(--red);width:.42rem;height:.72rem;margin-right:.3rem;display:inline-block;transform:rotate(-28deg)translateY(.1rem)}.input-wrap{position:relative}.clue-input{width:100%;height:3.15rem;color:var(--ink);background:#fffcf5eb;border:1.5px solid #4b4943;border-radius:.55rem;padding:.7rem 3.3rem .7rem .85rem;font-size:.9rem;box-shadow:inset 0 1px 2px #271e1514}.clue-input::placeholder{color:#93908a}.counter{color:#77746d;font-size:.63rem;position:absolute;bottom:.45rem;right:.7rem}.submit-button{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(100deg,#c72d30,#d53b36);border:0;border-radius:1.75rem;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:3.15rem;margin-top:.65rem;padding:0 1rem;font-size:1.08rem;font-weight:950;display:grid;box-shadow:inset 0 -2px #75101247}.submit-button [data-submit-label]{grid-column:2}.button-arrow{grid-column:3;justify-self:end;font:300 2rem/1 Arial,sans-serif}.submit-button:disabled{opacity:.65;cursor:wait}@media (hover:hover){.submit-button:hover:not(:disabled){background:var(--red-deep)}}.status{min-height:1.15rem;color:var(--red-deep);text-align:center;margin:.25rem 0 0;font-size:.7rem;font-weight:700}.overlay{z-index:20;background:#100d0ae6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay-panel{border:3px solid var(--ink);outline:2px solid var(--paper);outline-offset:5px;background:var(--paper);text-align:center;width:min(100%,25rem);padding:2rem 1.5rem 1.5rem}.overlay-kicker{color:var(--red);margin:0;font-weight:950}.overlay-panel h2{margin:.2rem 0 0;font-size:2.2rem;font-weight:950;line-height:1.1}.overlay-theme{overflow-wrap:anywhere;margin:1rem 0 0;font-size:.8rem}.final-score{margin-top:.2rem}.final-score strong{font:900 4rem/1 Arial,sans-serif}.final-score span{margin-left:.3rem;font-weight:950}.final-best{margin:.3rem 0 0;font-size:.8rem}.overlay-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.25rem;display:grid}.overlay-button{border:2px solid var(--ink);min-height:2.9rem;color:var(--ink);cursor:pointer;background:0 0;padding:.55rem .85rem;font-weight:950}.overlay-button.primary{border-color:var(--red-deep);background:var(--red);color:#fff}.share-status{min-height:1.3rem;color:var(--red-deep);margin:.6rem 0 0;font-size:.75rem}dialog.howto{border:3px solid var(--ink);background:var(--paper);width:min(100% - 2rem,25rem);max-height:calc(100dvh - 2rem);color:var(--ink);margin:auto;padding:1.55rem 1.4rem 1.3rem;position:fixed}dialog.howto::backdrop{background:#100d0abf}.dialog-close{cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:.35rem;right:.55rem}.dialog-kicker{color:var(--red);margin:0;font-size:.75rem;font-weight:950}.howto h2{margin:.15rem 0 .7rem;font-size:1.3rem;line-height:1.3}.howto ol{padding-left:1.35rem;font-size:.86rem;font-weight:750}.howto p:not(.dialog-kicker){font-size:.78rem}.howto .overlay-button{width:100%;margin-top:.3rem}@media (width<=390px){.stage-inner{padding-inline:.9rem}.scene{min-height:22.2rem;padding-inline:1.7rem}.logo{font-size:2.05rem}.menu-button{right:.4rem}.curtain{width:2.45rem}.clue-bubble{width:78%}.punchline-burst{width:76%}}@media (height<=760px){.stage-inner{padding-top:.5rem}.scoreboard{height:2.7rem;margin-top:.4rem}.scene{min-height:19.8rem}.performer-frame{width:17.5rem}.curtain{top:8.9rem;bottom:11.5rem}.theme-cloud{min-height:6.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage-inner{padding-top:1.65rem;padding-bottom:.9rem}.masthead{padding:0 .8rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.logo img{width:100%;height:auto;display:block}.logo{line-height:1;display:block;transform:none}.logo span:last-child{align-self:flex-end;margin-left:.2em;padding-bottom:.2em;font-size:.54em}.menu-button{top:1.35rem;right:.8rem}.scoreboard{margin-top:.65rem}.scene{min-height:28rem;margin-top:1.1rem;padding-inline:1.2rem}.performer-frame{aspect-ratio:1;flex-shrink:0;width:min(14rem,82%);margin-top:auto;position:relative;bottom:auto;left:auto;transform:none}.performer-art{object-fit:contain;filter:none}.shuffle-button{align-self:flex-start;min-height:2.5rem;margin-top:.1rem;margin-left:.8rem}.curtain{width:2.4rem;top:14rem;bottom:15rem}.clue-bubble{width:86%;min-height:4.5rem}.punchline-burst{align-self:center;width:102%;min-height:7.5rem;margin:1rem 0 0;padding:1.3rem 1.7rem;font-size:clamp(1.25rem,5.5vw,1.8rem)}.clue-input{font-size:1rem}@media (height<=760px){.stage-inner{padding-top:.85rem}.scoreboard{margin-top:.8rem}.scene{min-height:24rem;margin-top:.55rem}.theme-cloud{min-height:9rem}.performer-frame{width:12rem;bottom:auto}.curtain{top:12rem}.punchline-burst{min-height:7rem;margin-top:.75rem;font-size:1.2rem}}