:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef5ec;background:#082a27;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -25%,#28675a 0,transparent 55%),#082a27}button,input{font:inherit}button{cursor:pointer}header{height:74px;border-bottom:1px solid #ffffff1b;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#092b28a9}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.07em;font-size:20px}.brand em{font-style:normal;color:#d9ad58}.mark{display:grid;place-items:center;background:#d2a54f;color:#12382f;border-radius:12px;width:42px;height:42px;font-size:13px;letter-spacing:-5px;padding-right:6px}#identity{display:flex;align-items:center;gap:14px;color:#d5e5dc}main{max-width:1180px;margin:auto;padding:30px 24px 70px}.auth{max-width:420px;margin:7vh auto}.card{background:#103b35;border:1px solid #ffffff20;border-radius:22px;padding:30px;box-shadow:0 20px 60px #001e1b50}.crest{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#d9ae60;color:#163b32;font-size:36px}h1{font-size:clamp(28px,4vw,40px);margin:8px 0 10px;letter-spacing:-.04em}h2{font-size:20px}.auth p,.update p{color:#b6cbc1;line-height:1.6}.auth form{display:grid;gap:16px;margin-top:25px}label{display:grid;gap:7px;color:#d6e4db;font-weight:600}input{background:#092e2a;border:1px solid #65857980;color:white;border-radius:10px;padding:14px;max-width:100%}input:focus{outline:2px solid #dab464}button{border:1px solid #7d9c9080;border-radius:10px;background:#16483e;color:#f6fbf6;padding:11px 16px;font-weight:650}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}.gold{background:#d7ab5b;border-color:#e8c376;color:#17372e}.link{border:0;background:none;color:#eac681;padding:16px 0}.auth .gold{width:100%}nav{display:flex;gap:8px;border-bottom:1px solid #ffffff24;margin-bottom:30px;overflow:auto}nav button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;white-space:nowrap;color:#bed2c7}nav .selected{border-color:#e0b665;color:white}.heading,.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading small{color:#dcb668;font-weight:750;letter-spacing:.16em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 30px}.stats div{border:1px solid #ffffff20;border-radius:15px;background:#ffffff0c;padding:20px;display:grid;gap:5px}.stats b{font-size:27px;color:#f5d38f}.stats span{color:#b7d0c3}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.room{background:#123d36;border:1px solid #ffffff22;border-radius:17px;padding:21px}.room strong{font-size:18px}.room p{color:#adc9ba}.room button{width:100%}.empty{padding:35px;border:1px dashed #729284;border-radius:15px;color:#c4d9cd}.felt{min-height:435px;border:12px solid #714a2d;border-radius:42% / 28%;background:radial-gradient(ellipse,#237860,#145743);box-shadow:inset 0 0 80px #002d28,0 15px 45px #001a18;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:74px 1fr 74px;align-items:center;text-align:center;padding:18px;margin:25px 0 20px}.player{background:#082e29e0;border:1px solid #d8bd7a70;border-radius:30px;padding:10px;color:#e8ead9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.north{grid-column:2;grid-row:1}.west{grid-column:1;grid-row:2}.east{grid-column:3;grid-row:2}.south{grid-column:2;grid-row:3}.center{grid-column:2;grid-row:2}.indicator{font-size:13px;color:#d0ded0;letter-spacing:.08em}.indicator span{display:inline-flex;margin-left:8px}.deck{display:flex;justify-content:center;gap:12px;margin:20px 0}.deck button{min-width:115px;min-height:75px;background:#e9daba;color:#173f36;border:3px solid #fff3d5;box-shadow:0 5px 12px #002c21a0}.deck b{display:block}.rack{background:#68452d;border:4px solid #a87949;border-radius:15px;padding:15px;box-shadow:0 12px 28px #001c1d}.rackHead{display:flex;justify-content:space-between;color:#f6e3b5;padding-bottom:12px}.rackHead span{color:#e6cfaa}.tiles{display:flex;flex-wrap:wrap;gap:5px;min-height:100px}.tile{width:42px;height:58px;background:#f5eddb;color:#1c473e;border:2px solid #fff;border-radius:5px;box-shadow:0 3px 0 #b6a989;font-size:26px;font-weight:800;padding:0}.tile.c1{color:#b63838}.tile.c2{color:#1d5fbb}.tile.c3{color:#171b22}.tile.c4{color:#de8932}.tile.c0{color:#c4415b}.tile.selected{transform:translateY(-12px);outline:3px solid #edc976}#notice{min-height:22px;color:#edc976}.update{max-width:700px}.update input{display:block;margin:18px 0;width:100%}.muted{font-size:14px}code{color:#ffdb91}#identity button{padding:7px 11px}@media(max-width:700px){header{padding:0 16px}main{padding:20px 12px}.heading{align-items:flex-start}.heading button{white-space:nowrap}.stats{gap:8px}.stats div{padding:12px}.stats b{font-size:20px}.stats span{font-size:13px}.felt{min-height:330px;border-width:7px;padding:5px;border-radius:32% / 18%;grid-template-columns:1fr 1.6fr 1fr}.player{font-size:12px;padding:7px 3px}.deck{gap:4px}.deck button{min-width:70px;min-height:60px;font-size:12px;padding:4px}.tile{width:36px;height:50px;font-size:22px}.rackHead span{font-size:12px}}
#finish{padding:7px 12px;font-size:14px}#rematch{margin-top:8px;background:#d7ab5b;color:#17372e}.rackHead{align-items:center;gap:8px}.rackHead span{margin-left:auto}@media(max-width:700px){.rackHead{flex-wrap:wrap}.rackHead span{order:3;width:100%;margin-left:0}}
#discardSelected{padding:7px 12px;font-size:14px}