@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";:root{font-family:Cairo,system-ui,sans-serif;color:#f6f6f6;background:#050505;font-synthesis:none;--bg: #050505;--panel: rgba(18,18,18,.82);--panel-2: #111;--line: rgba(255,255,255,.09);--yellow: #ffd400;--yellow-2: #ffea68;--red: #ff2d2d;--green: #55f08d;--muted: #9d9d9d;--shadow: 0 24px 80px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,212,0,.065),transparent 28%),radial-gradient(circle at 85% 78%,rgba(255,45,45,.05),transparent 25%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px;z-index:0}.home-screen,.mobile-shell,.host-shell,.display-shell{position:relative;z-index:1;min-height:100vh}.centered-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:22px}.mobile-shell{max-width:720px;margin:auto;padding:18px 16px 50px}.host-shell{padding:22px;max-width:1640px;margin:auto}.display-shell{padding:20px 28px 38px;max-width:1920px;margin:auto}.glass-panel{background:linear-gradient(180deg,#171717eb,#0b0b0beb);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px}.eyebrow{font-size:.76rem;letter-spacing:.06em;font-weight:900;color:var(--yellow);text-transform:uppercase}.muted{color:var(--muted)}.danger-text{color:var(--red)!important}.btn{border:1px solid var(--line);background:#161616;color:#fff;border-radius:15px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-1px);border-color:#fff3}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--yellow);color:#050505;border-color:var(--yellow);box-shadow:0 10px 30px #ffd40021}.btn--primary:hover{box-shadow:0 15px 40px #ffd40038}.btn--outline{background:transparent;border-color:#ffd4006b}.btn--danger{background:var(--red);border-color:var(--red);color:#fff}.btn--ghost{background:transparent;color:#bbb}.btn--wide{width:100%}.btn--lg{padding:15px 20px;font-size:1.03rem}.btn--xl{padding:17px 24px;font-size:1.08rem}.icon-btn{width:43px;height:43px;border-radius:14px;border:1px solid var(--line);background:#111;color:#eee;display:grid;place-items:center}.icon-btn svg{width:20px}.danger-icon{color:var(--red)}.error-box{background:#ff2d2d14;color:#ff9c9c;border:1px solid rgba(255,45,45,.25);padding:12px 14px;border-radius:14px;font-size:.9rem}.floating-error{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:100;width:min(92vw,560px)}.loading-orb{width:58px;height:58px;border-radius:50%;border:4px solid rgba(255,255,255,.09);border-top-color:var(--yellow);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;flex-direction:column;align-items:center}.brand__title{font-size:clamp(2.4rem,7vw,5rem);font-weight:900;letter-spacing:-.06em;line-height:.95}.brand__title span{color:var(--yellow)}.brand__by{font-size:.72rem;color:#777;margin-top:16px}.brand__logo{width:128px;height:auto;margin-top:4px;border-radius:8px}.brand--compact{align-items:flex-start}.brand--compact .brand__title{font-size:1.4rem;letter-spacing:-.04em}.home-screen{display:grid;place-items:center;padding:40px 18px;overflow:hidden}.home-hero{width:min(900px,100%);padding:54px 48px;text-align:center;position:relative;overflow:hidden}.home-hero:after{content:"♥";position:absolute;left:-55px;bottom:-100px;font-size:300px;color:#ff2d2d09;transform:rotate(-12deg)}.home-hero .eyebrow{margin:34px 0 13px}.home-hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.16;margin:0;font-weight:900;letter-spacing:-.035em}.hero-copy{max-width:650px;margin:24px auto 30px;color:#bbb;line-height:1.9;font-size:1.05rem}.hero-copy strong{color:#fff}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.suit-ribbon{display:flex;justify-content:center;gap:24px;margin-top:38px;font-size:2rem;color:#777}.suit-ribbon span:first-child,.suit-ribbon span:nth-child(2){color:var(--red)}.ambient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.14}.ambient--yellow{background:var(--yellow);width:320px;height:320px;top:-140px;right:-80px}.ambient--red{background:var(--red);width:260px;height:260px;bottom:-120px;left:-80px}.form-panel{padding:28px;width:min(100%,520px)}.form-panel h1{font-size:2.1rem;margin:8px 0 24px}.stack-form,.host-create{display:grid;gap:16px}.stack-form label,.host-create label{display:grid;gap:8px;color:#bbb;font-size:.88rem;font-weight:700}.stack-form input,.host-create input{width:100%;background:#090909;color:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;outline:none}.stack-form input:focus,.host-create input:focus{border-color:#ffd40080;box-shadow:0 0 0 3px #ffd40012}.camera-panel{width:min(100%,520px);text-align:center}.camera-panel h2{margin:0 0 6px;font-size:1.6rem}.camera-frame{width:min(78vw,360px);aspect-ratio:1;margin:20px auto;border-radius:26px;overflow:hidden;background:#0b0b0b;border:1px solid var(--line);position:relative}.camera-frame:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,212,0,.32);border-radius:20px;pointer-events:none}.camera-frame video,.camera-frame img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-frame img{transform:none}.camera-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.camera-actions .btn{flex:1;min-width:145px}.play-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.player-identity{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:14px 16px}.player-identity .player-avatar{width:74px;height:74px}.player-identity h1{margin:3px 0 0;font-size:1.4rem}.photo-btn{align-self:start}.player-avatar{display:block;object-fit:cover;border-radius:20px;background:#111;width:100%;aspect-ratio:1}.round-strip{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 12px}.round-strip>div:first-child{display:flex;flex-direction:column}.round-strip span{font-size:.74rem;color:#777}.round-strip strong{font-size:1.08rem}.countdown{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:900;letter-spacing:.05em}.countdown--large{font-size:clamp(2rem,4vw,4rem)}.countdown--danger{color:var(--red);text-shadow:0 0 24px rgba(255,45,45,.45);animation:pulseDanger .8s ease-in-out infinite alternate}@keyframes pulseDanger{to{transform:scale(1.04)}}.hidden-symbol-card{text-align:center;padding:28px 20px;margin:6px 0 18px;border:1px solid rgba(255,212,0,.16);background:radial-gradient(circle at 50% 40%,rgba(255,212,0,.08),transparent 44%),#0b0b0b;border-radius:26px}.hidden-symbol{font-size:5rem;font-weight:900;line-height:1;color:var(--yellow);text-shadow:0 0 40px rgba(255,212,0,.2);margin:12px}.hidden-symbol-card h2{margin:0}.hidden-symbol-card p{color:#888;margin-bottom:0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{background:#101010;color:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 15px;text-align:right;display:grid;gap:10px}.action-card svg{color:var(--yellow)}.action-card strong{font-size:1.05rem}.action-card span{font-size:.76rem;color:#7c7c7c;line-height:1.6}.action-card:hover{border-color:#ffd40040;background:#141414}.declaration-panel{padding:22px;margin:18px 0}.declaration-panel h2{font-size:1.8rem;margin:5px 0}.declaration-panel p{color:#aaa}.suits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.suit-button{background:#090909;color:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 10px;display:flex;flex-direction:column;gap:3px;align-items:center;font-weight:800}.suit-button__symbol{font-size:2.7rem;line-height:1}.suit-button--heart .suit-button__symbol,.suit-button--diamond .suit-button__symbol{color:var(--red)}.suit-button:hover:not(:disabled){border-color:#ffffff38;transform:translateY(-1px)}.suit-button:disabled{opacity:.35}.status-message{display:flex;gap:12px;align-items:center;background:#0e0e0e;border:1px solid var(--line);border-radius:18px;padding:16px;margin:18px 0}.status-message svg{color:var(--yellow)}.status-message div{display:grid}.status-message span{color:#777;font-size:.82rem}.status-message--danger svg{color:var(--red)}.my-qr{margin-top:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.my-qr p{margin:4px 0 0;color:#777;font-size:.8rem}.my-qr svg{border-radius:12px;padding:6px;background:#fff}.death-screen-inline{text-align:center;margin:34px 0;padding:26px;border:1px solid rgba(255,45,45,.18);border-radius:26px;background:radial-gradient(circle,rgba(255,45,45,.08),transparent 60%)}.death-mark{font-size:8rem;color:var(--red);font-weight:200;line-height:.8;text-shadow:0 0 50px rgba(255,45,45,.38)}.death-screen-inline h2{font-size:2.6rem;margin:14px 0 5px}.death-screen-inline p{color:#888}.play-shell--dead{filter:saturate(.75)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px;z-index:200}.modal-card,.symbol-reveal-card{width:min(94vw,520px);max-height:92vh;overflow:auto;background:#0b0b0b;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 30px 100px #000}.scanner-frame{aspect-ratio:1;border-radius:22px;overflow:hidden;background:#000;margin:15px 0}.scanner-frame video{width:100%;height:100%;object-fit:cover}.symbol-reveal-card{text-align:center}.symbol-reveal-card .player-avatar{width:90px;height:90px;margin:0 auto 12px}.revealed-suit{font-size:8rem;line-height:1;margin:8px 0;text-shadow:0 0 45px rgba(255,255,255,.12)}.revealed-suit--heart,.revealed-suit--diamond{color:var(--red)}.symbol-reveal-card h2{font-size:2rem;margin:0}.symbol-reveal-card p{color:#888}.picker-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin:15px 0}.picker-list button{display:flex;align-items:center;gap:12px;background:#101010;border:1px solid var(--line);color:#fff;border-radius:15px;padding:9px;text-align:right}.picker-list .player-avatar{width:48px;height:48px;border-radius:13px}.picker-list span{font-weight:800}.display-topbar{display:grid;grid-template-columns:1fr auto auto auto;gap:22px;align-items:center;padding:2px 2px 18px;border-bottom:1px solid var(--line)}.display-status{text-align:center}.display-status strong{font-size:1.25rem}.display-stats{display:flex;justify-content:center;gap:26px;padding:18px 0}.display-stats span{display:flex;align-items:center;gap:8px;color:#aaa}.display-stats strong{color:#fff;font-size:1.25rem}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot--alive{background:var(--green);box-shadow:0 0 13px #55f08d66}.dot--dead{background:var(--red);box-shadow:0 0 13px #ff2d2d66}.players-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.player-card{position:relative;text-align:center;background:#0d0d0d;border:1px solid var(--line);border-radius:22px;padding:12px;overflow:hidden}.player-card__photo-wrap{position:relative}.player-card__photo-wrap .player-avatar{border-radius:16px}.player-card__name{font-weight:900;font-size:1.02rem;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card__status{font-size:.72rem;color:var(--green)}.player-card__status.is-dead{color:#777}.player-card--dead{filter:saturate(.25);opacity:.72}.player-card--dead .player-avatar{filter:grayscale(1) brightness(.55)}.death-x{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--red);font-size:clamp(5rem,10vw,9rem);font-weight:200;line-height:1;text-shadow:0 0 30px rgba(255,45,45,.55);transform:rotate(-8deg);pointer-events:none;z-index:4}.death-x--card{top:0;right:0;bottom:0;left:0;font-size:clamp(7rem,12vw,11rem);background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.12))}.life-pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);left:10px;top:10px;box-shadow:0 0 #55f08d99;animation:lifePulse 1.8s infinite}@keyframes lifePulse{70%{box-shadow:0 0 0 10px #55f08d00}}.submitted-badge{position:absolute;top:12px;right:12px;background:#ffd400eb;color:#050505;border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:900}.display-whisper{text-align:center;margin-top:18px;color:#777;font-size:1rem}.display-whisper strong{color:#fff}.game-over-banner{text-align:center;padding:30px 10px 22px}.game-over-banner h1{font-size:clamp(3rem,7vw,7rem);margin:0;color:var(--red);text-shadow:0 0 50px rgba(255,45,45,.2)}.game-over-banner p{font-size:1.5rem}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000eb;display:grid;place-items:center}.reveal-focus{width:min(430px,82vw);text-align:center}.player-card--featured{padding:18px;border-radius:32px;box-shadow:0 30px 100px #000}.player-card--featured .player-card__name{font-size:2rem}.player-card--featured .player-card__status{font-size:1rem}.reveal-verdict{font-size:clamp(4rem,11vw,8rem);font-weight:900;line-height:1;margin-top:24px}.reveal-verdict.is-dead{color:var(--red);text-shadow:0 0 40px rgba(255,45,45,.4)}.reveal-verdict.is-alive{color:var(--green);text-shadow:0 0 40px rgba(85,240,141,.25)}.host-topbar{display:flex;align-items:center;gap:18px;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#050505e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-code-box{display:flex;align-items:center;gap:10px;background:#0d0d0d;border:1px solid var(--line);border-radius:16px;padding:8px 9px 8px 14px}.room-code-box span{color:#777;font-size:.72rem}.room-code-box strong{font-size:1.35rem;letter-spacing:.12em;color:var(--yellow)}.host-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-top:18px}.host-main{display:grid;gap:16px}.host-side{display:grid;gap:16px;align-content:start}.host-controls{padding:20px}.host-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.host-section-head h2{margin:3px 0 0}.host-status-pill{background:#0a0a0a;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#aaa;font-size:.72rem}.control-buttons{display:flex;flex-wrap:wrap;gap:9px}.host-player-table{display:grid}.host-main>.glass-panel:last-child{padding:20px}.host-player-row{display:grid;grid-template-columns:48px minmax(140px,1fr) 160px 100px 48px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.host-player-row:first-child{border-top:0}.host-player-row .player-avatar{width:48px;height:48px;border-radius:13px}.host-player-name{display:grid}.host-player-name span{font-size:.72rem;color:var(--green)}.host-player-row.is-dead{opacity:.6}.host-player-row.is-dead .host-player-name span{color:#777}.secret-cell{display:flex;gap:12px;align-items:center}.secret-cell strong{font-size:1.8rem}.joh-chip{background:#ff2d2d1f;color:#ff8989;border:1px solid rgba(255,45,45,.22);padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:900}.submission-cell{font-size:.75rem;color:#888}.qr-join-card,.reveal-queue-card{padding:20px;text-align:center}.qr-join-card h2{font-size:2.4rem;letter-spacing:.12em;color:var(--yellow);margin:6px 0 14px}.qr-join-card svg{background:#fff;padding:8px;border-radius:14px}.qr-join-card p{color:#777;font-size:.8rem}.mini-queue{display:grid;text-align:right;gap:7px;font-size:.78rem;color:#bbb}.mini-queue .done{opacity:.45;text-decoration:line-through}@media(max-width:900px){.host-grid{grid-template-columns:1fr}.host-side{grid-template-columns:1fr 1fr}.display-topbar{grid-template-columns:1fr auto auto}.display-status{display:none}.players-wall{grid-template-columns:repeat(3,1fr)}.host-topbar{flex-wrap:wrap}.host-player-row{grid-template-columns:48px 1fr 90px 48px}.submission-cell{display:none}.secret-cell{justify-content:flex-end}}@media(max-width:620px){.home-hero{padding:38px 20px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.action-grid{grid-template-columns:1fr}.my-qr{flex-direction:column;text-align:center}.display-shell{padding:12px}.display-topbar{gap:10px}.display-topbar .countdown--large{font-size:1.6rem}.players-wall{grid-template-columns:repeat(2,1fr);gap:8px}.player-card{padding:8px;border-radius:17px}.player-card__photo-wrap .player-avatar{border-radius:12px}.host-side{grid-template-columns:1fr}.host-player-row{grid-template-columns:42px 1fr 70px 42px}.host-player-row .player-avatar{width:42px;height:42px}.secret-cell span{display:none}.host-shell{padding:12px}.host-topbar>a{width:100%}.room-code-box{order:4;width:100%;justify-content:center}}.own-verdict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;text-align:center;background:#000000f2;padding:24px}.own-verdict-overlay .eyebrow{color:#aaa}.own-verdict-overlay .verdict-word{font-size:clamp(3rem,13vw,6rem);font-weight:900;line-height:1.08;margin:18px 0 8px}.own-verdict-overlay h2{font-size:1.6rem}.own-verdict-overlay.is-dead .verdict-word,.own-verdict-overlay.is-dead h2{color:var(--red);text-shadow:0 0 45px rgba(255,45,45,.35)}.own-verdict-overlay.is-alive .verdict-word,.own-verdict-overlay.is-alive h2{color:var(--green);text-shadow:0 0 45px rgba(85,240,141,.2)}.identity-actions{margin-inline-start:auto;display:flex;gap:7px}.role-backdrop{background:#000000f5}.role-secret-card{width:min(430px,92vw);padding:30px;border-radius:30px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,212,0,.1),transparent 38%),#090909;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 120px #000}.role-secret-card.is-joh{background:radial-gradient(circle at 50% 0%,rgba(255,45,45,.2),transparent 40%),#090707;border-color:#ff2d2d4d}.role-suit{font-size:6rem;line-height:1;color:var(--red);text-shadow:0 0 45px rgba(255,45,45,.42);margin:16px 0}.role-suit--safe{color:var(--yellow);text-shadow:0 0 35px rgba(255,212,0,.25)}.role-secret-card h2{font-size:2rem;margin:0 0 8px}.role-secret-card p{color:#aaa;line-height:1.8}.role-warning{margin:18px 0;padding:10px 12px;border-radius:14px;background:#ffd40014;color:var(--yellow);font-size:.8rem;font-weight:800}.joh-final-reveal{width:min(340px,82vw);margin:22px auto 0}.joh-final-reveal .eyebrow{color:var(--red);margin-bottom:8px}.joh-final-reveal .player-card{border-color:#ff2d2d61;box-shadow:0 0 0 1px #ff2d2d14,0 30px 90px #000000b3}.joh-final-card{display:grid;justify-items:center;gap:10px;background:#0b0b0b;border:1px solid rgba(255,45,45,.38);border-radius:28px;padding:20px;box-shadow:0 0 0 1px #ff2d2d14,0 30px 90px #000000b3}.joh-final-card .player-avatar{width:150px;height:150px;border-radius:24px;filter:none!important;opacity:1!important}.joh-final-card strong{font-size:2rem}.joh-final-card span{color:var(--red);font-weight:900}