:root{--bg-0:#0e0b1d;--bg-1:#1a1534;--panel:#1f1940;--panel-2:#2a2354;--ink:#fff8ec;--muted:#b9b2d6;--line:#ffffff21;--accent:#ffd23f;--accent-deep:#b98f0c;--hot:#ff4d5e;--blue:#a8dcff;--outline:#1a1033;--crowd:#0b0918;--c-announcer:#8fd8ff;--c-analyst:#9be59a;--c-fan:#d8283f;--c-gaya2:#ffad7a;--c-gaya3:#c9a7ff;--c-dark-ink:#14112b;--turn-glow:255, 210, 63;--display:"Dela Gothic One", "Hiragino Kaku Gothic StdN", "Hiragino Sans", sans-serif;--body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}#app{height:100dvh}button{color:inherit;font-family:inherit}[hidden]{display:none!important}.outline{text-shadow:0 3px 0 var(--outline), 3px 0 0 var(--outline), -3px 0 0 var(--outline), 0 -3px 0 var(--outline), 2px 2px 0 var(--outline), -2px 2px 0 var(--outline), 2px -2px 0 var(--outline), -2px -2px 0 var(--outline)}.app{background:radial-gradient(ellipse 60% 55% at 50% 42%, #7e60ff47, transparent 70%), radial-gradient(ellipse 120% 80% at 50% 0%, #2a2156 0%, var(--bg-1) 45%, var(--bg-0) 100%);height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:clip}.app:before{content:"";pointer-events:none;background:conic-gradient(from 200deg at 12% -10%,#0000 0deg,#ffdc8c12 12deg,#0000 26deg),conic-gradient(from 134deg at 88% -10%,#0000 0deg,#a0c8ff12 12deg,#0000 26deg);position:absolute;inset:0}.turn-light{z-index:0;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.half{position:relative}.half:before,.half:after{content:"";opacity:0;transition:opacity .5s;position:absolute;inset:0}.half-black:before{background:radial-gradient(ellipse 75% 60% at 30% 44%, rgba(var(--turn-glow), .22), transparent 72%), linear-gradient(90deg, rgba(var(--turn-glow), .2), rgba(var(--turn-glow), .08) 60%, rgba(var(--turn-glow), .04));box-shadow:inset 5px 0 0 rgba(var(--turn-glow), .9), inset 30px 0 40px -24px rgba(var(--turn-glow), .6)}.half-white:before{background:radial-gradient(ellipse 75% 60% at 70% 44%, rgba(var(--turn-glow), .22), transparent 72%), linear-gradient(270deg, rgba(var(--turn-glow), .2), rgba(var(--turn-glow), .08) 60%, rgba(var(--turn-glow), .04));box-shadow:inset -5px 0 0 rgba(var(--turn-glow), .9), inset -30px 0 40px -24px rgba(var(--turn-glow), .6)}.half-black:after{background:linear-gradient(270deg,#0604101f,#06041057 9%)}.half-white:after{background:linear-gradient(90deg,#0604101f,#06041057 9%)}.app[data-turn=BLACK] .half-black:before,.app[data-turn=WHITE] .half-white:before,.app[data-turn=BLACK] .half-white:after,.app[data-turn=WHITE] .half-black:after{opacity:1}.topbar{z-index:16;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 6px;display:flex;position:relative}.brand{align-items:baseline;gap:14px;min-width:0;display:flex}.logo,.start-logo{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;font-size:28px}.logo-gaya{color:var(--accent);text-shadow:0 3px 0 var(--outline), 3px 0 0 var(--outline), -3px 0 0 var(--outline), 0 -3px 0 var(--outline), 2px 2px 0 var(--outline), -2px 2px 0 var(--outline), 2px -2px 0 var(--outline), -2px -2px 0 var(--outline), 0 6px 14px #ffd23f59;margin-right:2px;display:inline-block;transform:rotate(-7deg)}.logo-reversi{color:#fff}.tagline{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:700}.menu{flex-wrap:nowrap;gap:6px;display:flex}.menu button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:800;transition:background .15s,transform .1s;display:inline-flex}.menu button:hover:not(:disabled){background:#ffffff24}.menu button:active:not(:disabled){transform:translateY(1px)}.menu button:disabled{opacity:.4;cursor:default}.stage{z-index:1;grid-template:"black board white"minmax(0,1fr)".meter."/minmax(130px,210px) minmax(0,1fr) minmax(130px,210px);align-items:center;gap:6px 18px;min-height:0;padding:0 18px;display:grid;position:relative}.player[data-player=BLACK]{grid-area:black}.player[data-player=WHITE]{grid-area:white}.board-wrap{grid-area:board;height:100%;min-height:0;position:relative}.board{position:absolute;inset:0}.board canvas{width:100%;height:100%;display:block}.meter{border:2px solid var(--outline);transform-origin:50%;background:linear-gradient(#fffaf0,#e2dac6);border-radius:999px;grid-area:meter;justify-self:center;width:min(100%,560px);height:14px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff24,0 6px 16px #00000073}.meter:after{content:"";background:rgba(var(--turn-glow), .85);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.meter-black{width:50%;height:100%;box-shadow:inset -3px 0 0 rgba(var(--turn-glow), .95);background:linear-gradient(#3d3d3d,#060606);transition:width .4s cubic-bezier(.3,1.3,.5,1)}.meter.bump{animation:.5s ease-out meter-bump}@keyframes meter-bump{35%{box-shadow:0 0 0 3px rgba(var(--turn-glow), .55), 0 0 18px rgba(var(--turn-glow), .6);transform:scaleY(1.35)}}.player{border:2px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px 18px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 14px 40px #00000059}.player[data-active]{border-color:var(--accent);transform:translateY(-3px)scale(1.03);box-shadow:0 0 0 5px #ffd23f29,0 18px 44px #ffd23f2e}.player-head{align-items:center;gap:10px;display:flex}.player-name{font-family:var(--display);font-size:26px}.disc-icon{border-radius:50%;flex:none;width:34px;height:34px;display:inline-block}.disc-icon.black{background:radial-gradient(circle at 35% 30%,#5a5a5a,#111 62%);box-shadow:inset 0 -3px #000,0 3px 8px #0009}.disc-icon.white{background:radial-gradient(circle at 35% 30%,#fff,#e3ddcf 66%);box-shadow:inset 0 -3px #bfb7a3,0 3px 8px #0009}.count{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(46px,5.6vw,84px);line-height:1}.count.bump{animation:.3s ease-out bump}.turn-badge{visibility:hidden;background:var(--accent);color:var(--outline);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:800}.player[data-active] .turn-badge{visibility:visible;animation:1.2s ease-in-out infinite pulse}.fav-ribbon{background:var(--c-fan);color:#fff;white-space:nowrap;border-radius:10px;padding:5px 10px;font-size:13px;font-weight:800;transition:transform .35s cubic-bezier(.3,1.6,.5,1);position:absolute;top:-14px;right:-10px;transform:rotate(8deg)scale(0);box-shadow:0 6px 16px #ff4d5e66}.fav-ribbon:before{content:"♥ "}.player[data-fav] .fav-ribbon{transform:rotate(8deg)scale(1)}.pass-badge{font-family:var(--display);color:var(--hot);opacity:0;pointer-events:none;background:#0e0a20cc;border-radius:22px;place-items:center;font-size:34px;display:grid;position:absolute;inset:0}.player.passed .pass-badge{animation:1.8s ease-out passflash}.toast{z-index:4;border:3px solid var(--accent);font-family:var(--display);color:var(--accent);white-space:nowrap;pointer-events:none;background:#0a0819d9;border-radius:18px;padding:10px 28px;font-size:clamp(26px,4vw,46px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.toast.pass{border-color:var(--hot);color:#fff;background:var(--hot)}.toast.show{animation:1.7s cubic-bezier(.2,1.4,.4,1) forwards toast}.result{z-index:6;background:#0a081961;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.result-card{border:3px solid var(--accent);text-align:center;background:linear-gradient(#2f2760,#1f1940);border-radius:26px;width:min(440px,100%);padding:22px 22px 20px;position:relative;box-shadow:0 24px 60px #0000008c}.result-card.enter{animation:.55s cubic-bezier(.2,1.5,.4,1) pop-in}.result-close{position:absolute;top:10px;right:10px}.result-title{font-family:var(--display);color:var(--accent);text-shadow:0 3px 0 var(--outline), 3px 0 0 var(--outline), -3px 0 0 var(--outline), 0 -3px 0 var(--outline);font-size:clamp(32px,5vw,48px)}.result-score{font-family:var(--display);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;margin:8px 0 4px;font-size:40px;display:flex}.result-dash{color:var(--muted)}.result-line{min-height:1.5em;margin:8px 0 16px;font-size:17px;font-weight:800;line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-reopen{z-index:5;border:2px solid var(--accent);cursor:pointer;background:#0a0819d9;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:inline-flex;position:absolute;bottom:6px;right:6px}.replay-layer{z-index:14;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.replay-side{border:2px solid var(--line);opacity:0;pointer-events:none;background:#0a08198c;border-radius:50%;place-items:center;width:52px;height:52px;transition:opacity .2s;display:grid;position:absolute;top:50%;translate:0 -50%}.replay-side svg{width:28px;height:28px}.replay-side.left{left:10px}.replay-side.right{right:10px}.replay-layer:not(.playing) .replay-side{opacity:1}.replay-bar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));border:2px solid var(--accent);cursor:default;background:#14102cf0;border-radius:18px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:8px 10px;display:flex;position:absolute;translate:-50%;box-shadow:0 12px 30px #00000073}.replay-bar .icon-btn{width:44px;height:44px}.replay-bar .icon-btn:disabled{opacity:.35;cursor:default}.replay-bar .replay-toggle{background:var(--accent);color:var(--outline);border-color:var(--accent)}.replay-info{min-width:0;padding:0 6px;line-height:1.25;display:grid}.replay-count{font-family:var(--display);white-space:nowrap;font-size:18px}.replay-move{font-size:13px;font-weight:800}.replay-hint{color:var(--muted);font-size:11.5px;font-weight:700}.replay-bar .replay-close{white-space:nowrap;padding:10px 14px;font-size:14px}.app.replaying .bubble{visibility:hidden}@media (width<=560px){.replay-bar{gap:6px;padding:6px 8px}.replay-bar .icon-btn{width:40px;height:40px}.replay-hint{display:none}.replay-count{font-size:15px}.replay-side{background:#0a081966;width:40px;height:40px}.replay-side svg{width:22px;height:22px}.replay-bar .replay-close{padding:8px 10px;font-size:13px}}.gaya-bar{z-index:2;height:clamp(124px,19vh,180px);padding:8px 18px calc(30px + env(safe-area-inset-bottom));background:linear-gradient(#5c46be00 15%,#5c46be73);grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,760px);justify-content:center;align-items:center;gap:16px;display:grid;position:relative}.cast{z-index:2;align-items:flex-end;gap:14px;height:100%;display:flex;position:relative}.member{--sp:var(--c-announcer);--sp-ink:var(--c-dark-ink);transform-origin:50% 100%;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;transition:transform .25s cubic-bezier(.3,1.4,.5,1);display:flex;position:relative}.member[data-active]{z-index:1;transform:translateY(-4px)scale(1.1)}.avatar{aspect-ratio:1;filter:drop-shadow(0 8px 14px #00000073);height:min(100% - 24px,96px);transition:filter .25s;position:relative}.cast:has(.member[data-active]) .member:not([data-active]) .avatar{filter:saturate(.7)brightness(.8)drop-shadow(0 6px 10px #0006)}.nameplate{border:2px solid var(--outline);background:var(--sp);color:var(--sp-ink);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;line-height:1.3}[data-member=ANNOUNCER]{--sp:var(--c-announcer);--sp-ink:var(--c-dark-ink)}[data-member=ANALYST]{--sp:var(--c-analyst);--sp-ink:var(--c-dark-ink)}[data-member=GAYA1]{--sp:var(--c-fan);--sp-ink:#fff}[data-member=GAYA2]{--sp:var(--c-gaya2);--sp-ink:var(--c-dark-ink)}[data-member=GAYA3]{--sp:var(--c-gaya3);--sp-ink:var(--c-dark-ink)}[data-member=GUEST]{--sp:#f6f3ea;--sp-ink:var(--c-dark-ink)}.avatar-svg{width:100%;height:100%;display:block;overflow:visible}.avatar-mouth{transform-box:fill-box;transform-origin:50%}.avatar[data-talking] .avatar-mouth{animation:.16s ease-in-out infinite alternate talk}.avatar.react[data-motion=jump]{animation:.7s cubic-bezier(.3,1.4,.5,1) av-jump}.avatar.react[data-motion=pop]{animation:.5s cubic-bezier(.3,1.6,.5,1) av-pop}.avatar.react[data-motion=shake]{animation:.5s linear av-shake}.avatar.react[data-motion=droop]{animation:.9s ease-out av-droop}.avatar.react[data-motion=nod]{animation:.45s ease-out av-nod}.avatar.react[data-motion=tilt]{animation:.7s ease-out av-tilt}.bubble{z-index:2;border:2px solid #ffffff29;border-color:color-mix(in srgb, var(--sp) 60%, transparent);background:#0c091edb;border-radius:22px;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;min-height:0;padding:14px 24px;transition:border-color .2s;display:flex;position:relative;box-shadow:0 12px 30px #00000059;container-type:size}.bubble:before{content:"";background:inherit;border-bottom:2px solid;border-left:2px solid;border-color:inherit;width:22px;height:22px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)rotate(45deg)}.speaker-chip{border:2px solid var(--outline);background:var(--sp);color:var(--sp-ink);white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800;position:absolute;top:-14px;left:20px}.sr-live{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.telop{--fs:clamp(18px, 2.3vw, 32px);font-family:var(--display);font-size:var(--fs);font-size:min(var(--fs), 35cqh);color:#fff;word-break:auto-phrase;overflow-wrap:anywhere;text-shadow:0 2px 0 var(--outline), 2px 0 0 var(--outline), -2px 0 0 var(--outline), 0 -2px 0 var(--outline), 2px 2px 0 var(--outline), -2px 2px 0 var(--outline), 2px -2px 0 var(--outline), -2px -2px 0 var(--outline);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.telop.important{--fs:clamp(21px, 2.9vw, 40px);color:var(--accent);text-shadow:0 3px 0 #b3122a, 3px 0 0 #b3122a, -3px 0 0 #b3122a, 0 -3px 0 #b3122a, 2px 2px 0 #b3122a, -2px 2px 0 #b3122a, 2px -2px 0 #b3122a, -2px -2px 0 #b3122a, 0 6px 0 var(--outline)}.telop.long{--fs:clamp(15px, 1.8vw, 26px);font-size:min(var(--fs), 23cqh);-webkit-line-clamp:3}.telop.tone-hot:not(.important){color:var(--accent)}.telop.tone-blue{color:var(--blue)}.telop.tone-red:not(.important){color:#ff9a7a}.telop.tone-purple{color:#e2b8ff}.telop.tone-gray{color:#d3cfe4}.telop.enter{animation:.3s ease-out telop-in}.telop.important.enter{animation:.55s cubic-bezier(.2,1.6,.4,1) telop-pop}.crowd{z-index:1;pointer-events:none;--crowd-k:1;height:54px;position:absolute;bottom:0;left:0;right:0;overflow-x:clip}.fan{width:50px;height:58px;transform:translateX(-50%) scale(var(--s));transform-origin:50% 100%;position:absolute;bottom:-10px}.fan:before{content:"";background:var(--crowd);border-radius:50%;width:26px;height:26px;margin-left:-13px;position:absolute;top:0;left:50%}.fan:after{content:"";background:var(--crowd);border-radius:24px 24px 6px 6px;width:48px;height:34px;margin-left:-24px;position:absolute;bottom:0;left:50%}.flag{z-index:1;transform-origin:50% 100%;background:#6d6152;width:3px;height:40px;position:absolute;top:-18px;left:76%}.flag:after{content:"";background:var(--flag,#ff4d5e);border:1px solid #00000080;width:22px;height:14px;position:absolute;top:0;left:3px}.flag.b{--flag:#151515}.flag.w{--flag:#f3efe4}.crowd[data-favor=BLACK] .flag{--flag:#151515}.crowd[data-favor=WHITE] .flag{--flag:#f3efe4}.crowd[data-favor=NONE] .fan:nth-child(3n) .flag{--flag:#ff4d5e}.crowd.go[data-motion=cheer] .fan{animation:fan-jump calc(.42s / var(--crowd-k)) ease-out var(--d) 4}.crowd.go[data-motion=cheer] .flag{animation:flag-wave .3s ease-in-out var(--d) 6 alternate}.crowd.go[data-motion=boo] .fan{animation:fan-boo 1.6s ease-in-out var(--d)}.crowd.go[data-motion=gasp] .fan{animation:fan-gasp .6s ease-out var(--d)}.crowd.go[data-motion=clap] .fan{animation:fan-clap .25s ease-in-out var(--d) 6 alternate}.crowd[data-hype="1"] .fan{animation:fan-sway 2.2s ease-in-out var(--d) infinite}.crowd[data-hype="2"] .fan{animation:fan-sway 1.1s ease-in-out var(--d) infinite}.crowd[data-hype="2"] .flag{animation:flag-wave .6s ease-in-out var(--d) infinite alternate}.crowd[data-hype="3"] .fan{animation:fan-jump .55s ease-out var(--d) infinite}.crowd[data-hype="3"] .flag{animation:flag-wave .3s ease-in-out var(--d) infinite alternate}.crowd[data-favor] .fan.shout{z-index:2;animation:1.2s cubic-bezier(.3,1.5,.5,1) fan-shout}.fan.shout:before,.fan.shout:after{background:#3d3466}.app.quake{animation:1.4s cubic-bezier(.36,.07,.19,.97) both quake}.pause-veil{z-index:15;-webkit-backdrop-filter:blur(3px);background:#0a081999;place-items:center;display:grid;position:absolute;inset:0}.pause-card{justify-items:center;gap:18px;display:grid}.pause-title{font-family:var(--display);color:#fff;font-size:clamp(34px,6vw,60px)}.start-screen{z-index:20;-webkit-backdrop-filter:blur(6px);background:#0c091cbd;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.start-card{border:2px solid var(--line);background:linear-gradient(#2f2760f5,#1f1940f5);border-radius:28px;width:min(780px,100%);padding:26px 26px 22px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop-in;box-shadow:0 30px 80px #00000080}.start-hero{text-align:center;margin-bottom:8px}.start-logo{font-size:clamp(44px,9vw,76px);line-height:1.1}@media (width<=560px){html[lang=en] .logo{flex-direction:column;align-items:flex-start;font-size:17px;line-height:1;display:flex}html[lang=en] .logo .logo-gaya{font-size:15px}}html[lang=en] .start-logo{font-size:clamp(26px,9.43396vw - 6.79245px,66px)}.start-catch{font-family:var(--display);margin:6px 0 0;font-size:clamp(18px,3vw,26px)}.start-card h2{color:var(--muted);letter-spacing:.08em;margin:20px 0 10px;font-size:15px}.persona-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.persona-list{gap:8px;display:grid}.start-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:0 16px;display:grid}.persona-option{border:2px solid var(--line);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:16px;align-content:start;gap:4px;padding:12px;transition:border-color .15s,background .15s,transform .1s;display:grid;position:relative}.persona-option:hover{background:#ffffff1a}.persona-option[aria-pressed=true]{border-color:var(--accent);background:#ffd23f1f}.persona-option.compact{grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:12px}.persona-option.compact .persona-band{border-radius:10px;grid-row:span 2;height:40px}.persona-band{border:2px solid var(--outline);border-radius:6px;height:12px}.band-NORMAL{background:#e8423f}.band-WHITE_FAN{background:#f6f3ea}.band-BLACK_FAN{background:#151515;border-color:#555}.band-UNDERDOG{background:repeating-linear-gradient(135deg,#7c5cff 0 8px,#5a3fd6 8px 16px)}.band-CHAOTIC{background:linear-gradient(90deg,#151515 50%,#f6f3ea 50%)}.persona-name{word-break:keep-all;overflow-wrap:anywhere;font-size:16px;font-weight:800}.persona-desc{color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.45}.segmented{background:#0000004d;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 10px;font-size:15px;font-weight:800}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--outline)}.btn{border:2px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:800;transition:transform .1s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn.primary{background:var(--accent);color:var(--outline);box-shadow:0 4px 0 var(--accent-deep);border-color:#0000}.btn.primary:active{box-shadow:0 2px 0 var(--accent-deep)}.start-btn{width:100%;font-family:var(--display);margin-top:22px;padding:16px;font-size:24px;font-weight:400;display:flex}.start-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.lang-switch{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.lang-switch select{border-radius:8px;width:auto;padding:4px 6px;font-size:12px}.tone-desc{color:var(--muted);margin:6px 2px 0;font-size:12.5px;font-weight:700}.maria-note{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:700;display:none}.app[data-mood=MARIA] .maria-note{display:block}.app[data-mood=MARIA] .persona-block,.app[data-mood=MARIA] .persona-list{display:none}.pause-note{color:var(--muted);margin:0;font-weight:700}.app.comeback .half:before{opacity:1;animation:.5s ease-in-out 8 alternate comeback-glow}.app.comeback .half:after{opacity:0}@keyframes comeback-glow{0%{filter:brightness()}to{filter:brightness(2.2)saturate(1.4)}}.license-link{color:var(--muted);opacity:.6;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:12px;font-weight:700;text-decoration:underline}.license-link:hover,.license-link:focus-visible{opacity:1}.license-panel{width:min(560px,100%)}.license-item h4{margin:0 0 6px;font-size:15px}.license-item p,.license-item ul{margin:0 0 6px;font-size:13px;font-weight:700;line-height:1.6}.license-item ul{padding-left:20px}.license-item a{color:var(--accent)}.license-item pre{max-height:140px;color:var(--muted);white-space:pre-wrap;background:#00000040;border-radius:10px;margin:0;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.modal{z-index:30;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:linear-gradient(#2a2354,#1f1940);border-radius:22px;gap:14px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:18px 20px 20px;animation:.3s cubic-bezier(.2,1.3,.4,1) pop-in;display:grid;overflow:auto;box-shadow:0 24px 60px #00000080}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{margin:0;font-size:19px}.panel-note{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.5}.field{gap:8px;font-size:14px;font-weight:800;display:grid}.field>span{color:var(--muted)}.field b{color:var(--ink)}input[type=range]{width:100%;accent-color:var(--accent)}select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#15112e;border-radius:10px;padding:10px;font-weight:700}.switch{cursor:pointer;align-items:center;gap:10px;font-weight:800;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent)}.voice-mode{gap:14px;display:grid}.voice-note{color:var(--blue);margin:0;font-size:13px;font-weight:700}.confirm-message{text-align:center;margin:4px 0;font-size:17px;font-weight:800;line-height:1.5}.confetti{z-index:50;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.debug-audio{z-index:60;color:#fff;pointer-events:none;background:#000000bf;border-radius:6px;padding:2px 6px;font:11px/1.4 ui-monospace,monospace;position:fixed;bottom:4px;left:4px}.fatal{text-align:center;place-content:center;height:100%;padding:24px;font-weight:700;line-height:1.7;display:grid}@media (width<=1180px){.menu button span{display:none}.menu button{padding:8px 10px}}@media (width<=900px){.tagline{display:none}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px),(aspect-ratio<=1){.topbar{padding:8px 12px 4px}.logo{font-size:22px}.menu{gap:4px}.menu button{padding:7px 8px}.stage{grid-template:"black white""meter meter""board board"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:6px 10px;padding:4px 12px 0}.meter{width:100%;height:11px}.board-wrap{margin-inline:-12px}.player{border-radius:14px;flex-direction:row;justify-content:space-between;gap:8px;padding:18px 12px 6px}.player[data-active]{transform:none}.player-name{font-size:16px}.disc-icon{width:20px;height:20px}.count{font-size:26px}.turn-badge{padding:2px 9px;font-size:12px;position:absolute;top:-10px;left:-4px;box-shadow:0 4px 12px #ffd23f59}.fav-ribbon{padding:3px 8px;font-size:11px;top:-10px;right:-4px}.pass-badge{border-radius:14px;font-size:22px}.gaya-bar{height:clamp(118px,18vh,150px);padding:6px 12px calc(26px + env(safe-area-inset-bottom));gap:12px}.cast{gap:0}.member{padding-bottom:18px}.member+.member{margin-left:-10px}.avatar{height:min(100% - 18px,54px)}.nameplate{padding:0 6px;font-size:11px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.member:not([data-active]) .nameplate{visibility:hidden}.segmented button{white-space:nowrap;padding-inline:4px}.bubble{border-radius:18px;padding:12px 16px}.speaker-chip{font-size:12px;left:14px}.half-black:before{background:radial-gradient(ellipse 90% 40% at 50% 10%, rgba(var(--turn-glow), .24), transparent 72%), linear-gradient(90deg, rgba(var(--turn-glow), .2), rgba(var(--turn-glow), .08) 60%, rgba(var(--turn-glow), .04))}.half-white:before{background:radial-gradient(ellipse 90% 40% at 50% 10%, rgba(var(--turn-glow), .24), transparent 72%), linear-gradient(270deg, rgba(var(--turn-glow), .2), rgba(var(--turn-glow), .08) 60%, rgba(var(--turn-glow), .04))}.telop{--fs:clamp(15px, 4.4vw, 22px)}.telop.important{--fs:clamp(17px, 5vw, 26px)}.telop.long{--fs:clamp(13px, 3.7vw, 19px)}.fan{width:38px;height:46px}.fan:before{width:20px;height:20px;margin-left:-10px}.fan:after{width:36px;height:26px;margin-left:-18px}.flag{height:30px;top:-12px}.flag:after{width:16px;height:11px}.start-card{padding:20px 16px 18px}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.gaya-bar{grid-template-columns:88px minmax(0,1fr);gap:8px;padding-left:8px}.cast{width:88px;display:block;position:relative}.member,.member+.member{height:auto;margin:0;padding-bottom:0;transition:left .3s,bottom .3s;position:absolute;bottom:0}.member[data-active]{transform:none}.member .avatar{height:34px;transition:height .3s,filter .25s}.member[data-slot=front]{z-index:3;bottom:0;left:14px}.member[data-slot=front] .avatar{height:60px}.member[data-slot=left]{z-index:1;bottom:40px;left:0}.member[data-slot=right]{z-index:1;bottom:40px;left:54px}.nameplate{position:static;transform:none}.member:not([data-slot=front]) .nameplate{display:none}.member[data-slot=front] .nameplate{visibility:visible}}@media (width<=760px){.start-screen .persona-desc,.start-screen .start-row{display:none}.start-screen .persona-option{padding:10px 12px}}@media (aspect-ratio<=1) and (width>=700px){.gaya-bar{grid-template-columns:auto minmax(0,540px);gap:18px;height:clamp(150px,14vh,176px);padding-inline:24px}.cast{gap:12px}.member{padding-bottom:0}.member+.member{margin-left:0}.avatar{height:min(100% - 26px,84px)}.nameplate{padding:2px 10px;font-size:12px;position:static;transform:none}.member:not([data-active]) .nameplate{visibility:visible}.telop{--fs:clamp(18px, 2.8vw, 26px)}.telop.important{--fs:clamp(20px, 3.2vw, 30px)}.telop.long{--fs:clamp(15px, 2.2vw, 21px)}}@media (aspect-ratio>=1) and (pointer:coarse){.gaya-bar{height:clamp(120px,17vh,150px)}.avatar{height:min(100% - 24px,80px)}.telop{--fs:clamp(16px, 1.9vw, 24px)}.telop.important{--fs:clamp(18px, 2.2vw, 28px)}}@media (height<=560px) and (aspect-ratio>=1){.app{grid-template-rows:minmax(0,1fr) auto}.topbar{top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);pointer-events:none;padding:6px 10px;position:absolute}.topbar>*{pointer-events:auto}.tagline,.menu button span{display:none}.logo{font-size:18px}.menu{gap:4px}.menu button{padding:6px 7px}.stage{grid-template-columns:minmax(104px,190px) minmax(0,1fr) minmax(104px,190px);gap:4px 10px;padding:6px 10px 0}.player{border-radius:16px;gap:4px;padding:8px}.player-name{font-size:16px}.disc-icon{width:22px;height:22px}.count{font-size:32px}.turn-badge{padding:2px 8px;font-size:12px}.gaya-bar{height:78px;padding:4px 10px calc(10px + env(safe-area-inset-bottom));gap:10px}.cast{gap:6px}.avatar{height:min(100% - 18px,46px)}.nameplate{padding:0 6px;font-size:10px}.bubble{border-radius:14px;padding:8px 14px}.speaker-chip{padding:1px 8px;font-size:11px;top:-11px}.telop{--fs:clamp(13px, 1.9vw, 18px)}.telop.important{--fs:clamp(14px, 2.1vw, 20px)}.telop.long{--fs:clamp(12px, 1.6vw, 15px)}.fan{width:34px;height:40px}.start-screen .persona-desc,.start-screen .start-row{display:none}.start-screen{padding:8px 16px}.start-card{padding:14px 18px 12px}.start-hero{justify-content:center;align-items:baseline;gap:16px;margin-bottom:0;display:flex}.start-logo,html[lang=en] .start-logo{font-size:36px}html[lang=en] .start-logo{font-size:30px}.start-catch{font-size:18px}.start-card h2{margin:8px 0 6px}.start-screen .tone-field{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.start-screen .tone-desc{margin:0}.start-screen .segmented button{padding:7px 10px}.persona-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.start-screen .persona-option{padding:8px 10px}.start-btn{margin-top:14px;padding:10px;font-size:20px}}@keyframes bump{40%{color:var(--accent);transform:scale(1.25)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes passflash{0%{opacity:0;transform:scale(.8)}15%,70%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-60%)scale(.95)rotate(-2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@keyframes telop-in{0%{opacity:0;transform:translateY(8px)}}@keyframes telop-pop{0%{opacity:0;transform:scale(.5)rotate(-4deg)}60%{transform:scale(1.08)rotate(1deg)}to{transform:none}}@keyframes talk{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}@keyframes av-jump{30%{transform:translateY(-26px)rotate(-6deg)}55%{transform:translateY(0)scale(1.08,.92)}75%{transform:translateY(-8px)}}@keyframes av-pop{35%{transform:scale(1.22)}}@keyframes av-shake{10%,50%,90%{transform:translate(-6px)rotate(-4deg)}30%,70%{transform:translate(6px)rotate(4deg)}}@keyframes av-droop{40%,70%{transform:translateY(10px)rotate(6deg)scale(.95)}}@keyframes av-nod{40%{transform:translateY(5px)rotate(-3deg)}}@keyframes av-tilt{40%,70%{transform:rotate(-10deg)}}@keyframes fan-jump{45%{transform:translateX(-50%) translateY(-22px) scale(var(--s))}}@keyframes flag-wave{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes fan-boo{20%,80%{transform:translateX(-50%) translateY(6px) rotate(-4deg) scale(var(--s))}50%{transform:translateX(-50%) translateY(6px) rotate(4deg) scale(var(--s))}}@keyframes fan-gasp{30%{transform:translateX(-50%) translateY(-10px) scale(var(--s))}}@keyframes fan-clap{to{transform:translateX(-50%) translateY(-6px) scale(var(--s))}}@keyframes fan-sway{0%,to{transform:translateX(-50%) scale(var(--s))}50%{transform:translateX(-50%) translateY(-5px) rotate(3deg) scale(var(--s))}}@keyframes fan-shout{25%,55%{transform:translateX(-50%) translateY(-26px) scale(calc(var(--s) * 1.15))}40%{transform:translateX(-50%) translateY(-20px) rotate(-6deg) scale(calc(var(--s) * 1.15))}}@keyframes quake{0%,to{transform:none}8%{transform:translate(-8px,5px)}16%{transform:translate(8px,-6px)}24%{transform:translate(-7px,4px)}34%{transform:translate(6px,-4px)}46%{transform:translate(-4px,3px)}60%{transform:translate(3px,-2px)}78%{transform:translate(-1px,1px)}}@media (prefers-reduced-motion:reduce){.crowd.go .fan,.crowd.go .flag,.avatar.react{animation-duration:10ms!important;animation-iteration-count:1!important}.crowd[data-hype] .fan,.crowd[data-hype] .flag,.crowd .fan.shout,.meter.bump,.app.comeback .half:before,.app.quake{animation:none!important}.member,.half:before,.half:after{transition:none}}