*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;background:linear-gradient(#fff9df,#ffe2a2);color:#4b372d}body{min-height:100dvh}.hidden{display:none!important}.janken-app{width:min(100%,820px);min-height:100dvh;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.janken-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:8px 64px;background:#fff;border:4px solid #ffbd3e;border-radius:22px;box-shadow:0 5px 0 #e59a13}.janken-score{position:absolute;left:12px;padding:6px 8px;border:2px solid #ffd36c;border-radius:11px;background:#fff9e8;font-size:12px;font-weight:1000;white-space:nowrap}.janken-brand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:clamp(20px,5vw,31px);font-weight:1000}.janken-brand-image{display:block;width:52px;height:52px;object-fit:contain;border-radius:13px}.janken-settings-brand-image{display:block;width:76px;height:76px;object-fit:contain;border-radius:18px}.janken-settings-button{position:absolute;right:10px;top:10px;width:40px;height:40px;border:2px solid #ffd36c;border-radius:12px;background:#fff7df;font-size:20px;box-shadow:0 3px 0 #e3ae36}.janken-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;background:linear-gradient(#fff,#fff6df);border:5px solid #ffcf63;border-radius:30px;box-shadow:inset 0 0 0 4px #fff2c2,0 7px 0 #daa533}.round-count{padding:6px 12px;border-radius:999px;background:#fff4bf;font-weight:1000}.janken-call{font-size:clamp(22px,6vw,34px);font-weight:1000}.opponent-hand-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(70vw,320px);padding:16px;background:#fff;border:4px solid #ffd36c;border-radius:26px;box-shadow:0 6px 0 #e2b64e}.hand-label{font-size:16px;font-weight:1000}.big-hand{font-size:clamp(100px,28vw,190px);line-height:1;filter:drop-shadow(0 8px 6px #0002)}.janken-mission{width:min(90%,520px);padding:14px 18px;border-radius:22px;background:#ff8aa0;color:#fff;font-size:clamp(30px,9vw,52px);font-weight:1000;text-align:center;box-shadow:0 6px 0 #d95c75}.round-result{min-height:1.4em;font-size:clamp(18px,4.5vw,26px);font-weight:1000;text-align:center}.hand-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hand-button{min-height:120px;padding:10px;border:4px solid #fff;border-radius:22px;background:#fffaf3;color:#4b372d;box-shadow:0 6px 0 #c9a96d,0 8px 14px #0002;font:inherit;font-weight:1000}.hand-button span{display:block;font-size:clamp(54px,15vw,86px);line-height:1}.hand-button strong{display:block;margin-top:6px;font-size:clamp(15px,4vw,21px)}.hand-button:active{transform:translateY(4px);box-shadow:0 2px 0 #c9a96d}.hand-button:disabled{opacity:.55}.janken-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));overflow:auto;background:#fff4cfef}.janken-panel{width:min(95vw,560px);padding:18px;text-align:center;background:#fff;border:6px solid #ffbd3e;border-radius:30px;box-shadow:0 9px 0 #e59a13}.janken-start{width:100%;padding:14px;border:0;border-radius:20px;background:#58c76f;color:#fff;font:inherit;font-size:clamp(22px,6vw,29px);font-weight:1000;box-shadow:0 6px 0 #299c43}.janken-panel .advanced-settings{margin-top:12px}.janken-panel .setting-block{padding:10px 14px 14px;border-top:2px solid #f4e3b8}.janken-panel .setting-readout{display:flex;justify-content:space-between;align-items:baseline;font-weight:900}.janken-panel .setting-readout strong{font-size:23px;color:#ef6c00}.janken-panel input{width:100%;accent-color:#ff9f1c}.janken-panel .range-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#806b5d}.janken-setting-title{margin-bottom:9px;font-weight:1000;text-align:left}.janken-mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.janken-mode{min-height:58px;padding:8px 4px;border:3px solid #f0d593;border-radius:14px;background:#fffaf0;color:#4b372d;font:inherit;font-size:13px;font-weight:1000;line-height:1.18;box-shadow:0 3px 0 #e3ae36}.janken-mode small{font-size:10px}.janken-mode.selected{border-color:#58c76f;background:#efffe9;box-shadow:0 3px 0 #299c43,0 0 0 2px #c8f4ce}.janken-mode:active{transform:translateY(2px)}#roundSettingBlock.is-disabled{opacity:.42}#roundSettingBlock.is-disabled::after{content:"無限モードでは使いません";display:block;margin-top:6px;font-size:11px;font-weight:900;color:#806b5d}.janken-secondary{width:100%;margin-top:12px;padding:12px;border:0;border-radius:18px;background:#71b7ee;color:#fff;font:inherit;font-size:18px;font-weight:1000;box-shadow:0 5px 0 #3c85bf}.result-emoji{font-size:92px}.result-panel h2{margin:4px 0;font-size:clamp(30px,8vw,44px)}.result-panel p{font-size:20px;font-weight:1000}.janken-flash{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fffdf7 0,#fff4c5e8 54%,#ffd36ce8 100%);pointer-events:none;text-align:center}.janken-flash-emoji{font-size:clamp(100px,28vw,210px);animation:pop .55s cubic-bezier(.2,1.5,.4,1) both}.janken-flash-text{font-size:clamp(44px,12vw,80px);font-weight:1000;color:#ef7b16;text-shadow:0 4px 0 #fff,0 7px 0 #f6c25c;animation:rise .45s .12s ease-out both}@keyframes pop{0%{opacity:0;transform:scale(.2) rotate(-8deg)}65%{opacity:1;transform:scale(1.18) rotate(3deg)}100%{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:none}}@media(max-width:480px){.janken-app{gap:8px}.janken-top{min-height:56px;padding-left:58px;padding-right:52px}.janken-score{left:8px;font-size:10px}.janken-brand-image{width:42px;height:42px;border-radius:11px}.janken-settings-button{right:8px;top:7px;width:38px;height:38px}.janken-stage{padding:12px;gap:8px}.opponent-hand-wrap{width:min(76vw,280px);padding:10px}.big-hand{font-size:clamp(88px,28vw,140px)}.janken-mission{padding:11px 12px}.hand-button{min-height:100px;padding:7px}.hand-button span{font-size:clamp(46px,16vw,68px)}.janken-mode{font-size:11px;min-height:55px;padding:6px 2px}.janken-mode small{font-size:9px}}