/* Bluff: forhørslokale. Mørkeblå væg, en lampe ovenfra, sagsmapper og røde stempler.
   Gælder kun når body har klassen game-bluff (sat af host.js og player.js). */

body.game-bluff {
    --paper: #e9c98b;
    --rule: rgb(42 33 22 / .16);
    --red: #e23b3b;
    --red-dark: #7d1b1b;
    --amber: #e9c98b;
    --cream: #e8e6df;
    --tan: #b9c3cf;
    --ink: #2a2116;
    background:
        radial-gradient(ellipse 45% 70% at 50% -12%, rgb(255 230 160 / .30), transparent 70%),
        linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / .55) 90%),
        #1d2733;
    background-attachment: fixed;
}
html:has(body.game-bluff) { background: #121a24; }

/* Logo: rødt stempel i stedet for talebobben. */
.bluff-logo {
    font: 400 1.9rem/1 var(--stage);
    letter-spacing: .14em;
    color: var(--red);
    border: 4px solid var(--red);
    padding: 2px 12px 0;
    transform: rotate(-3deg);
    display: inline-block;
    background: none;
    box-shadow: none;
    border-radius: 2px;
}
.bluff-logo::after { display: none; }

/* Telefonen: en sagsmappe med fane i stedet for kartotekskortet. */
body.game-bluff main.card {
    position: relative;
    background-image: repeating-linear-gradient(var(--paper) 0 35px, var(--rule) 35px 36px);
    border-radius: 4px 4px 6px 6px;
    padding-left: 24px;
    margin-top: 18px;
    overflow: visible;
}
body.game-bluff main.card::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 18px;
    width: 110px;
    height: 22px;
    background: var(--paper);
    border-radius: 6px 6px 0 0;
}
body.game-bluff button.vote { background: #f6ecd6; box-shadow: 0 4px 0 #b99a5e; font-family: var(--type); }
body.game-bluff .task-prompt { font-family: var(--stage); font-weight: 400; text-transform: uppercase; }

/* Storskærmen */
.bluff-subject { display: inline-flex; align-items: center; gap: 12px; font-family: var(--type); letter-spacing: .16em; text-transform: uppercase; color: var(--tan); }
.bluff-subject .avatar { border-radius: 6px; }
.bluff-mugshot { position: relative; padding: 14px 14px 40px; background: #f4f1ea; transform: rotate(-3deg); box-shadow: 0 20px 40px rgb(0 0 0 / .55); }
.bluff-mugshot .avatar { width: 180px; height: 180px; border-radius: 2px; border: 0; box-shadow: none; }
.bluff-mugshot span { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-family: var(--type); color: #2a2116; font-size: 1.2rem; }

.bluff-files { display: grid; gap: 34px 26px; width: 100%; margin: 18px auto 10px; }
.bluff-file {
    position: relative;
    background: var(--paper, #e9c98b);
    color: #2a2116;
    border-radius: 4px 4px 6px 6px;
    padding: 52px 18px 22px;
    min-height: 170px;
    font: 1.3rem/1.35 var(--type);
    text-align: left;
    box-shadow: 0 14px 30px rgb(0 0 0 / .5);
}
.bluff-file::before { content: ""; position: absolute; top: -16px; left: 14px; width: 90px; height: 20px; background: inherit; border-radius: 6px 6px 0 0; }
.bluff-file:nth-child(4n+1) { transform: rotate(-2deg); }
.bluff-file:nth-child(4n+2) { transform: rotate(1deg) translateY(8px); }
.bluff-file:nth-child(4n+3) { transform: rotate(-1deg); }
.bluff-file:nth-child(4n+4) { transform: rotate(2deg) translateY(4px); }
.bluff-file .label { position: absolute; top: 10px; right: 12px; font: 400 .95rem var(--stage); letter-spacing: .1em; color: #7a5a2a; }
.bluff-file .who { display: flex; align-items: center; gap: 8px; margin-top: 14px; font: 700 1rem "Archivo", sans-serif; }
.bluff-file .who .avatar { width: 34px; height: 34px; }
.bluff-file .fooled { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.bluff-file .fooled .chip { background: rgb(42 33 22 / .12); color: #2a2116; }
.bluff-file .pts { position: absolute; bottom: -14px; right: 12px; background: #2a2116; color: #e9c98b; font: 400 1.2rem var(--stage); padding: 2px 10px; border-radius: 4px; }
.bluff-file.truth { background: #f4f1ea; }
.bluff-file.dim { opacity: .55; }

/* Stemplerne "LØGN" og "SANDT" slås i, én mappe ad gangen (forsinkelsen sættes i host.js). */
.bluff-stamp {
    position: absolute;
    top: 8px;
    right: 10px;
    font: 400 2rem/1 var(--stage);
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 4px 12px 0;
    border: 4px solid currentColor;
    border-radius: 6px;
    color: var(--red, #e23b3b);
    background: inherit;
    transform: rotate(-10deg);
    opacity: 0;
    animation: bluff-stamp .35s cubic-bezier(.2, 1.6, .4, 1) forwards;
    animation-delay: var(--d, 0s);
    pointer-events: none;
}
.bluff-stamp.true { color: #1f7a4a; }
@keyframes bluff-stamp {
    from { opacity: 0; transform: rotate(-10deg) scale(2.4); }
    to { opacity: .92; transform: rotate(-10deg) scale(1); }
}
.bluff-late { opacity: 0; animation: bluff-fade .4s forwards; animation-delay: var(--d, 0s); }
@keyframes bluff-fade { to { opacity: 1; } }

/* Landingssiden /bluff: lille storskærm med tre beviser. */
.bl-screen { background: radial-gradient(ellipse 60% 70% at 50% -10%, rgb(255 230 160 / .3), transparent 70%), #1d2733; }
.bl-screen .bluff-logo { font-size: 1rem; border-width: 3px; padding: 1px 8px 0; }
.bl-files { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: auto; padding: 14px 4px 6px; }
.bl-files .bluff-file { min-height: 90px; padding: 22px 10px 10px; font-size: .85rem; }
.bl-files .bluff-file::before { width: 50px; height: 12px; top: -10px; }
.bl-files .bluff-stamp { font-size: .9rem; border-width: 3px; padding: 2px 6px 0; top: 4px; right: 4px; animation-delay: .6s; }
.bl-files .bluff-file:nth-child(3) .bluff-stamp { animation-delay: 1s; }
.bl-files .bluff-file:nth-child(1) { background: #f4f1ea; }
.bl-files .bluff-file:nth-child(1) .bluff-stamp { animation-delay: 1.5s; }
body.game-bluff .lp-hero h1 em { color: var(--red); }