/* NEGHAB · Dark Prestige — presentation-only layer over functional V14 */
:root{--bg:#07090d;--surface:#11141a;--surface2:#1b1a1c;--border:#54432e;--text:#f8ecd6;--muted:#b8ad9c;--gold:#f4cb82;--gold2:#ad7638;--red:#c0454b;--green:#48b9ae;color-scheme:dark}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 80% 28% at 50% -8%,#51402744,transparent),radial-gradient(ellipse 50% 40% at -25% 45%,#5d101a26,transparent),#07090d;color:var(--text);font-weight:400}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:radial-gradient(#d9ac6522 1px,transparent 1px);background-size:6px 6px}
.shell{max-width:1220px;padding-top:20px}.mast{margin-bottom:22px;padding:12px 4px}.emblem{font-size:0;border-radius:50%;height:54px;width:54px;background:radial-gradient(circle at 40% 35%,#c89c50,#312516 57%,#111);box-shadow:inset 0 0 0 3px #16100d,0 0 0 1px #ad814c,0 5px 25px #c68b3e30;position:relative}.emblem:after{content:'◈';font-size:33px;color:#ffe4a0}.eyebrow{letter-spacing:2.4px;font-size:9px;color:#d6ad6c}.brand{font-weight:900;font-size:30px;color:#f7d38e;text-shadow:0 2px 19px #b17f3266}.badge{border-color:#6a583f;color:#ddcaa7;background:#17150f}
.nav{background:#101115ed;border:1px solid #6c5638;border-radius:22px;padding:5px;box-shadow:0 9px 50px #0008,inset 0 1px #ffffff12}.nav button{color:#d1c3ad;font-weight:700;transition:.18s ease}.nav button:hover{background:#b78a4930;color:#fff}.nav button.active{background:linear-gradient(155deg,#f8dfa6,#bb8d4a 53%,#8f582a);border:1px solid #f9d898;color:#20150e;box-shadow:0 0 24px #d59b4655,inset 0 1px #fff6}
.hero{min-height:300px;padding:42px 44px;border-radius:26px;border:1px solid #a47843;background:linear-gradient(90deg,#07090df0 0%,#080a0bcc 46%,#08090c28 100%),url('assets/hero-mask.webp') 95% 34%/58% auto no-repeat,#121316;box-shadow:inset 0 0 0 5px #0a0b0bdc,inset 0 0 0 6px #8d643883,0 24px 80px #0009;isolation:isolate}.hero:after{content:'✦';font-size:26px;left:28px;top:23px;color:#c7a46990}.hero:before{content:'';position:absolute;inset:10px;border:1px solid #a27b4959;border-radius:19px;pointer-events:none}.hero h1{max-width:600px;font-size:clamp(29px,4vw,51px);line-height:1.55;font-weight:900;color:#ffe3ac;text-shadow:0 3px 25px #000}.hero p{max-width:570px;color:#dfd0ba;line-height:2.15}.kicker{color:#edbe72;letter-spacing:.2px}.panel,.tile,.rolecard{background:linear-gradient(155deg,#181a1d,#0d1013 75%);border:1px solid #604e38;box-shadow:0 10px 30px #0005,inset 0 1px #ffffff0a;border-radius:20px}.panel{position:relative}.panel:before{content:'';position:absolute;inset:5px;border:1px solid #f6d3970b;border-radius:15px;pointer-events:none}.tile{min-height:312px;padding:150px 18px 18px;overflow:hidden;position:relative;isolation:isolate;border-color:#725336;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tile:before{content:'';inset:0 0 auto;height:178px;position:absolute;background:linear-gradient(0deg,#141416,transparent 75%),url('assets/scenario-red.webp') center/cover no-repeat;z-index:-1}.tile:nth-child(3n+2):before{background-image:linear-gradient(0deg,#141416,transparent 75%),url('assets/scenario-blue.webp')}.tile:nth-child(3n):before{background-image:linear-gradient(0deg,#141416,transparent 75%),url('assets/scenario-ship.webp')}.tile:hover{transform:translateY(-3px);border-color:#edbb73;box-shadow:0 12px 35px #d2922b1c,0 20px 35px #0008}.tile .scenario-thumb{position:absolute;inset:0 0 auto;width:100%;height:175px;border:0;border-radius:0;object-fit:cover;margin:0;z-index:-1}.tile .kicker{position:relative;align-self:flex-start;background:#151511c7;border:1px solid #d8ab6977;border-radius:99px;padding:5px 11px;font-size:10px;margin:0 0 4px}.tile h3{font-size:19px;margin:4px 0}.tile p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}.tile .foot{gap:7px}.tile .foot .btn{flex:1}
.headline{margin:23px 0 17px}.headline h2{font-weight:900;color:#f8dfb5}.headline h2:after{content:'  ✧';font-weight:400;color:#bd9459}.btn{border:1px solid #766044;border-radius:13px;background:linear-gradient(165deg,#292621,#16181b);color:#f1dfc3;padding:12px 18px;box-shadow:inset 0 1px #ffffff11;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover:not(:disabled){border-color:#c59d61;box-shadow:0 0 18px #dda65921;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#241508;border:1px solid #ffe0a2;background:linear-gradient(125deg,#8e5f29,#e8b967 23%,#ffdf9d 48%,#b9833e 83%,#7b4c21);text-shadow:0 1px #fff6;box-shadow:inset 0 1px #ffebb9,0 4px 20px #c58a3c3c;font-weight:900}.btn.danger{border-color:#8a3c43;background:linear-gradient(145deg,#67232c,#2a151a);color:#f8dadd}.btn.ghost{background:#18181977;color:#c9ac81}.pill{background:#352a1ca0;color:#f5d395;border-color:#906a3b}.note{background:linear-gradient(150deg,#33281b,#1b1a16);border-color:#8b643e;color:#e8cfac}.hint,.muted,.panel p{color:#b8ada0}.field input,.field select,.field textarea,.search{background:#0a0c0f;border:1px solid #62503b;color:#f8e9ce;box-shadow:inset 0 2px 7px #0005}.field input:focus,.field textarea:focus,.field select:focus,.search:focus{border-color:#e8bc7b;box-shadow:0 0 0 3px #b5823e24;outline:0}.deckrow{border-bottom-color:#554333}.stepper button{background:linear-gradient(145deg,#493a27,#1a1a18);border-color:#8d6b42;color:#ffe4b0}.stats .stat,.stat{border-color:#6c5639;background:#171614}.stat b{color:#fbd78c}.timerbox{background:radial-gradient(circle at 50% 20%,#352718,#0c0f11 80%);border-color:#89683d;box-shadow:inset 0 0 0 5px #0f1114,0 8px 50px #0008}.time{color:#ffdc9b;font-variant-numeric:tabular-nums;text-shadow:0 0 25px #e09a4b60}.rolecard{position:relative;padding:22px}.rolecard:before{content:'✧';position:absolute;left:19px;top:14px;color:#c49b59;font-size:24px}.rolecard h3{color:#fbdfab;font-weight:900}.rolecard p{color:#d0c2b0}.side.mafia{color:#f07a81}.side.city{color:#70d5c9}.side.independent{color:#d9b3ef}.nightline{border-right-color:#e5bc77;background:#181612;padding:11px 14px;border-radius:11px 0 0 11px}.nightline b{color:#f7d58f}
.modal,.overlay{background:#020306ed;backdrop-filter:blur(9px)}.dialog{width:min(780px,100%);border:1px solid #c2945d;background:radial-gradient(ellipse at 50% -10%,#3a291d,#151618 40%,#0a0c0f);box-shadow:0 20px 100px #000, inset 0 0 0 5px #121316;border-radius:24px;padding:25px}.dialog h2{color:#ffe1a3;font-size:23px}.role-option{border-color:#5e5246;background:#121417;color:#f1e7d7}.role-option:has(input:checked){background:#49331d;border-color:#edbe77}.role-option input{accent-color:#e5b566}.lib-fieldset{border-color:#6a5439;background:#111417;border-radius:19px}.lib-related-title{border-bottom:1px solid #665036;padding-bottom:12px}.lib-row{border-bottom-color:#584934}.lib-preview{border:1px solid #715739}.stage{min-height:min(750px,94dvh);border:1px solid #dbb073;background:radial-gradient(circle at 50% 25%,#43301b,#121216 52%,#07080a 90%);box-shadow:inset 0 0 0 6px #101011,0 20px 100px #000}.stage:before{border-color:#d8a86686;inset:11px}.stage h2{color:#f8daa2;text-shadow:0 4px 25px #000}.stage .reveal{color:#fbd18d}.stage p{color:#ddcdb4}.stage .tap{color:#f7d695}.stage-art{width:min(270px,65vw);height:min(330px,41dvh);border:2px solid #c79754;box-shadow:0 0 0 5px #221a15,0 8px 42px #b846272f}.cinema-mask{width:min(290px,74vw);height:min(330px,42dvh);margin:45px auto 8px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 28px #f8aa4a69);animation:maskfloat 3.5s ease-in-out infinite}.cinema-mask img{width:100%;height:100%;object-fit:cover;clip-path:ellipse(46% 49% at 50% 49%);mask-image:radial-gradient(ellipse,#000 53%,transparent 77%)}.cinema-reveal-art{height:min(300px,38dvh);width:min(270px,70vw);border:1px solid #bc8b51;border-radius:16px;object-fit:cover;box-shadow:0 0 45px #b2312a40;margin-top:35px}.stage .count{color:#dfbb80}.stage .close-stage{color:#d0b993}.toast{background:#2e2517;border-color:#d8a761;color:#ffdeab;box-shadow:0 15px 50px #000}
@keyframes maskfloat{50%{transform:translateY(-9px);filter:drop-shadow(0 0 45px #ffaf526e)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:670px){.shell{padding:12px 12px 100px}.mast{margin-bottom:15px}.brand{font-size:25px}.emblem{width:45px;height:45px}.nav{position:fixed;z-index:19;bottom:max(8px,env(safe-area-inset-bottom));left:10px;right:10px;margin:0;padding:6px 4px;border-radius:18px;box-shadow:0 12px 35px #000b;background:#111216ef;backdrop-filter:blur(15px)}.nav button{min-height:49px;font-size:10px;padding:8px 1px}.hero{padding:205px 20px 24px;min-height:390px;background:linear-gradient(0deg,#08090cee 0%,#08090ce0 30%,#08090c1c 72%),url('assets/hero-mask.webp') center 0/auto 70% no-repeat,#111}.hero:after{top:12px;left:20px}.hero h1{font-size:30px;line-height:1.45}.hero p{font-size:12px;line-height:1.8}.hero .actions{gap:8px}.hero .actions .btn{flex:1}.tile{padding-top:145px;min-height:300px}.tile:before{height:168px}.tile .scenario-thumb{height:167px}.grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:9px}.tile{padding:142px 11px 12px}.tile h3{font-size:15px}.tile p{font-size:11px;line-height:1.75}.tile .foot{flex-wrap:wrap}.tile .foot .btn{font-size:10px;padding:8px;min-width:100%}.headline h2{font-size:19px}.dialog{padding:18px 14px;max-height:92dvh}.role-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.role-option{padding:9px 7px;font-size:11px}.stage{min-height:92dvh}.stage h2{font-size:26px}.cinema-mask{margin-top:20px}.stage-art{height:min(265px,35dvh)}}
/* V16 — three private card distribution experiences */
.distribution-settings{border:1px solid rgba(196,153,83,.35);border-radius:20px;padding:16px;background:linear-gradient(135deg,rgba(101,58,41,.16),rgba(12,17,27,.9))}
.distribution-settings h3{color:#f4d8a0;margin:0 0 8px}
.distribution-choices{display:grid;gap:10px;margin-top:12px}
.distribution-choice{display:grid;grid-template-columns:24px 1fr;gap:3px 10px;align-items:center;padding:13px;border:1px solid #51402f;border-radius:14px;background:#0e1420;cursor:pointer;transition:border-color .18s,background .18s}
.distribution-choice:has(input:checked){background:linear-gradient(110deg,#392919,#111824);border-color:#e7bb71;box-shadow:0 0 0 1px #d8ae5a33 inset}
.distribution-choice input{width:20px;height:20px;accent-color:#d7ae66;grid-row:span 2}
.distribution-choice strong{font-size:13px;color:#f2e3c6}
.distribution-choice small{grid-column:2;color:#aeb6c3;font-size:11px;line-height:1.9}
.distribution-overlay{z-index:65;background:radial-gradient(ellipse at center,#251515 0%,#060709 78%)}
.distribution-grid-stage{width:min(770px,100%);height:min(92dvh,1000px);min-height:0;max-height:94dvh;display:flex;overflow-y:auto;justify-content:flex-start;padding:64px 14px 74px;overscroll-behavior:contain}
.distribution-grid-stage h2{font-size:clamp(19px,4vw,30px);margin:10px 0}
.distribution-grid-stage>.hint{margin:0 0 10px}
.distribution-player{display:flex;flex-direction:column;align-items:center;gap:8px;color:#e5c998;font-size:13px;margin:12px auto 14px;max-width:260px;width:100%}
.distribution-player select{width:100%;border-radius:14px;border:1px solid #a27d46;background:#0a101b;color:#f2dfbc;padding:12px 16px;text-align:center;min-height:44px}
.masks-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:11px;align-content:start;padding:8px 4px;margin:0 auto}
.mask-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #8c6c42;background:radial-gradient(ellipse at top,#332219,#0c111b 77%);border-radius:20px;position:relative;min-height:157px;padding:10px 5px;color:#f0dbad;box-shadow:inset 0 0 20px #edbe4314,0 9px 23px #0008;transition:transform .2s,border-color .2s}
.mask-choice:active{transform:scale(.95)}.mask-choice:hover,.mask-choice:focus-visible{border-color:#f4cc81}
.mask-choice img{width:100%;max-width:125px;height:116px;object-fit:contain;filter:drop-shadow(0 5px 8px #000b);pointer-events:none}
.mask-choice span{font-size:12px;font-weight:700;pointer-events:none}
.distribution-grid-stage .count{top:24px;left:0;right:0}
.distribution-grid-stage .close-stage{bottom:14px;right:auto;position:sticky;align-self:center;background:#1a1a21;border:1px solid #6b573b;padding:10px 20px;border-radius:12px;margin-top:auto;z-index:2}
.distribution-single-stage{overflow-y:auto;max-height:96dvh;min-height:0;padding:65px 20px 65px;justify-content:flex-start}
.distribution-single-stage .count{top:22px}.distribution-single-stage .cinema-mask{margin-top:15px}
.distribution-single-stage .cinema-mask img{max-height:38dvh;width:min(290px,75vw);object-fit:contain}
.distribution-single-stage .stage-art{max-height:37dvh;object-fit:contain}
.distribution-single-stage .tap{margin:15px 0 23px;line-height:2;color:#e5be79}
.distribution-single-stage .close-stage{bottom:19px;z-index:3}
.distribution-single-stage .reveal-description{max-height:20dvh;overflow-y:auto;font-size:13px;margin:5px 0 10px}
.reveal-medallion{color:#c69c56;font-size:22px;margin-top:10px}
@media(max-width:540px){.masks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mask-choice{min-height:123px;border-radius:13px}.mask-choice img{height:88px;max-width:90px}.mask-choice span{font-size:10px}.distribution-grid-stage{padding:61px 10px 70px}.distribution-single-stage .reveal{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mask-choice,.distribution-choice{transition:none}}