:root{--color-navy:#0b1f6b;--color-blue:#1565ff;--color-yellow:#ffc93c;--color-pink:#ff2d87;--color-cyan:#29d6ee;--color-white:#fff;--color-sky:#33cdf2;--color-bg:#eaf6ff;--color-text:var(--color-navy);--radius-lg:clamp(1rem, 2vw, 1.5rem);--radius-md:.75rem;--shadow-pop:0 .3rem 0 var(--color-navy);--font-display:"Mochiy Pop One", sans-serif;--font-body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Rounded Mplus 1c", "Yu Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Hiragino Maru Gothic ProN,"Rounded Mplus 1c",Yu Gothic,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, var(--color-cyan) 0%, var(--color-bg) 60%);color:var(--color-text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;display:flex}#app{flex-direction:column;justify-content:center;width:100%;max-width:480px;min-height:100vh;padding:clamp(1rem,4vw,2rem);display:flex}.screen{text-align:center;flex-direction:column;align-items:center;gap:clamp(.75rem,3vw,1.25rem);animation:.25s ease-out pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}h2{color:var(--color-navy);margin:0;font-size:clamp(1.4rem,5vw,1.9rem)}h3{color:var(--color-blue);margin:0;font-size:1.1rem}.screen-description{color:var(--color-navy);opacity:.85;margin:0;line-height:1.5}.screen-title{aspect-ratio:390/844;text-align:left;border-radius:var(--radius-lg);background:var(--color-sky);width:100%;max-width:400px;color:var(--color-navy);font-family:var(--font-body);margin:0 auto;padding:0;display:block;position:relative;overflow:hidden}.title-dots{pointer-events:none;background-image:radial-gradient(#ffffff61 1.6px,#0000 1.8px);background-size:14px 14px;position:absolute;inset:0}.title-shape{pointer-events:none;position:absolute}.title-shape--pink{background:var(--color-pink);clip-path:polygon(0 20%,100% 55%,0 100%);width:77%;height:36%;top:56%;left:-18%}.title-shape--gold{background:var(--color-yellow);clip-path:polygon(100% 0,100% 100%,15% 40%);width:56%;height:31%;top:7%;right:-10%}.title-ring{border:4px solid var(--color-white);opacity:.55;pointer-events:none;border-radius:50%;width:clamp(90px,41vw,160px);height:clamp(90px,41vw,160px);position:absolute;bottom:14%;right:-8%}.title-diamond{background:var(--color-yellow);border:3px solid var(--color-navy);pointer-events:none;width:16px;height:16px;position:absolute;top:14%;left:6%;transform:rotate(45deg)}.title-dot{background:var(--color-pink);border:3px solid var(--color-navy);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:9%}.title-topbar{z-index:3;gap:.6rem;display:flex;position:absolute;top:3%;right:5%}.title-icon-btn{background:var(--color-white);border:3px solid var(--color-navy);width:clamp(2.2rem,11vw,2.75rem);height:clamp(2.2rem,11vw,2.75rem);box-shadow:0 3px 0 var(--color-navy);cursor:pointer;color:var(--color-navy);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:flex}.title-icon-btn svg{width:55%;height:55%}.title-icon-btn:active{box-shadow:none;transform:translateY(.2rem)}.title-hero{justify-content:center;align-items:center;height:35%;display:flex;position:absolute;top:9%;left:0;right:0}.title-burst{pointer-events:none;background:repeating-conic-gradient(#ffffff8c 0deg 9deg,#fff0 9deg 22.5deg);width:164%;height:213%;animation:40s linear infinite title-spin;position:absolute;top:-57%;left:-32%;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 68%);mask-image:radial-gradient(circle,#000 25%,#0000 68%)}.title-logo{filter:drop-shadow(0 8px #0b1e7a40);width:84%;max-width:340px;height:auto;animation:3.2s ease-in-out infinite title-bob;position:relative}.title-tagline{z-index:2;justify-content:center;display:flex;position:absolute;top:44%;left:0;right:0}.title-tagline>span{background:var(--color-navy);color:var(--color-white);font-family:var(--font-display);letter-spacing:.04em;box-shadow:5px 5px 0 var(--color-pink);white-space:nowrap;border-radius:14px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:clamp(.8rem,4vw,1.05rem);display:inline-flex;transform:rotate(-3deg)}.title-tagline-highlight{color:var(--color-yellow)}.title-actions{z-index:2;flex-direction:column;gap:clamp(.7rem,2.6vw,1.1rem);display:flex;position:absolute;top:53%;left:7%;right:7%}.title-cta{border:4px solid var(--color-navy);min-height:clamp(3.6rem,16vw,5rem);box-shadow:0 7px 0 var(--color-navy);cursor:pointer;text-align:left;border-radius:24px;align-items:center;gap:.85rem;padding:0 1.1rem 0 .8rem;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.title-cta:active{box-shadow:none;transform:translateY(.35rem)}.title-cta--solo{background:var(--color-yellow);color:var(--color-navy)}.title-cta--duo{background:var(--color-pink);color:var(--color-white)}.title-cta-icon{background:var(--color-white);border:3px solid var(--color-navy);width:clamp(2.6rem,11vw,3.1rem);height:clamp(2.6rem,11vw,3.1rem);color:var(--color-navy);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.title-cta-icon svg{width:56%;height:56%}.title-cta-text{flex-direction:column;flex-grow:1;gap:.15rem;min-width:0;display:flex}.title-cta-caption{letter-spacing:.18em;font-size:.65rem;font-weight:900}.title-cta--solo .title-cta-caption{color:#c4157a}.title-cta--duo .title-cta-caption{color:#fff3a6}.title-cta-label{font-family:var(--font-display);font-size:clamp(1.05rem,5vw,1.35rem);line-height:1.15}.title-cta--duo .title-cta-label{text-shadow:0 2px 0 var(--color-navy)}.title-cta-chevron{color:inherit;flex-shrink:0}.title-howto{background:var(--color-white);border:3px solid var(--color-navy);min-height:2.75rem;box-shadow:0 4px 0 var(--color-navy);color:var(--color-navy);white-space:nowrap;border-radius:999px;align-self:center;align-items:center;gap:.45rem;margin-top:.3rem;padding:0 1.1rem;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-flex}.title-howto svg{flex-shrink:0;width:1.05rem;height:1.05rem}.title-ticker{background:var(--color-navy);border-top:4px solid var(--color-yellow);border-bottom:4px solid var(--color-yellow);align-items:center;height:clamp(2.4rem,11vw,2.9rem);display:flex;position:absolute;bottom:6.4%;left:-5%;right:-5%;overflow:hidden;transform:rotate(-4deg)}.title-ticker-track{white-space:nowrap;font-family:var(--font-display);color:var(--color-white);letter-spacing:.08em;font-size:clamp(.8rem,3.6vw,.95rem);animation:18s linear infinite title-slide;display:flex}.title-ticker-word{margin-right:.5rem}.title-ticker-accent--cyan{color:var(--color-cyan)}.title-ticker-accent--gold{color:var(--color-yellow)}.title-ticker-accent--pink{color:var(--color-pink)}.title-footer{text-align:center;color:var(--color-navy);opacity:.7;letter-spacing:.1em;font-size:.65rem;font-weight:800;position:absolute;bottom:1.7%;left:0;right:0}@keyframes title-spin{to{transform:rotate(360deg)}}@keyframes title-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes title-slide{to{transform:translate(-50%)}}.btn{border:3px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-pop);color:var(--color-navy);padding:.9em 1.4em;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.btn:active{box-shadow:none;transform:translateY(.2rem)}.btn-primary{background:var(--color-yellow)}.btn-secondary{background:var(--color-white)}.noun-form{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}.noun-input{border:3px solid var(--color-navy);border-radius:var(--radius-md);text-align:center;background:var(--color-white);color:var(--color-navy);padding:.8em 1em;font-size:1.1rem}.noun-input:focus{outline:3px solid var(--color-cyan)}.spinner{border:.5rem solid var(--color-cyan);border-top-color:var(--color-pink);border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.npc-hand-display{font-size:clamp(4rem,25vw,7rem);line-height:1}.npc-hand-label{color:var(--color-pink);margin:0;font-size:1.3rem;font-weight:700}.timer-display{color:var(--color-blue);background:var(--color-white);border:3px solid var(--color-navy);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:clamp(2rem,10vw,3rem);font-weight:700;display:flex}.timer-display--warning{color:var(--color-white);background:var(--color-pink)}.judgment-card{background:var(--color-white);border:3px solid var(--color-navy);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;width:100%;max-width:360px;padding:1rem;display:flex}.judgment-noun{margin:0;font-size:1.1rem;font-weight:700}.probability-bars{flex-direction:column;gap:.4rem;display:flex}.probability-row{grid-template-columns:4.5rem 1fr 3rem;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.probability-label{text-align:left;white-space:nowrap}.probability-track{background:var(--color-bg);border:2px solid var(--color-navy);border-radius:999px;height:.9rem;overflow:hidden}.probability-fill{border-radius:999px;height:100%;transition:width .3s ease-out}.probability-fill--stone{background:var(--color-blue)}.probability-fill--scissors{background:var(--color-pink)}.probability-fill--paper{background:var(--color-yellow)}.probability-value{text-align:right;font-variant-numeric:tabular-nums}.screen-error .screen-description{color:var(--color-pink);font-weight:700}@media (width>=640px){#app{justify-content:center;min-height:auto;margin:2rem 0}body{align-items:flex-start}}