@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#16151b;--panel:#211f28;--muted:#9995a6;--lime:#d1f780}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f5fa;font-family:'Noto Sans SC',sans-serif}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}header{height:94px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #ffffff12}.logo{font-size:27px;font-weight:900;color:var(--lime);text-decoration:none}.logo span{font-size:11px;letter-spacing:3px;margin-left:14px;color:white}.badge{color:#b9b5c3;font-size:12px}main{max-width:1240px;margin:auto;padding:52px 36px 24px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--lime);margin-bottom:18px}h1{font-size:52px;letter-spacing:-2px;line-height:1.3;margin:0;font-weight:800}h1 span{color:var(--lime)}.intro>p{color:var(--muted);font-size:14px;margin:20px 0 36px}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{border:1px solid #ffffff10;border-radius:22px;background:var(--panel);padding:26px}.sectiontop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.tabs{display:flex;background:#17161d;border-radius:12px;padding:5px;margin-top:28px;gap:4px}.tabs button{flex:1;padding:12px 5px;border:0;background:none;color:#aaa6b5;border-radius:8px;font-size:13px}.tabs .active{background:var(--lime);color:#20261a;font-weight:700}.challenge{min-height:310px;padding:44px 10px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.pill{color:#d2bbff;background:#b188ff16;padding:5px 12px;border-radius:20px;font-size:11px}h2{font-size:30px;line-height:1.6;font-weight:700;margin:20px 0;overflow-wrap:anywhere}.challenge p{font-size:12px;color:var(--muted);line-height:1.8}.primary{background:var(--lime);border:0;border-radius:12px;padding:19px 20px;color:#22291b;width:100%;font-weight:700;font-size:14px;display:flex;justify-content:space-between}.primary:hover{background:#defba8}.gamefoot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.gamefoot button,.banklinks button{background:none;border:0;color:#b8b4c4;padding:4px 0;font-size:11px}aside{display:grid;gap:20px}h3{font-size:17px;margin:19px 0}form{display:flex;gap:8px;margin-bottom:16px}input{min-width:0;background:#17161d;border:1px solid #ffffff15;border-radius:9px;padding:11px;color:white;width:100%;outline:none}input:focus{border-color:var(--lime)}form button{background:#393440;border:0;border-radius:9px;color:var(--lime);width:46px;font-size:23px}.player{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff08}.avatar{width:30px;height:30px;border-radius:50%;background:#bda3e82b;display:grid;place-items:center;color:#d4b9ff;font-size:12px}.playername{flex:1;overflow-wrap:anywhere;font-size:13px}.die{font-size:28px;color:#c5c0d0}.player.chosen .die,.player.chosen .playername{color:var(--lime)}.remove{background:none;border:0;color:#777180;font-size:19px}.hint,#bankInfo,#status{font-size:11px;color:var(--muted);line-height:1.8}.hint{margin-bottom:0}.upload{border:1px dashed #726584;background:#b99ae908;display:block;padding:14px;text-align:center;border-radius:10px;color:#d5c2f4;font-size:12px;cursor:pointer;margin-top:18px}.upload input{display:none}.banklinks{display:flex;justify-content:space-between;margin-top:11px}#status{font-size:10px;margin-bottom:0}footer{display:flex;justify-content:space-between;color:#696473;font-size:10px;padding-top:32px}button:focus-visible,label:focus-within{outline:2px solid var(--lime);outline-offset:3px}@media(min-width:1000px){.intro{position:relative}.intro:after{content:'✳';position:absolute;right:100px;top:-25px;font-size:180px;color:var(--lime);transform:rotate(12deg);opacity:.85}}@media(max-width:750px){header{height:76px;padding:0 20px}main{padding:32px 18px}.layout{grid-template-columns:1fr}h1{font-size:40px}.panel{padding:21px}.badge{font-size:10px}.challenge{min-height:270px}h2{font-size:25px}footer{gap:20px;line-height:1.8}.gamefoot{gap:10px}.intro>p{font-size:12px}}
.roompanel{margin-bottom:24px;background:linear-gradient(110deg,#292533,#211f28)}#entry{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;margin-top:20px}.smallprimary,.secondary{border:0;border-radius:9px;padding:12px 17px;font-size:12px;white-space:nowrap}.smallprimary{background:var(--lime);color:#22291b;font-weight:700}.secondary{background:#ffffff0b;color:#d4cfdd;border:1px solid #ffffff16}#roomActive{align-items:center;justify-content:space-between;gap:15px;margin-top:20px}#roomActive:not([hidden]){display:flex}#code{font-size:22px;letter-spacing:3px;margin:0 10px}.roomactions{display:flex;gap:10px}#connection{color:var(--lime)}.die{width:35px;text-align:center}.waiting{font-size:10px;color:var(--muted)}.me{font-size:9px;color:var(--lime);margin-left:5px}.hostmark{font-size:9px;color:#d1b5ff;margin-left:4px}.dicehistory{font-size:10px;line-height:1.8;color:var(--muted);margin-top:18px;overflow-wrap:anywhere}#status{min-height:18px}#roomStatus{margin-bottom:0}.emptyplayers{text-align:center;color:var(--muted);font-size:12px;padding:30px 0}.bank.readonly{opacity:.7}@media(max-width:750px){#entry{grid-template-columns:1fr 1fr}#entry input{font-size:12px}#roomActive:not([hidden]){display:block}.roomactions{margin-top:16px}#code{font-size:19px;letter-spacing:2px}.roompanel{padding:19px}h1{font-size:38px}.gamefoot>span{font-size:9px}}