/* DUBBELSPEL local design experiment v5. Purely presentational. */
body.world-game{--surface:#1b1419;--surface2:#2a1d22;--text:#f4dfd2;background:#08090d!important;color:#f4dfd2;min-height:100dvh}
body.world-game:before{content:"";position:fixed;inset:0;z-index:-2;background:url('/skogsmiljo-ren.jpg') center center/cover no-repeat;filter:brightness(.46) saturate(.78)}
body.world-game:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09070abf,#08060992 50%,#09070ac9),radial-gradient(ellipse at 50% 0%,transparent 10%,#09070b99 80%)}
body.world-game .shell{position:relative;z-index:1;max-width:1260px;min-height:100dvh;margin:auto;padding:22px clamp(14px,3vw,45px) 70px;background:linear-gradient(90deg,#0c090bc9,#130d12b8 50%,#0c090bce);border-left:1px solid #bd786b20;border-right:1px solid #bd786b20;box-shadow:0 0 90px #000b}
body.world-game .top{border-bottom:1px solid #a77a5866;padding-bottom:17px;margin-bottom:26px}
body.world-game .brand{font-family:Georgia,serif;font-size:clamp(24px,3vw,37px);letter-spacing:.055em;color:#f0d7c2;text-shadow:0 3px 10px #000}
body.world-game .eyebrow{color:#d49c83;letter-spacing:.19em;font-size:11px}
body.world-game h1{font-family:Georgia,serif;color:#f3d7c3;text-shadow:0 4px 20px #000;font-size:clamp(36px,5.2vw,66px);letter-spacing:-.035em;line-height:1.08}
body.world-game h2,body.world-game h3{font-family:Georgia,serif;color:#f3d7c3}
body.world-game .lead{color:#ddc0b0;max-width:650px}
body.world-game .hero{max-width:840px;margin:0 auto 30px;padding:24px 32px 28px;text-align:center;background:linear-gradient(145deg,#170e13df,#25141ad9);border:1px solid #a9785b77;box-shadow:0 10px 50px #0008,inset 0 0 0 5px #0e0a0e77;position:relative}
body.world-game .hero:before,body.world-game .panel:before{content:"";position:absolute;top:7px;left:7px;right:7px;bottom:7px;border:1px solid #a17b5530;pointer-events:none}
body.world-game .hero .lead{margin-left:auto;margin-right:auto}
body.world-game .code{font-family:Georgia,serif;letter-spacing:.17em;color:#f8d4a7;text-shadow:0 0 22px #cf673e40;font-size:clamp(40px,7vw,86px)}
body.world-game .buttons{justify-content:center}
body.world-game button{transition:filter .15s,box-shadow .15s,transform .15s}
body.world-game button:not(:disabled):hover{filter:brightness(1.16)}
body.world-game .primary{background:linear-gradient(180deg,#963c3c,#5b1d27);border:1px solid #df9d75;color:#fff1e5;box-shadow:inset 0 1px #f5b1a044,0 5px 15px #0008}
body.world-game .outline{background:linear-gradient(180deg,#382027,#21151b);border:1px solid #8f6158;color:#f5ddcd}
body.world-game .grid,body.world-game .layout{gap:22px}
body.world-game .panel,body.world-game .notice,body.world-game .pick,body.world-game .sidebar>div{background:linear-gradient(140deg,#29191fe8,#140e13ed);border:1px solid #8e625677;box-shadow:0 12px 28px #0007,inset 0 0 0 3px #09080b66;position:relative}
body.world-game .panel{padding:clamp(16px,2.2vw,28px);border-radius:3px}
body.world-game .panel h3{font-size:clamp(23px,3vw,35px)}
body.world-game .role-distribution{gap:10px}
body.world-game .role-tile{background:radial-gradient(ellipse at 50% 0%,#61383d,#20151a 70%);border:1px solid #a47663;border-top-width:3px;box-shadow:0 6px 16px #0007}
body.world-game .role-traitor{border-top-color:#d25d61}
body.world-game .role-doctor{border-top-color:#85c0a5}
body.world-game .role-civil{border-top-color:#d1a77a}
body.world-game .role-number{color:#ffe4c8}
body.world-game .seating-board,body.world-game .board{margin-left:auto;margin-right:auto;filter:drop-shadow(0 25px 22px #000a)}
body.world-game .board .table,body.world-game .seating-board .table{background:repeating-linear-gradient(12deg,transparent 0 17px,#ffffff05 18px 19px),radial-gradient(ellipse at 35% 24%,#634037,#28161d 75%);border:4px ridge #a36d55;box-shadow:0 8px 0 #3a1e1d,0 17px 0 #120b10,0 27px 32px #000b,inset 0 0 0 9px #301d1d,inset 0 0 0 12px #c28a6c,inset 0 0 35px #000}
body.world-game .board .seat,body.world-game .seating-board .seat{box-shadow:0 4px 0 #140b0f,0 10px 18px #000a,inset 0 2px 3px #ffffff16}
body.world-game .board .seat.selected,body.world-game .seating-board .seat.seat-mine{box-shadow:0 4px 0 #210f13,0 0 17px #e9786280}
body.world-game .timer{color:#ffe0b7;text-shadow:0 0 18px #d6614b60}
body.world-game .field input,body.world-game .field select,body.world-game textarea{background:#120d12;border:1px solid #835c55;color:#fff0e3}
body.world-game .person{background:#342127;border:1px solid #9b665d}
body.world-game .rules-fab{background:linear-gradient(#5d2d30,#241419);border:1px solid #c68d71;color:#f6dfcc}
body.world-game .rules-dialog{background:linear-gradient(150deg,#261820,#110d12);border:1px solid #a16b5e;box-shadow:0 15px 70px #000}
body.world-game .rules-tab.active{background:#77323a}
body.world-game .knife-screen,body.world-game .verdict-screen{background:radial-gradient(ellipse at 50% 40%,#2e1719cc,#0d080ccc 80%);border:1px solid #ab665450;min-height:85dvh}
body.world-game .knife-board,body.world-game .verdict-board{filter:drop-shadow(0 20px 22px #0009)}
body.world-game .game-version{opacity:.6}
body.world-game.world-lobby .hero h1{font-size:clamp(30px,4vw,52px)}
body.world-game.world-lobby .hero{padding-top:18px;padding-bottom:18px}
body.world-game.world-lobby .hero .code{margin:12px 0}
@media(max-width:760px){body.world-game .shell{padding:12px 12px 65px}body.world-game .hero{padding:19px 13px}body.world-game .panel{padding:16px}body.world-game .grid,body.world-game .layout{gap:14px}}
@media(prefers-reduced-motion:reduce){body.world-game button{transition:none}}

/* v6: use the same UI-free forest across EVERY match phase, incl. reveal/chat/vote/ceremonies. */
body.world-game:before{background-image:url('/skogsmiljo-ren.jpg')!important;filter:brightness(.67) saturate(.84)!important}
body.world-game:after{background:linear-gradient(90deg,#09070aab,#08060988 50%,#09070ab5),linear-gradient(0deg,#09070ab3,transparent 45%,#09070a40)!important}
body.world-game .shell{background:linear-gradient(90deg,#0c090bbd,#130d12ad 50%,#0c090bc2)}