.playful-game.capybara-scream-app{--cs-ink:#2b1d14;--cs-paper:#fffaf0;--cs-red:#e04a2f;--cs-red-d:#8a2414;--cs-blue:#2f5fb3;--cs-blue-d:#1b3a73;--cs-gold:#ffd23f;--cs-sky:#7fe0ff;--cs-font:Playful,"Hiragino Maru Gothic ProN","Hiragino Sans","Apple SD Gothic Neo","PingFang SC",system-ui,sans-serif;--cs-safe-t:env(safe-area-inset-top,0px);--cs-safe-b:env(safe-area-inset-bottom,0px);--cs-safe-l:env(safe-area-inset-left,0px);--cs-safe-r:env(safe-area-inset-right,0px);height:100dvh;overflow:hidden;color:var(--cs-ink);font-family:var(--cs-font);background:#2c4a63 url(/images/capybara-scream/bg-desktop.jpg) 50%/cover no-repeat;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none}.capybara-scream-app [hidden]{display:none!important}.capybara-scream-app .cs-stage{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;overflow:hidden;background:#8fd0f4;touch-action:none}@media (min-aspect-ratio:3/4) and (min-height:560px){.capybara-scream-app .cs-stage{width:min(100%,calc(100dvh * .5625));box-shadow:0 0 0 4px rgba(255,255,255,.55),0 20px 70px rgba(10,30,50,.45)}}.capybara-scream-app .cs-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.capybara-scream-app .cs-outline{--o:var(--cs-ink);color:#fff;font-family:var(--cs-font);font-weight:900;text-shadow:2px 0 0 var(--o),-2px 0 0 var(--o),0 2px 0 var(--o),0 -2px 0 var(--o),1.5px 1.5px 0 var(--o),-1.5px 1.5px 0 var(--o),1.5px -1.5px 0 var(--o),-1.5px -1.5px 0 var(--o),0 4px 0 rgba(0,0,0,.25)}.capybara-scream-app .cs-top{position:absolute;z-index:6;top:calc(var(--cs-safe-t) + 8px);left:calc(var(--cs-safe-l) + 8px);right:calc(var(--cs-safe-r) + 8px);display:flex;align-items:flex-start;gap:8px;pointer-events:none}.capybara-scream-app .cs-top>*{pointer-events:auto}.capybara-scream-app .cs-chip{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(29,44,63,.55);cursor:pointer;text-decoration:none}.capybara-scream-app .cs-chip:active{transform:scale(.94)}.capybara-scream-app #cs-mute .off,.capybara-scream-app #cs-mute[aria-pressed=true] .on{display:none}.capybara-scream-app #cs-mute[aria-pressed=true] .off{display:inline}.capybara-scream-app .cs-best{flex:1 1;min-width:0;padding-top:2px;text-align:right;line-height:1.15;--o:var(--cs-ink);color:var(--cs-gold);font-weight:900;font-size:15px;text-shadow:2px 0 0 var(--o),-2px 0 0 var(--o),0 2px 0 var(--o),0 -2px 0 var(--o),1.5px 1.5px 0 var(--o),-1.5px 1.5px 0 var(--o),1.5px -1.5px 0 var(--o),-1.5px -1.5px 0 var(--o)}.capybara-scream-app .cs-best-word{display:block;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capybara-scream-app .cs-best:not(.has),.capybara-scream-app[data-phase=result] .cs-best{visibility:hidden}.capybara-scream-app .cs-top-btns{display:flex;gap:6px}.capybara-scream-app .cs-panel{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(var(--cs-vv-top, 0px) + var(--cs-safe-t) + 62px);width:min(340px,calc(100% - 24px));max-height:calc(var(--cs-vv-h, 100dvh) - var(--cs-safe-t) - 70px);overflow-y:auto;overscroll-behavior:contain;display:none;flex-direction:column;gap:7px;padding:12px 12px 10px;border-radius:12px;background:rgba(255,250,240,.96);box-shadow:0 5px 0 rgba(0,0,0,.2);touch-action:pan-y;-moz-user-select:text;user-select:text;-webkit-user-select:text}.capybara-scream-app[data-phase=input] .cs-panel{display:flex}.capybara-scream-app .cs-q{font-weight:900;font-size:17px;text-align:center;line-height:1.2}.capybara-scream-app .cs-sub{margin:-4px 0 0;font-size:12px;font-weight:800;text-align:center;color:#6d5a49}.capybara-scream-app .cs-row{display:flex;gap:8px;align-items:center}.capybara-scream-app #cs-word{flex:1 1;min-width:0;min-height:48px;padding:6px 10px;font:900 24px var(--cs-font);letter-spacing:.06em;color:var(--cs-ink);border:3px solid var(--cs-ink);border-radius:8px;background:#fff;touch-action:manipulation;-moz-user-select:text;user-select:text;-webkit-user-select:text}.capybara-scream-app #cs-word::placeholder{color:#b9a996;font-size:18px;letter-spacing:0}.capybara-scream-app #cs-word.bad{border-color:var(--cs-red)}.capybara-scream-app .cs-count{min-width:2.6em;text-align:right;font-weight:900;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capybara-scream-app .cs-count.over{color:var(--cs-red)}.capybara-scream-app .cs-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.capybara-scream-app .cs-chips:empty{display:none}.capybara-scream-app .cs-chips button{min-height:44px;padding:4px 12px;border:2px solid #e6d6bd;border-radius:99px;background:#fff;font:900 15px var(--cs-font);color:var(--cs-ink);cursor:pointer;touch-action:manipulation}.capybara-scream-app .cs-chips button:active{transform:translateY(1px)}.capybara-scream-app .cs-msg{margin:0;min-height:1.35em;font-size:12.5px;font-weight:800;text-align:center;line-height:1.35}.capybara-scream-app .cs-msg.err{color:var(--cs-red)}.capybara-scream-app .cs-msg span+span:before{content:" · ";color:#b9a996}.capybara-scream-app .cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 16px;border:0;border-radius:999px;color:#fff;background:var(--cs-red);box-shadow:0 4px 0 var(--cs-red-d);font:900 16px var(--cs-font);cursor:pointer;text-decoration:none;touch-action:manipulation}.capybara-scream-app .cs-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cs-red-d)}.capybara-scream-app .cs-btn:disabled{opacity:.45;cursor:default;transform:none}.capybara-scream-app .cs-btn-go{flex:1 1}.capybara-scream-app .cs-btn-sub{background:var(--cs-blue);box-shadow:0 4px 0 var(--cs-blue-d);font-size:14px}.capybara-scream-app .cs-btn-sub:active{box-shadow:0 1px 0 var(--cs-blue-d)}.capybara-scream-app .cs-btn-dark,.capybara-scream-app .cs-btn-x{background:#16120f;box-shadow:0 4px 0 #000;font-size:15px}.capybara-scream-app .cs-btn-dark:active,.capybara-scream-app .cs-btn-x:active{box-shadow:0 1px 0 #000}.capybara-scream-app .cs-btn-wide{width:100%;margin-top:12px}.capybara-scream-app .cs-mic-toggle{align-self:center;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:2px 14px;border:0;border-radius:99px;background:#f1e7d7;color:var(--cs-ink);font:800 13px var(--cs-font);cursor:pointer}.capybara-scream-app .cs-mic-toggle .on,.capybara-scream-app .cs-setting .on{display:none;color:#2f7d32}.capybara-scream-app .cs-mic-toggle .off,.capybara-scream-app .cs-setting .off{color:#8a7a68}.capybara-scream-app [aria-pressed=true]>.on{display:inline}.capybara-scream-app [aria-pressed=true]>.off{display:none}.capybara-scream-app .cs-mic-toggle[aria-pressed=true]{background:#dff2d0}.capybara-scream-app .cs-aim,.capybara-scream-app .cs-hud,.capybara-scream-app .cs-pop,.capybara-scream-app .cs-scream{position:absolute;z-index:3;left:0;right:0;text-align:center;pointer-events:none;display:none}.capybara-scream-app .cs-aim{top:calc(var(--cs-safe-t) + 104px)}.capybara-scream-app[data-phase=aim] .cs-aim{display:block}.capybara-scream-app .cs-aim p{margin:0 12px}.capybara-scream-app .cs-aim-title{font-size:19px}.capybara-scream-app .cs-aim-sub{margin-top:6px!important;font-size:12px}.capybara-scream-app .cs-gauge{position:absolute;z-index:3;width:180px;height:180px;left:0;top:0;margin:-170px 0 0 -10px;pointer-events:none;display:none}.capybara-scream-app[data-phase=aim] .cs-gauge,.capybara-scream-app[data-phase=scream] .cs-gauge{display:block}.capybara-scream-app .cs-gauge svg{overflow:visible}.capybara-scream-app .cs-gauge-arc{fill:none;stroke:rgba(255,255,255,.6);stroke-width:4;stroke-linecap:round}.capybara-scream-app .cs-gauge-line{stroke:#fff;stroke-width:4;stroke-dasharray:8 7;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(43,29,20,.6))}.capybara-scream-app .cs-gauge-deg{position:absolute;left:0;top:0;font-size:19px;transform:translate(-50%,-50%);white-space:nowrap}.capybara-scream-app .cs-scream{top:calc(var(--cs-safe-t) + 100px)}.capybara-scream-app[data-phase=scream] .cs-scream{display:block}.capybara-scream-app .cs-scream p{margin:0}.capybara-scream-app .cs-scream-title{font-size:30px;--o:var(--cs-red-d);animation:cs-shake .18s linear infinite}.capybara-scream-app .cs-meter{position:relative;width:min(240px,70%);height:18px;margin:10px auto 6px;border:3px solid var(--cs-ink);border-radius:99px;background:rgba(255,255,255,.85);overflow:hidden}.capybara-scream-app .cs-meter-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#8fd14f,var(--cs-gold) 60%,var(--cs-red));transition:width .06s linear}.capybara-scream-app .cs-meter-peak{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--cs-ink)}.capybara-scream-app .cs-scream-power{font-size:15px}.capybara-scream-app .cs-hud{top:calc(var(--cs-safe-t) + 96px)}.capybara-scream-app[data-phase=fly] .cs-hud,.capybara-scream-app[data-phase=shout] .cs-hud{display:block}.capybara-scream-app .cs-dist{display:block;font-size:36px;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capybara-scream-app .cs-height{display:block;font-size:13px;margin-top:2px}.capybara-scream-app .cs-up{display:block;margin-top:6px;font-size:14px;color:var(--cs-sky)}.capybara-scream-app .cs-pop{top:calc(var(--cs-safe-t) + 112px)}.capybara-scream-app[data-phase=show] .cs-pop{display:block}.capybara-scream-app .cs-pop-word{display:block;font-size:24px}.capybara-scream-app .cs-pop-dist{display:block;margin-top:6px;font-size:46px;color:var(--cs-gold);animation:cs-pop .35s ease-out}.capybara-scream-app .cs-toast{position:absolute;z-index:8;left:50%;bottom:calc(var(--cs-safe-b) + 98px);transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);margin:0;padding:8px 14px;border-radius:12px;background:rgba(29,44,63,.88);color:#fff;font-size:13px;font-weight:800;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.capybara-scream-app .cs-toast.show{opacity:1;transform:translate(-50%)}.capybara-scream-app .cs-results{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--cs-safe-t) + 58px) 12px calc(var(--cs-safe-b) + 16px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(rgba(29,44,63,.42),rgba(29,44,63,0) 60%);-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.capybara-scream-app .cs-results.show{display:flex}.capybara-scream-app .cs-card{--o:var(--cs-ink);display:grid;grid-gap:4px;gap:4px;justify-items:center;width:min(320px,100%);text-align:center;flex:none;text-shadow:2px 0 0 var(--o),-2px 0 0 var(--o),0 2px 0 var(--o),0 -2px 0 var(--o),1.5px 1.5px 0 var(--o),-1.5px 1.5px 0 var(--o),1.5px -1.5px 0 var(--o),-1.5px -1.5px 0 var(--o),0 4px 0 rgba(0,0,0,.25)}.capybara-scream-app .cs-card p{margin:0}.capybara-scream-app .cs-r-label{font-size:13px;font-weight:900;letter-spacing:.08em}.capybara-scream-app .cs-r-word{font-size:30px;font-weight:900;line-height:1.15}.capybara-scream-app .cs-r-score{font-weight:900;line-height:1;color:var(--cs-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capybara-scream-app .cs-r-score b{font-size:64px}.capybara-scream-app .cs-r-score small{font-size:26px;margin-left:2px}.capybara-scream-app .cs-r-rank{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:900;color:var(--cs-sky)}.capybara-scream-app .cs-r-rank img{width:40px;height:40px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.capybara-scream-app .cs-r-rec{display:none;padding:2px 14px;border-radius:999px;background:var(--cs-gold);color:var(--cs-ink);text-shadow:none;font-size:14px;font-weight:900;animation:cs-pop .4s ease-out}.capybara-scream-app[data-record=true] .cs-r-rec{display:block}.capybara-scream-app .cs-r-best{font-size:12.5px;font-weight:800}.capybara-scream-app .cs-dot{margin:0 4px}.capybara-scream-app .cs-r-practice{display:none;max-width:300px;font-size:11.5px;font-weight:800;color:#ffe9b8}.capybara-scream-app[data-mic=on] .cs-r-practice{display:block}.capybara-scream-app .cs-btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%;margin-top:8px;text-shadow:none}.capybara-scream-app .cs-btns-small{margin-top:4px}.capybara-scream-app .cs-btns-small .cs-btn{min-height:44px;font-size:13.5px}.capybara-scream-app .cs-r-note{min-height:1em;font-size:12px;font-weight:800}.capybara-scream-app .cs-r-hint{font-size:11px;font-weight:800}.capybara-scream-app .cs-leaderboard{width:min(340px,100%);flex:none;margin-top:12px;padding:4px 10px 8px;border-radius:14px;background:rgba(255,250,240,.97);color:var(--cs-ink);text-align:left;box-shadow:0 5px 0 rgba(0,0,0,.2);-webkit-user-select:text;-moz-user-select:text;user-select:text}.capybara-scream-app .cs-leaderboard:empty{display:none}.capybara-scream-app .cs-sheet{padding:0;background:rgba(20,30,40,.3);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10}.capybara-scream-app .cs-sheet-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:16px 16px 14px;border-radius:22px;background:var(--cs-paper);box-shadow:0 18px 50px rgba(20,30,40,.35);text-align:center;-webkit-user-select:text;-moz-user-select:text;user-select:text}.capybara-scream-app .cs-sheet-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.capybara-scream-app .cs-sheet-head h2{flex:1 1;margin:0;text-align:left;font-size:21px;font-weight:900;color:var(--cs-ink)}.capybara-scream-app .cs-close{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f1e7d7;color:var(--cs-ink);cursor:pointer}.capybara-scream-app .cs-settings{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.capybara-scream-app .cs-setting{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:48px;padding:0 14px;border:2px solid #e6d6bd;border-radius:14px;background:#fff;color:var(--cs-ink);font:800 14px var(--cs-font);cursor:pointer;text-align:left}.capybara-scream-app .cs-label{margin:16px 0 6px;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8a7a68;text-align:left}.capybara-scream-app .cs-howto{margin:0;padding-left:18px;text-align:left;font-size:13.5px;font-weight:700;line-height:1.5}.capybara-scream-app .cs-howto li+li{margin-top:4px}.capybara-scream-app .cs-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--cs-ink);font-size:14px;font-weight:800}.capybara-scream-app .cs-note{margin:0 0 10px;font-size:13px;font-weight:700;color:#6d5a49;text-align:left}.capybara-scream-app .cs-mic-error{margin:10px 0 0;font-size:13px;font-weight:800;color:var(--cs-red)}.capybara-scream-app .cs-mic-error:empty{display:none}.capybara-scream-app .cs-cards-empty{margin:20px 0;font-weight:800;color:#8a7a68}.capybara-scream-app .cs-cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.capybara-scream-app .cs-word-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:86px;padding:8px 4px;border-radius:14px;background:linear-gradient(#bfe6fb,#e8f7ff 70%,#9bd47a 0,#7fc35e);box-shadow:0 3px 0 rgba(0,0,0,.12)}.capybara-scream-app .cs-word-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 21px var(--cs-font);color:var(--cs-gold);-webkit-text-stroke:5px #4a2a14;paint-order:stroke fill;transform:rotate(-4deg)}.capybara-scream-app .cs-word-card span{font-size:13px;font-weight:900;color:var(--cs-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capybara-scream-app .cs-word-card small{font-size:11px;font-weight:800;color:#3f6b2a}.capybara-scream-app .cs-loading{z-index:20}@media (hover:none),(pointer:coarse){.capybara-scream-app .cs-mouse-only{display:none}}@media (max-aspect-ratio:4/5),(max-width:700px){.capybara-scream-app .cs-sheet-panel{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:86dvh;padding:16px max(14px,var(--cs-safe-r)) max(16px,var(--cs-safe-b)) max(14px,var(--cs-safe-l));border-radius:24px 24px 0 0}}@media (max-height:520px) and (orientation:landscape){.capybara-scream-app .cs-panel{top:calc(var(--cs-vv-top, 0px) + 8px);left:auto;right:calc(var(--cs-safe-r) + 64px);transform:none;width:min(340px,48%);max-height:calc(var(--cs-vv-h, 100dvh) - 16px);gap:5px;padding:8px 10px}.capybara-scream-app .cs-sub{display:none}.capybara-scream-app .cs-top{flex-direction:column;align-items:flex-end;left:auto;width:44px}.capybara-scream-app .cs-best{position:fixed;left:calc(var(--cs-safe-l) + 60px);top:calc(var(--cs-safe-t) + 10px);text-align:left}.capybara-scream-app .cs-top-btns{flex-direction:column}.capybara-scream-app .cs-back{position:fixed;left:calc(var(--cs-safe-l) + 8px);top:calc(var(--cs-safe-t) + 8px)}.capybara-scream-app .cs-aim,.capybara-scream-app .cs-hud,.capybara-scream-app .cs-scream{top:calc(var(--cs-safe-t) + 20px)}.capybara-scream-app .cs-pop{top:calc(var(--cs-safe-t) + 30px)}.capybara-scream-app .cs-results{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:0 16px;padding-top:calc(var(--cs-safe-t) + 12px)}.capybara-scream-app .cs-leaderboard{margin-top:0}.capybara-scream-app .cs-r-score b{font-size:48px}.capybara-scream-app .cs-sheet-panel{left:auto;right:max(10px,var(--cs-safe-r));top:50%;bottom:auto;transform:translateY(-50%);width:400px;max-height:calc(100dvh - 16px);border-radius:22px}}@keyframes cs-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes cs-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-1deg)}75%{transform:translate(2px,-1px) rotate(1deg)}}@media (prefers-reduced-motion:reduce){.capybara-scream-app .cs-pop-dist,.capybara-scream-app .cs-r-rec,.capybara-scream-app .cs-scream-title{animation:none}}