.eg-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;color:#e7e5e4;background:linear-gradient(#060305b8,#060305dc),url(/images/lobby_roombg.webp) center/cover;padding:max(env(safe-area-inset-top),8px) max(env(safe-area-inset-right),14px) max(env(safe-area-inset-bottom),8px) max(env(safe-area-inset-left),14px);overflow:hidden;letter-spacing:0}.eg-header{flex:0 0 auto;min-height:36px;display:grid;grid-template-columns:minmax(105px,1fr) auto minmax(105px,1fr);align-items:center;gap:8px;margin-bottom:10px}.eg-header h2{font:700 24px/1.2 "Noto Serif SC",serif;color:#f59e0b;margin:0;text-shadow:0 0 12px #b4530940}.eg-back{justify-self:start;display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 10px;border:1px solid #71512c;border-radius:3px;background:#14100bea;color:#fcd68b;font-size:12px;white-space:nowrap;cursor:pointer}.eg-back:hover{border-color:#f59e0b;color:#fff}.eg-result-area{flex:1;min-height:0;width:100%;container-type:size}.eg-result-rows{height:100%;display:grid;grid-template-rows:repeat(var(--eg-rows),minmax(0,1fr));gap:10px}.eg-result-row{display:flex;justify-content:center;min-height:0;gap:8px}.eg-result-card{min-width:0;height:100%;width:calc((100% - (var(--eg-columns) - 1) * 8px) / var(--eg-columns));max-width:calc((100cqh - (var(--eg-rows) - 1) * 10px) / var(--eg-rows) * .72);display:flex;flex-direction:column;border:2px solid #57534e;border-radius:3px;overflow:hidden;background:linear-gradient(#1c1118,#0a0508)}.eg-result-card header,.eg-result-card footer{flex:0 0 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#0009;padding:4px 2px;font:700 13px/1.2 "Noto Serif SC",serif}.eg-result-card header{color:#f3be58}.eg-result-card footer{font-size:15px}.eg-result-portrait{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}.eg-result-portrait>*,.eg-reward-portrait>:first-child{width:100%;height:100%;object-fit:cover;object-position:top}.eg-tone-red{border-color:#b91c1c;color:#f87171;box-shadow:0 0 10px #b91c1c40}.eg-tone-purple{border-color:#7e22ce;color:#c084fc}.eg-tone-fuchsia{border-color:#a21caf;color:#e879f9}.eg-tone-blue{border-color:#1d4ed8;color:#60a5fa}.eg-reward-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;width:min(100%,1100px);align-self:center}.eg-reward-portrait{position:relative;min-height:0;overflow:hidden;border:1px solid #856028;border-radius:3px;background:#0b080d;isolation:isolate}.eg-portrait-caption{position:absolute;inset:auto 0 0;z-index:30;background:linear-gradient(transparent,#000e 45%);padding:28px 14px 10px;display:flex;flex-direction:column;gap:4px}.eg-portrait-caption strong{font-size:18px;overflow-wrap:anywhere}.eg-portrait-caption span{font-size:14px;color:#fcd68b}.eg-reward-data{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:8px 0;overflow-y:auto}.eg-reward-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #8a652a50}.eg-reward-line>span{display:flex;align-items:center;gap:8px;font-size:16px}.eg-reward-line strong{font:700 28px/1.1 monospace;color:#e9ceff;font-variant-numeric:tabular-nums}.eg-reward-line strong.eg-negative{color:#f87171}.eg-reward-line strong.eg-positive{color:#86efac}.eg-xp .eg-reward-line{border:0;padding-bottom:12px}.eg-level-line{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:8px}.eg-xp-track{height:10px;border:1px solid #79548d;background:#16121b;overflow:hidden}.eg-xp-track>div{height:100%;background:linear-gradient(90deg,#7c3aed,#d8b4fe)}.eg-level-up{min-height:24px;padding-top:6px;font-size:13px;color:#fcd34d}.eg-level-up.is-upgraded{animation:eg-upgrade .5s ease-out}.eg-terminal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),12px) max(env(safe-area-inset-right),18px) max(env(safe-area-inset-bottom),12px) max(env(safe-area-inset-left),18px)}.eg-terminal-content{max-width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.eg-terminal-owner,.eg-terminal-caption{margin:0;max-width:100%;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5;text-shadow:0 2px 4px black}.eg-flip-stage{height:min(66dvh,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8rem));width:auto;max-width:100%;aspect-ratio:5/7;perspective:800px;animation:eg-arrive .45s ease-out both}.eg-flip-card{height:100%;position:relative;transform-style:preserve-3d;animation:eg-flip .65s ease-in-out forwards}.eg-card-front,.eg-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:2px solid #d4af68;border-radius:5px;backface-visibility:hidden;-webkit-backface-visibility:hidden;font:700 28px "Noto Serif SC",serif;box-shadow:0 0 20px #d4af6850}.eg-card-back{background:#292524;color:#d6d3d1}.eg-card-front{transform:rotateY(180deg);background:#e7e5e4;color:#292524}.eg-identity-WITCH{background:#581c87;color:#e9d5ff}.eg-identity-CONSTABLE{background:#1e3a8a;color:#bfdbfe}.eg-portrait-front{overflow:hidden;isolation:isolate;background:#151118;border:1px solid #a395b2;box-shadow:0 0 18px #b69ad638}.eg-portrait-front.eg-identity-WITCH{border-color:#a395b2;box-shadow:0 0 18px #b69ad638}.eg-portrait-front.eg-identity-CONSTABLE{border-color:#6f9fd8;box-shadow:0 0 18px #3b82f655}.eg-portrait-front.eg-identity-VILLAGER{border-color:#b8a684;box-shadow:0 0 18px #d4af6845}.eg-terminal-portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;isolation:isolate;overflow:hidden}.eg-terminal-portrait>*{width:100%;height:100%;object-fit:cover;object-position:top}.eg-terminal-identity-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent 35%,#0008 65%,#000e);pointer-events:none}.eg-terminal-identity-label{position:absolute;inset:auto 0 8px;z-index:2;color:#fff;font:700 28px/1.2 "Noto Serif SC",serif;text-shadow:0 2px 3px #000,0 0 5px #000}@keyframes eg-flip{to{transform:rotateY(180deg)}}.eg-stage-enter{animation:eg-stage-in .34s ease-out both}.eg-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;background:radial-gradient(circle at 50% 45%,#1b1030ee,#05030aee 70%);animation:eg-veil-fade .62s ease-in-out both}@keyframes eg-stage-in{0%{opacity:0}to{opacity:1}}@keyframes eg-veil-fade{0%{opacity:0}42%{opacity:.92}to{opacity:0}}@keyframes eg-arrive{0%{transform:translate(var(--eg-origin-x),var(--eg-origin-y)) scale(.25)}to{transform:translate(0) scale(1)}}@keyframes eg-upgrade{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 430px){.eg-header{min-height:32px;margin-bottom:6px}.eg-header h2{font-size:20px}.eg-result-card header,.eg-result-card footer{padding:3px 1px;font-size:11px}.eg-result-card footer{font-size:12px}.eg-reward-line{padding:10px 0}.eg-reward-line strong{font-size:24px}.eg-reward-line>span{font-size:14px}.eg-reward-body{gap:18px}}@media (prefers-reduced-motion: reduce){.eg-flip-stage,.eg-level-up.is-upgraded{animation:none}.eg-flip-card{animation:none;transform:rotateY(180deg)}.eg-stage-enter,.eg-veil{animation:none}}.player-card-effects{position:absolute;left:0;right:0;z-index:40;overflow:hidden;pointer-events:none;contain:paint;isolation:isolate}.player-jail{position:absolute;top:0;right:0;bottom:0;left:0;background:#080d1330}.player-jail-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-around;border-top:5px solid #626a72;border-bottom:5px solid #444c55;box-shadow:inset 0 1px 1px #c7d1db,inset 0 -1px 2px #10141b}.player-jail-bars:after{content:"";position:absolute;top:66%;left:0;right:0;height:4px;background:linear-gradient(#9ea7ad,#323a42);box-shadow:0 2px 3px #000b}.player-jail-bars i{width:5px;height:100%;background:linear-gradient(90deg,#28303a,#afb9c0 45%,#56626e 70%,#232a32);box-shadow:2px 0 3px #000b}.player-jail.detention-enter{animation:jail-lower .85s cubic-bezier(.2,.75,.25,1) both}.player-jail.detention-leave{animation:jail-raise .85s ease-in-out both}.player-jail-label{position:absolute;left:0;right:0;top:43%;color:#fff;text-align:center;font-size:12px;line-height:1.4;font-weight:700;text-shadow:0 1px 3px black,0 0 5px black}.player-arson{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;animation:arson-envelope 2.4s linear both;background:linear-gradient(transparent 20%,#da310030)}.player-arson i{position:absolute;bottom:-18%;left:calc(var(--flame) * 15% - 3%);width:25%;height:78%;border-radius:75% 10% 60% 35%;transform-origin:bottom center;background:linear-gradient(0deg,#fff7bc 5%,#ffd34b 30%,#ff7415 65%,#df2c00cc 85%,transparent);animation:arson-flame .64s ease-in-out infinite alternate;animation-delay:calc(var(--flame) * -.11s)}.player-arson i:nth-child(2n){height:98%;width:22%}@keyframes jail-lower{0%{transform:translateY(-105%)}to{transform:translateY(0)}}@keyframes jail-raise{0%{transform:translateY(0)}to{transform:translateY(-105%)}}@keyframes arson-flame{0%{transform:scaleY(.7) rotate(-9deg);opacity:.7}to{transform:scaleY(1.15) rotate(8deg);opacity:1}}@keyframes arson-envelope{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.player-jail.detention-enter,.player-jail.detention-leave{animation-timing-function:steps(1,end)}.player-arson i{animation:none}}