.pigtail-page-shell{background:radial-gradient(circle at 50% 48%,#d75a4314,transparent 34rem),var(--paper)}.pigtail-brand-mark,.guide-pigtail-mark,.result-pigtail-mark{place-items:center;width:45px;height:42px;display:grid;position:relative}.pigtail-brand-mark i,.guide-pigtail-mark i,.result-pigtail-mark i{border:4px solid var(--red);border-right-color:#0000;border-radius:50%;width:34px;height:34px;transform:rotate(-22deg)}.pigtail-brand-mark b,.guide-pigtail-mark b,.result-pigtail-mark b{color:var(--green-dark);font:800 14px DM Sans,sans-serif;position:absolute}.hero{padding:18px 20px 14px}.hero h1{font-size:clamp(28px,3.2vw,38px)}.pigtail-settings{grid-template-columns:1fr;width:min(360px,100% - 40px);margin-bottom:13px}.pigtail-settings .mode-heading,.pigtail-settings .mode-field,.pigtail-settings>p{grid-column:1}.pigtail-settings select:disabled{opacity:.62;cursor:not-allowed}.pigtail-game{width:min(880px,100% - 28px);margin:0 auto}.pigtail-stats{grid-template-columns:repeat(3,minmax(90px,145px));justify-content:center;gap:8px;margin-bottom:9px;display:grid}.pigtail-stats>div{text-align:center;background:#ffffff52;border:1px solid #172a271c;border-radius:9px;padding:9px 12px}.pigtail-stats span{color:var(--red);letter-spacing:.13em;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.pigtail-stats strong{font-size:17px}.pigtail-status{min-height:21px;color:var(--muted);text-align:center;margin:0 0 9px;font-family:Noto Sans JP,sans-serif;font-size:10px}.pigtail-table{--ring-size:min(590px,74vw);--tail-width:clamp(23px,3.5vw,31px);background:radial-gradient(circle at 50% 44%,#ffffff1a,#0000 17rem),repeating-linear-gradient(115deg,#0000 0 30px,#ffffff05 31px 33px),#1e5b50;border:1px solid #172a2724;border-radius:24px;min-height:720px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #ffffff12,0 18px 44px #28302421}.pig-tail-ring{width:var(--ring-size);height:var(--ring-size);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.tail-card{--radius:calc(var(--ring-size)/2 - 29px);width:var(--tail-width);aspect-ratio:3/4;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--radius)));transform-origin:50%;background:repeating-linear-gradient(45deg,#ffffff1f 0 3px,#0000 3px 7px),#174f45;border:2px solid #e7d8bc;border-radius:4px;padding:0;transition:filter .12s,box-shadow .12s;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 2px #efe1c7,0 4px 8px #041f1b4d}.tail-card:not(:disabled):hover,.tail-card:not(:disabled):focus-visible{z-index:4;outline-offset:2px;filter:brightness(1.18);outline:3px solid #eef27c}.tail-card:disabled{cursor:default}.pig-center{z-index:8;aspect-ratio:1;width:clamp(112px,16vw,145px);color:var(--cream);background:#042621e0;border:2px solid #fffaf052;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 13px 30px #041b1861,inset 0 0 0 7px #ffffff0d}.pig-center-cards{position:absolute;inset:15%}.pig-center-card{background:var(--cream);color:var(--ink);transform:rotate(var(--card-rotate)) translate(var(--card-x),var(--card-y));border:3px solid #172a272e;border-radius:9px;place-items:center;font:800 clamp(20px,3vw,29px) DM Sans,sans-serif;display:grid;position:absolute;inset:0;box-shadow:0 8px 15px #051f1b4d}.pig-center-card.red{color:var(--red)}.pig-center b{letter-spacing:.16em;opacity:.55;font-size:8px;position:absolute;bottom:13px}.pig-slap-zones{z-index:14;pointer-events:none;position:absolute;inset:0}.pig-slap-target{color:#173a33;border:3px solid var(--cream);opacity:0;pointer-events:none;background:#eef27c;border-radius:50%;place-items:center;width:74px;height:74px;padding:0;font:800 11px Noto Sans JP,sans-serif;transition:opacity .1s,transform .1s;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 0 8px #eef27c2e,0 12px 24px #041b1859}.pig-slap-target:first-child{top:45%;left:24%}.pig-slap-target:nth-child(2){top:45%;left:76%}.pig-slap-target:nth-child(3){top:70%;left:50%}.pig-slap-target.active{opacity:1;pointer-events:auto;cursor:pointer;animation:.34s ease-in-out infinite alternate pig-target-pulse;transform:translate(-50%,-50%)scale(1)}.pig-slap-target.active:hover,.pig-slap-target.active:focus-visible{outline:4px solid var(--cream);outline-offset:4px;filter:brightness(1.06)}.pig-player{z-index:10;min-width:82px;color:var(--cream);background:#042621cc;border:1px solid #fffaf02e;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font:700 9px Noto Sans JP,sans-serif;display:flex;position:absolute}.pig-player strong{background:#ffffff1f;border-radius:50%;place-items:center;min-width:23px;height:23px;font:800 10px DM Sans,sans-serif;display:grid}.pig-player i{background:#eef27c;border-radius:50%;width:7px;height:7px;display:none;box-shadow:0 0 0 4px #eef27c2e}.pig-player.reacted i{display:block}.pig-player.loser{color:#173a33;background:#ef9a7e;animation:.5s pig-loser}.cpu-one{top:24px;left:24px}.cpu-two{top:24px;right:24px}.human-player{bottom:82px;right:24px}.pig-hand-area{z-index:12;min-height:80px;position:absolute;bottom:17px;left:24px;right:96px}.pig-hand-area>p{color:#fffaf09e;margin:0 0 5px;font-family:Noto Sans JP,sans-serif;font-size:9px}.pig-hand{align-items:center;gap:7px;min-height:65px;padding:4px 5px 7px;display:flex;overflow-x:auto}.pig-hand-empty{color:#fffaf061;font:500 9px Noto Sans JP,sans-serif}.pig-hand-card{aspect-ratio:3/4;width:46px;color:var(--ink);background:var(--cream);cursor:pointer;border:2px solid #172a2733;border-radius:7px;flex:0 0 46px;padding:0;font:800 13px DM Sans,sans-serif;position:relative;box-shadow:0 5px 9px #041f1b4d}.pig-hand-card.red{color:var(--red)}.pig-hand-card:not(:disabled):hover,.pig-hand-card:not(:disabled):focus-visible{outline-offset:2px;outline:3px solid #eef27c;transform:translateY(-4px)}.pig-hand-card:disabled{opacity:.46;cursor:default}.pigtail-table.waiting>:not(.game-start-overlay){pointer-events:none;opacity:.5;filter:saturate(.72)}.pigtail-table.slap-phase .tail-card,.pigtail-table.slap-phase .pig-hand{pointer-events:none}.pigtail-mobile-hint{color:var(--muted);text-align:center;margin:8px 0 0;font:500 9px Noto Sans JP,sans-serif}.pig-hand-card:disabled{opacity:.72}.pigtail-scoreboard{gap:6px;margin:13px 0;display:grid}.pigtail-scoreboard div{background:#172a270f;border-radius:8px;justify-content:space-between;padding:8px 12px;font:700 10px Noto Sans JP,sans-serif;display:flex}.pigtail-scoreboard div.winner{color:var(--red);background:#d75a431a}.guide-pigtail-mark{flex:0 0 58px}.guide-pigtail-mark i{width:42px;height:42px}.guide-example-pigtail{gap:11px}.guide-example-pigtail span{background:var(--cream);border:2px solid #172a2729;border-radius:7px;place-items:center;width:52px;height:68px;font:800 15px DM Sans,sans-serif;display:grid}.guide-example-pigtail b{color:var(--red)}.guide-example-pigtail em{color:var(--red);font:800 13px DM Sans,sans-serif}@keyframes pig-target-pulse{to{transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 0 14px #eef27c38,0 12px 24px #041b1859}}@keyframes pig-loser{50%{transform:scale(1.08)}}@media (width<=650px){.pigtail-game{width:calc(100% - 12px)}.pigtail-table{--ring-size:min(340px,91vw);--tail-width:21px;border-radius:17px;min-height:570px}.pig-tail-ring{top:40%}.tail-card{--radius:calc(var(--ring-size)/2 - 20px);border-width:1px}.pig-center{width:100px;top:40%}.pig-slap-target{width:62px;height:62px;font-size:10px}.pig-slap-target:first-child{top:40%;left:19%}.pig-slap-target:nth-child(2){top:40%;left:81%}.pig-slap-target:nth-child(3){top:66%;left:50%}.cpu-one{top:11px;left:10px}.cpu-two{top:11px;right:10px}.pig-player{min-width:70px;padding:5px 7px;font-size:8px}.human-player{bottom:84px;right:10px}.pig-hand-area{min-height:78px;bottom:10px;left:10px;right:76px}.pig-hand{min-height:63px}.pig-hand-card{flex-basis:42px;width:42px;font-size:12px}.pigtail-status{font-size:9px}.pigtail-stats{grid-template-columns:repeat(3,1fr);padding-inline:8px}.pigtail-stats>div{padding-inline:5px}.pigtail-stats strong{font-size:14px}}@media (width<=390px){.pigtail-table{--ring-size:330px}.pig-center{width:92px}}@media (prefers-reduced-motion:reduce){.pig-slap-target.active,.pig-player.loser{animation:none}}