*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-p0:#0f8;--color-p0-rgb:0, 255, 136;--color-p1:#ff5f35;--color-p1-rgb:255, 95, 53;--color-bg:#080810;font-family:ui-monospace,SF Mono,Cascadia Code,Fira Mono,Consolas,Courier New,monospace}html,body{background:var(--color-bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}#app{grid-template-rows:1fr 52px 1fr;width:100svw;height:100svh;display:grid;position:relative}#particles{pointer-events:none;z-index:200;position:fixed;inset:0}.half{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;padding:20px;transition:background .4s;display:flex;position:relative;overflow:hidden}.half.top{--player-color:var(--color-p1);--player-color-rgb:var(--color-p1-rgb);transform:rotate(180deg)}.half.bottom{--player-color:var(--color-p0);--player-color-rgb:var(--color-p0-rgb)}.half:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 60%, rgba(var(--player-color-rgb), .07) 0%, transparent 70%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.half.ready:before{background:radial-gradient(ellipse 80% 60% at 50% 60%, rgba(var(--player-color-rgb), .15) 0%, transparent 70%)}.half.win:before{background:radial-gradient(ellipse 90% 70% at 50% 50%, rgba(var(--player-color-rgb), .3) 0%, transparent 70%);animation:1.2s ease-in-out infinite win-bg-pulse}.half.lose:before{background:radial-gradient(ellipse 80% 60% at 50% 60%, rgba(var(--player-color-rgb), .05) 0%, transparent 70%)}@keyframes win-bg-pulse{0%,to{opacity:1}50%{opacity:.5}}.divider{z-index:10;flex-shrink:0;justify-content:center;align-items:center;gap:16px;height:52px;padding:0 24px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f 40% 60%,#0000);flex:1;height:1px}.divider-icon{stroke:#ffffff40;flex-shrink:0;width:28px;height:28px}.player-label{letter-spacing:4px;color:rgba(var(--player-color-rgb), .4);text-transform:uppercase;font-size:13px;font-weight:600}.sound-note{letter-spacing:1px;color:#ffffff80;align-items:center;gap:7px;font-size:18px;transition:opacity .25s;display:flex}.sound-note-icon,.sound-note svg{stroke:#fff9;flex-shrink:0;width:20px;height:20px}.half.ready .sound-note{opacity:0}.uuid-display{letter-spacing:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.uuid-row{justify-content:center;align-items:center;display:flex}.uuid-char{color:#ffffff12;text-align:center;width:1ch;font-size:clamp(17px,5.2vw,28px);line-height:1.25;display:inline-block}.uuid-char.dash{color:#ffffff0d}.uuid-char.revealed{color:var(--player-color);text-shadow:0 0 8px var(--player-color), 0 0 18px rgba(var(--player-color-rgb), .35)}.uuid-char.dash.revealed{color:#ffffff2e;text-shadow:none}.uuid-char.new{animation:.38s cubic-bezier(.22,1,.36,1) forwards char-reveal}@keyframes char-reveal{0%{color:#fff;text-shadow:0 0 30px #fff,0 0 60px #fff;opacity:0;transform:scale(3.5)translateY(-3px)}12%{opacity:1}55%{color:#fff;text-shadow:0 0 20px #fff;transform:scale(1.2)}to{transform:scale(1)}}.half.win .uuid-char.revealed{animation:1.1s ease-in-out infinite win-char-glow}@keyframes win-char-glow{0%,to{text-shadow:0 0 8px var(--player-color), 0 0 18px rgba(var(--player-color-rgb), .35)}50%{text-shadow:0 0 14px var(--player-color), 0 0 30px var(--player-color), 0 0 55px rgba(var(--player-color-rgb), .5)}}.half.lose .uuid-char.revealed{color:rgba(var(--player-color-rgb), .2);text-shadow:none}.status{letter-spacing:2px;color:#ffffff4d;text-align:center;flex-direction:column;align-items:center;gap:10px;min-height:1.4em;font-size:clamp(18px,5vw,26px);font-weight:700;transition:color .3s;display:flex}.half.ready .status{color:var(--player-color);text-shadow:0 0 10px rgba(var(--player-color-rgb), .5);animation:1.2s ease-in-out infinite status-breathe}.replay-slot{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.replay-slot:empty{display:none}@keyframes status-breathe{0%,to{opacity:1}50%{opacity:.55}}.half.win .status{color:var(--player-color);text-shadow:0 0 20px var(--player-color), 0 0 40px rgba(var(--player-color-rgb), .4);letter-spacing:6px;font-size:clamp(26px,8vw,44px);animation:.45s cubic-bezier(.22,1,.36,1) both win-pop,1.2s ease-in-out .45s infinite win-glow}@keyframes win-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes win-glow{0%,to{text-shadow:0 0 20px var(--player-color), 0 0 40px rgba(var(--player-color-rgb), .4)}50%{text-shadow:0 0 28px var(--player-color), 0 0 60px var(--player-color), 0 0 90px rgba(var(--player-color-rgb), .35)}}.half.lose .status{color:rgba(var(--player-color-rgb), .3);text-shadow:none;animation:none}.half.draw .status{color:#ffd23cd9;text-shadow:0 0 12px #ffd23c66}.tap-hint{border:1.5px solid rgba(var(--player-color-rgb), .28);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;transition:opacity .25s;display:flex;position:relative}.tap-hint:before,.tap-hint:after{content:"";border:1px solid rgba(var(--player-color-rgb), .14);border-radius:50%;animation:2.4s ease-out infinite ring-pulse;position:absolute}.tap-hint:before{animation-delay:0s;inset:-10px}.tap-hint:after{animation-delay:.4s;inset:-22px}@keyframes ring-pulse{0%{opacity:.8;transform:scale(1)}60%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}.tap-icon,.tap-hint svg{width:44px;height:44px;stroke:var(--player-color);filter:drop-shadow(0 0 6px rgba(var(--player-color-rgb), .55));animation:2s ease-in-out infinite tap-icon-float}.btn-icon,.replay-btn svg,.share-btn svg{width:16px;height:16px;stroke:var(--player-color);vertical-align:middle;margin-right:8px;display:inline}@keyframes tap-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.half.ready .tap-hint{opacity:0;transform:scale(.8)}.ripple{background:rgba(var(--player-color-rgb), .25);pointer-events:none;border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:.55s ease-out forwards ripple-expand;position:absolute;transform:scale(0)}@keyframes ripple-expand{to{opacity:0;transform:scale(6)}}.countdown-overlay{z-index:100;pointer-events:none;opacity:0;flex-direction:column;transition:opacity .15s;display:flex;position:fixed;inset:0}.countdown-overlay.active{opacity:1}.countdown-overlay:before{content:"";-webkit-backdrop-filter:blur(6px);background:#000000a6;position:absolute;inset:0}.countdown-half{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.countdown-half.for-top{transform:rotate(180deg)}.countdown-number{color:#fff;text-shadow:0 0 40px #ffffff73,0 0 80px #ffffff2e;letter-spacing:-4px;font-size:clamp(90px,28vw,170px);font-weight:900;line-height:1;animation:.7s cubic-bezier(.22,1,.36,1) forwards cd-pop}.countdown-number.call-saisho{color:#ffffffd9;letter-spacing:4px;text-shadow:0 0 30px #ffffff59,0 0 60px #ffffff26;font-size:clamp(44px,14vw,80px)}.countdown-number.call-four{color:#fd0;text-shadow:0 0 40px #ffdc00e6,0 0 80px #ffdc0073,0 0 120px #ffdc0033;letter-spacing:8px;font-size:clamp(80px,28vw,160px);animation:.85s cubic-bezier(.22,1,.36,1) forwards cd-pop-go}.countdown-number.call-janken{color:#ffffffe6;letter-spacing:4px;text-shadow:0 0 30px #fff6,0 0 60px #ffffff26;font-size:clamp(32px,10vw,60px)}@keyframes cd-pop-go{0%{opacity:0;text-shadow:0 0 32px,0 0 64px;transform:scale(.1)}25%{opacity:1;text-shadow:0 0 12px;transform:scale(1.35)}55%{transform:scale(.9)}72%{opacity:1;transform:scale(1.05)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)translateY(-20px)}}@keyframes cd-pop{0%{opacity:0;text-shadow:0 0 32px,0 0 64px;transform:scale(.15)}35%{opacity:1;text-shadow:0 0 12px;transform:scale(1.2)}65%{transform:scale(.93)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.65)}}.replay-btn,.share-btn{border:2px solid rgba(var(--player-color-rgb), .5);color:var(--player-color);letter-spacing:3px;cursor:pointer;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:4px;margin-top:8px;padding:14px 36px;font-family:inherit;font-size:18px;text-decoration:none;animation:.4s ease-out .1s both replay-fade}.replay-btn:active,.share-btn:active{background:rgba(var(--player-color-rgb), .12)}@keyframes replay-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shaking{animation:.5s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-7px)rotate(-.4deg)}25%{transform:translate(6px)rotate(.4deg)}40%{transform:translate(-5px)}55%{transform:translate(4px)}70%{transform:translate(-2px)}85%{transform:translate(2px)}}@media (width>=900px) and (orientation:landscape){#app{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.half.bottom{grid-area:1/1}.half.top{grid-area:1/2;transform:none}.divider{pointer-events:none;flex-direction:column;width:56px;height:auto;padding:24px 0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.divider:before,.divider:after{background:linear-gradient(#0000,#ffffff1f 40% 60%,#0000);flex:1;width:1px;height:auto}.countdown-half.for-top{display:none}}