@import url('/fonts.css');
:root{--paper:#f7f3e8;--ink:#232820;--orange:#f66a3b;--line:#d8d8cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a24cf1;outline-offset:4px}header{max-width:1440px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:950;font-size:42px;letter-spacing:-4px}.logo span{color:var(--orange)}nav{display:flex;gap:35px;font-size:13px;font-weight:bold}.tiny{font-size:8px;background:#e9e9dc;border-radius:4px;padding:5px;margin-left:5px}.header-note{font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:600px;align-items:center;padding-top:60px;padding-bottom:70px}section{max-width:1440px;margin:auto;padding:75px 6%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(56px,6.8vw,100px);letter-spacing:-6px;line-height:1.02;margin:25px 0}h1 em{font-style:normal;color:var(--orange)}p{line-height:1.7;color:#66695d}.hero-copy>p{max-width:380px;font-size:17px;margin:24px 0 30px}.button{border:0;border-radius:6px;padding:18px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-weight:bold;font-size:14px;min-height:52px}.dark{background:var(--ink);color:var(--paper)}.light{background:white;color:var(--ink);border:1px solid var(--line)}.hero-meta{display:flex;gap:17px;align-items:center;font-size:11px;margin-top:24px}.hero-meta b{color:var(--orange);font-size:18px}.card-stage{height:440px;position:relative;max-width:560px;width:100%;margin:auto}.identity{width:245px;height:325px;border:2px solid var(--ink);border-radius:17px;position:absolute;box-shadow:7px 9px 0 #232820;display:flex;flex-direction:column;padding:22px}.back-card{background:#b7b8f0;top:40px;left:10px;transform:rotate(-13deg)}.back-card>span{font-size:10px;font-weight:bold;letter-spacing:1px}.jersey{font-size:110px;line-height:1.9;font-weight:900;letter-spacing:-10px;text-align:center;color:#f7f3e8;text-shadow:4px 4px var(--ink)}.identity strong{font-size:19px;margin-top:auto;letter-spacing:-.5px}.identity small{font-size:10px;margin-top:8px}.front-card{background:#fbd34e;right:28px;top:90px;transform:rotate(10deg)}.card-top{font-size:17px;font-weight:900;display:flex;justify-content:space-between}.mystery{font-size:180px;line-height:1.05;font-weight:900;text-align:center}.scribble{position:absolute;top:0;right:45px;font-style:italic;font-size:19px;transform:rotate(8deg)}.sticker{position:absolute;bottom:0;left:40px;transform:rotate(-12deg);border:2px solid var(--ink);border-radius:50%;padding:19px;background:var(--orange);font-size:14px;font-weight:900;text-align:center}.stage-star{position:absolute;right:0;top:30px;font-size:65px}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0;font-size:18px;font-weight:900;letter-spacing:2px;word-spacing:10px;background:#ebeddf}.ticker span{color:var(--orange);padding:0 30px}.play-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line);align-items:center}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.08;letter-spacing:-2px;margin:22px 0}h3{letter-spacing:-.6px;font-size:21px}.play-panel{border:1px solid var(--line);background:#fffcf5;border-radius:12px;padding:28px;box-shadow:0 6px 0 #e8e7dc}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:25px}.tab{background:none;border:0;padding:0 0 16px;color:#85877b;font-weight:bold;font-size:13px}.tab.active{border-bottom:3px solid var(--orange);color:var(--ink)}label{font-size:12px;font-weight:bold;display:block;margin-bottom:19px}input,select{width:100%;display:block;border:1px solid var(--line);border-radius:5px;padding:13px 12px;margin-top:9px;background:var(--paper);color:var(--ink);min-width:0}input::placeholder{color:#929488}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{width:100%}.muted{color:#777c6d;font-size:11px;display:block;line-height:1.6;margin-top:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.steps article>span{background:#f3c9b7;border-radius:50%;padding:13px;font-size:12px;display:inline-block;font-weight:bold}.steps article:nth-child(2)>span{background:#d9daf2}.steps article:nth-child(3)>span{background:#dfe7bf}.steps p{font-size:14px}.steps h3{margin-bottom:10px}details{margin-top:20px;font-size:13px;line-height:1.7}summary{cursor:pointer;font-weight:bold}details p{max-width:850px}#pakot{background:#ebeede}.pack-heading{display:flex;justify-content:space-between;align-items:center}.pack-heading>p{font-size:14px}.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:40px 0 15px}.pack{min-width:0}.pack-box{aspect-ratio: .78;border:2px solid var(--ink);border-radius:5px;padding:20px 15px;box-shadow:5px 5px 0 #232820;transform:rotate(-3deg);transition:transform .2s;display:flex;flex-direction:column;text-align:center}.pack:hover .pack-box{transform:rotate(0) translateY(-8px)}.pack:nth-child(even) .pack-box{transform:rotate(3deg)}.pack-box>span{font-weight:900;letter-spacing:2px;font-size:9px}.pack-box>strong{font-size:clamp(35px,4vw,62px);letter-spacing:-5px;margin-top:15px}.pack-symbol{font-size:80px;line-height:1.1;margin:auto}.pack-box small{font-weight:800;font-size:8px;letter-spacing:.6px}.red .pack-box{background:#f47a58}.green .pack-box{background:#acd2b0}.purple .pack-box{background:#b9b5e8}.yellow .pack-box{background:#f5d14e}.pack-caption{display:flex;justify-content:space-between;font-size:12px;margin-top:25px;gap:5px}.pack-caption span{font-size:10px;color:#6d7262}.wait-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.check{display:flex;gap:10px;font-weight:normal;line-height:1.5;color:#66695d;font-size:11px}.check input{width:16px;height:16px;margin:0;flex-shrink:0}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer .logo{font-size:30px}#notice:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:18px 25px;border-radius:8px;z-index:10;box-shadow:0 4px 20px #0003;max-width:90%;min-width:250px}.room{padding-top:40px}.room-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.room-title{font-size:55px;letter-spacing:-3px}.code{border:1px dashed var(--ink);background:#fbd34e;font-size:30px;font-weight:900;letter-spacing:4px;border-radius:8px;padding:15px}.code small{font-size:8px;letter-spacing:1px;display:block;margin-top:5px}.room-layout{display:grid;grid-template-columns:1fr 270px;gap:30px}.lobby-card{background:#ebeddf;border-radius:12px;padding:35px}.large-symbol{font-size:60px;color:var(--orange)}#start-form{max-width:420px}.scoreboard{background:#fffcf5;border:1px solid var(--line);border-radius:10px;padding:24px}.score{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.scoreboard small{display:block;margin-top:20px;color:#66695d;font-size:11px}.offline{padding:25px;background:#b9b5e8;margin-top:20px;border-radius:10px}.offline>span{font-size:9px;font-weight:bold;letter-spacing:1px}.offline a{font-weight:bold;text-decoration:underline}.offline p{font-size:13px}.text-button{border:0;background:none;padding:20px 0;text-decoration:underline;font-size:12px}.turn-banner{padding:25px;background:#fbd34e;border:1px solid var(--ink);border-radius:12px;margin-bottom:25px}.turn-banner>span{font-size:10px;letter-spacing:1px;font-weight:bold}.turn-banner h2{font-size:30px;margin:15px 0}.turn-banner p{font-size:13px}.actions{display:flex;gap:10px}.people{display:grid;grid-template-columns:1fr 1fr;gap:20px}.person{border:1px solid var(--line);background:#fffcf5;padding:24px;border-radius:10px}.person.current{border:2px solid var(--orange)}.person-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.person-top>span{font-size:10px;color:#66695d}.initial{width:85px;height:85px;border-radius:50%;background:#ebeddf;display:grid;place-items:center;font-size:32px;font-weight:900;margin-top:25px}.initial.secret{background:#fbd34e}.person h3{margin-bottom:10px}.profession{font-size:12px;color:#66695d}.person>p{font-size:13px}[hidden]{display:none!important}@media(max-width:900px){.header-note{display:none}.hero{gap:10px;min-height:540px}.card-stage{transform:scale(.85);transform-origin:center}.identity{width:220px}.front-card{right:0}.back-card{left:-10px}h1{letter-spacing:-4px}.play-section,.wait-section{gap:35px}.packs{gap:18px}.pack-box{padding:15px 8px}.pack-symbol{font-size:55px}.room-layout{grid-template-columns:1fr 220px}.person{padding:15px}}@media(max-width:640px){header{padding:18px 6%}.logo{font-size:35px}nav{gap:18px;font-size:11px}.tiny{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px}.hero h1{font-size:65px;letter-spacing:-4px}.hero-copy>p{font-size:15px}.card-stage{height:400px;width:345px;max-width:100%;transform:scale(.9);margin-top:10px}.front-card{right:5px;top:60px}.back-card{left:0;top:10px}.scribble{top:-15px;font-size:14px;right:5px}.stage-star{font-size:40px}.sticker{bottom:5px;left:0}.ticker{font-size:13px;padding:16px 0}.ticker span{padding:0 12px}section{padding:45px 6%}.play-section,.wait-section{grid-template-columns:1fr;gap:25px}.play-panel{padding:20px}.steps{grid-template-columns:1fr;gap:15px;margin-top:28px}.steps article{padding-left:55px;position:relative}.steps article>span{position:absolute;left:0;top:15px}.steps h3{margin-top:12px}.pack-heading{display:block}.packs{grid-template-columns:1fr 1fr;gap:35px 23px}.pack-box>strong{font-size:45px}.pack-caption{flex-direction:column;gap:7px}.pack-symbol{font-size:70px}.room-title{font-size:37px;letter-spacing:-2px}.code{font-size:22px;padding:12px}.room-layout{grid-template-columns:1fr}.room-header{align-items:flex-start}.people{gap:12px}.person-top{flex-direction:column}.person h3{font-size:18px}.person details{font-size:12px}.actions{flex-direction:column}.turn-banner h2{font-size:27px}.room aside{display:grid;gap:15px}.offline{margin:0}footer{flex-wrap:wrap;font-size:10px}footer>span:last-child{width:100%}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-meta{font-size:10px;gap:13px}}
.language-button{border:1px solid var(--line);padding:9px 12px;background:transparent;border-radius:5px;font-weight:bold;font-size:12px}.price-note{background:#f7f3e8;border:1px solid var(--line);padding:15px 18px;border-radius:8px;font-size:12px;line-height:1.6}.packs{row-gap:50px}.pack-description{font-size:13px;min-height:85px}.pack-caption{align-items:baseline}.pack-caption b{font-size:16px;white-space:nowrap}.price-label{font-size:10px;color:#707566;display:block;margin-top:8px}.pack-info{font-size:12px;min-height:50px;margin:12px 0}.pack-info ul{padding-left:18px}.pack .button{font-size:12px;padding:12px}.pack-box{min-height:230px}.admin-login{max-width:520px;padding:70px 25px}.admin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}.admin-list{display:grid;gap:12px}.admin-item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:#fffcf5;border-radius:8px;padding:20px;gap:15px}.admin-item small{display:block;margin-top:8px;color:#777c6d}.admin-item:hover{border-color:var(--orange)}textarea{font:inherit;width:100%;padding:12px;margin-top:9px;border:1px solid var(--line);border-radius:5px;background:var(--paper);resize:vertical}.admin-grid h2{font-size:30px;margin-top:0}@media(max-width:640px){.admin-grid{grid-template-columns:1fr}.pack-description{min-height:110px}.pack-box{min-height:200px}.pack-caption{align-items:flex-start}.pack-caption b{font-size:18px}header{gap:15px}nav{gap:12px}.language-button{padding:8px}}
/* Luaj Kush wordmark: an invitation above the guessing-game name. */
.logo{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.85;letter-spacing:-3px;flex-shrink:0;text-decoration:none}.logo .brand-prefix{font-size:12px;font-weight:800;letter-spacing:3.5px;line-height:1.4;color:var(--ink);margin-left:2px}.logo .brand-name{font-size:42px;color:var(--ink)}.logo .brand-dot{color:var(--orange)}footer .logo .brand-name{font-size:32px}footer .logo .brand-prefix{font-size:9px;letter-spacing:3px}.pack-box .pack-brand{display:flex;flex-direction:column;line-height:.9;gap:6px;margin-top:17px}.pack-brand>span{font-size:12px;letter-spacing:4px;line-height:1.2}.card-top{font-size:14px;letter-spacing:.5px}@media(max-width:640px){.logo .brand-name{font-size:34px}.logo .brand-prefix{font-size:10px;letter-spacing:3px}.pack-brand>span{font-size:10px}}
.tier-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.tier-option{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px;border:2px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left}.tier-option.selected{border-color:var(--ink);background:#fbd34e;box-shadow:3px 3px 0 var(--ink)}.tier-option strong{font-size:20px;letter-spacing:1px}.tier-option b{font-size:26px}.tier-option span,.tier-option small{font-size:12px}.admin-grid .price-note{margin-bottom:20px}@media(max-width:640px){.tier-options{gap:8px}.tier-option{padding:13px 9px}.tier-option strong{font-size:16px}.tier-option b{font-size:20px}.tier-option span,.tier-option small{font-size:10px}}
/* Keep focused controls at Safari's readable size without disabling pinch zoom. */
input,select,textarea{font-size:16px;line-height:1.4}
input:not([type="checkbox"]):not([type="radio"]),select{min-height:48px}
.form-row>label{min-width:0}
@media(max-width:480px){.form-row{grid-template-columns:minmax(0,1fr)}label{font-size:14px}.tabs{gap:20px}.tab{min-height:44px}}