*{box-sizing:border-box}html,body,#root{color:#f1e3c8;background:#120c08;height:100%;margin:0;font-family:system-ui,sans-serif}button,input,select{font:inherit;color:#f1e3c8;background:#3b2314;border:1px solid #6b4a2a;border-radius:8px;padding:8px 12px}button{cursor:pointer;background:#8a5a2b}button:disabled{opacity:.4;cursor:default}button.ghost{background:#2b1a10}button.danger{background:#9b2535}.screen{place-items:center;height:100%;padding:16px;display:grid}.card{background:#24160e;border-radius:14px;flex-direction:column;gap:12px;width:min(360px,100%);padding:24px;display:flex}.card.wide{width:min(520px,100%)}h1,h2{margin:0}.muted{color:#b9a27a;margin:0}.row{gap:8px;display:flex}.row input{flex:1;min-width:0}.err{color:#ff8a8a;margin:0}.code{letter-spacing:2px;color:#ffcf5a}.members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.members li{background:#2f1d12;border-radius:8px;justify-content:space-between;padding:8px 12px;display:flex}.members span{color:#b9a27a}.grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.game{position:fixed;inset:0}.game canvas{position:absolute;inset:0}.top{pointer-events:none;background:linear-gradient(#000a,#0000);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.target{color:#ffcf5a}.opts{gap:6px;display:flex}.names{flex-direction:column;gap:3px;font-size:13px;display:flex;position:absolute;top:48px;left:12px}.names span{background:#000a;border-radius:6px;width:fit-content;padding:2px 8px}.names .cur{outline:1px solid #ffcf5a}.names .dead{opacity:.45;text-decoration:line-through}.claim{background:#000b;border-radius:999px;padding:6px 14px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.log{text-align:right;flex-direction:column;gap:3px;max-width:min(320px,45vw);font-size:13px;display:flex;position:absolute;top:48px;right:12px}.log div{background:#000a;border-radius:6px;padding:3px 8px}.toast{background:#9b2535;border-radius:8px;padding:8px 16px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.panel{background:#000c;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:92vw;padding:12px 16px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%)}.hand{background:linear-gradient(#0000,#000c);flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.cards{gap:6px;padding-bottom:4px;display:flex}.card.altin,.card.muhur,.card.hancer,.card.hanci,.card.kadehDegis,.card.casus{color:#2b1a10;background:#d8c39a;border:2px solid #6b4a2a;place-items:center;width:70px;height:98px;padding:4px;font-size:13px;font-weight:600;transition:transform .12s;display:grid;transform:none}.card.hanci{background:#cdb0e0}.card.kadehDegis,.card.casus{background:#9fc7c0}.card.sel{border-color:#ffcf5a;transform:translateY(-14px)}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (width<=600px){.card.altin,.card.muhur,.card.hancer,.card.hanci,.card.kadehDegis,.card.casus{width:56px;height:80px;font-size:11px}.names{font-size:11px;top:104px}.log{max-width:50vw;top:104px}.claim{top:78px}}.card.xl{width:min(900px,100%);max-height:96vh;overflow:auto}.editor{grid-template-columns:minmax(200px,1fr) 1.4fr;gap:12px;display:grid}.preview{border-radius:12px;height:340px;position:relative;overflow:hidden}.preview canvas{position:absolute;inset:0}.rnd{position:absolute;bottom:8px;left:8px}.panel-ed{flex-direction:column;gap:8px;min-height:340px;display:flex}.panel-ed h4{color:#b9a27a;margin:6px 0 0;font-weight:500}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs button{padding:6px 10px}.tabs button.on,.opt.on{background:#8a5a2b;border-color:#ffcf5a}.opts-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.opt{background:#2b1a10;padding:6px 8px;font-size:13px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border:2px solid #0006;border-radius:50%;width:30px;height:30px;padding:0}.sw.on{border-color:#ffcf5a;box-shadow:0 0 0 2px #ffcf5a55}@media (width<=700px){.editor{grid-template-columns:1fr}.preview{height:240px}}.names .talk{outline:2px solid #6fdc7a}.mini{background:0 0;border:0;margin-right:4px;padding:0 4px;font-size:11px}.card.altin,.card.muhur,.card.hancer,.card.hanci,.card.kadehDegis,.card.casus{text-shadow:0 1px 3px #000;color:#fff7e3;background-position:50%;background-size:cover;align-items:end;font-size:12px}.card.altin{background-image:url(/cards/card_altin.png)}.card.muhur{background-image:url(/cards/card_muhur.png)}.card.hancer{background-image:url(/cards/card_hancer.png)}.card.hanci{background-image:url(/cards/card_hanci.png)}.card.kadehDegis{background-image:url(/cards/card_kadehDegis.png)}.card.casus{background-image:url(/cards/card_casus.png)}