:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f1;color:#16201d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:38px;border:0;border-radius:6px;padding:0 14px;background:#176b52;color:#fff;cursor:pointer;font-weight:700}button.secondary{background:#53635d}button.danger{background:#a13a2e}button.ghost{background:transparent;color:#176b52;border:1px solid #9eb7ae}input,select{width:100%;min-height:38px;border:1px solid #bdc9c5;border-radius:6px;padding:7px 9px;background:#fff}label{display:grid;gap:6px;color:#4d5e58;font-size:13px}h1,h2,h3,p{margin:0}.shell{min-height:100vh;padding:22px}.toast{position:sticky;top:12px;z-index:10;max-width:960px;margin:0 auto 12px;border-radius:6px;padding:10px 12px}.toast.error{background:#fff0ec;color:#8d291b;border:1px solid #d99789}.toast.info{background:#eef9f2;color:#0e6d32;border:1px solid #9fd1ad}.rules-button{position:fixed;right:18px;top:50%;z-index:8;transform:translateY(-50%);min-width:72px;min-height:48px;border:2px solid #d8f3e8;background:#112a22;box-shadow:0 10px 24px #0b181438}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(11,20,18,.58)}.modal-card{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(76vh,720px);border:1px solid #cddbd6;border-radius:8px;background:rgba(251,253,252,.96);box-shadow:0 24px 80px #00000057;padding:20px}.modal-card h2{padding-right:60px;margin-bottom:12px}.modal-close{position:absolute;top:10px;right:10px;width:50px;height:50px;min-height:50px;display:grid;place-items:center;border-radius:50%;background:#a13a2e;font-size:28px;line-height:1}.modal-scroll{max-height:calc(min(76vh,720px) - 92px);overflow:auto;padding-right:8px}.rules-copy{display:grid;gap:10px;color:#31423d;line-height:1.58}.rules-copy h3{margin-top:6px;color:#17201d}.rules-copy ol{margin:0;padding-left:22px}.account-table{display:grid;gap:6px;min-width:620px}.account-head,.account-row{display:grid;grid-template-columns:1.1fr 1.2fr .8fr .7fr 1.3fr;gap:8px;align-items:center;border-radius:6px;padding:9px 10px}.account-head{background:#172820;color:#fff;font-weight:800}.account-row{background:#fff;border:1px solid #d8e2de}.account-row code{overflow-wrap:anywhere}.kafka-hero{min-height:56vh;display:grid;align-items:end;border-radius:8px;padding:42px;background:linear-gradient(rgba(9,18,16,.32),rgba(9,18,16,.72)),url(https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;color:#fff}.kafka-copy{max-width:880px}.eyebrow{margin-bottom:12px;font-size:13px;letter-spacing:0;text-transform:uppercase;font-weight:800;color:#bde8d7}.kafka-hero h1{max-width:850px;font-size:48px;line-height:1.06;margin-bottom:16px}.kafka-hero p:last-child{max-width:760px;color:#edf7f3;font-size:18px;line-height:1.6}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:22px auto}.content-grid article,.panel,.auth-card,.showdown-panel{border:1px solid #cfdbd6;border-radius:8px;background:#fbfdfc}.content-grid article{padding:20px}.content-grid h2,.panel h2{margin-bottom:10px;font-size:18px}.content-grid p{color:#40524c;line-height:1.65}.entry-gate{display:flex;justify-content:center;padding:12px 0 32px}.docs-page{min-height:calc(100vh - 44px);display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;max-width:1380px;margin:0 auto;border:1px solid #cfdbd6;border-radius:10px;background:#fbfdfc;overflow:hidden;box-shadow:0 18px 48px #12231e14}.docs-sidebar{border-right:1px solid #d9e3df;background:#f3f7f5;padding:18px}.docs-brand{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #d9e3df}.docs-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#111c18;color:#fff;font-weight:900}.docs-brand strong,.docs-brand small{display:block}.docs-brand small{margin-top:2px;color:#62736d}.docs-nav{display:grid;gap:6px;margin-top:18px}.doc-topic{min-height:42px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;border-radius:6px;padding:0 10px;background:transparent;color:#30413b;text-align:left;font-weight:700}.doc-topic span{color:#7b8b85;font-size:12px}.doc-topic.active{background:#173f31;color:#fff}.doc-topic.active span{color:#bde8d7}.docs-article{max-width:920px;padding:42px 52px 56px}.docs-topline{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px;color:#587067;font-size:13px;font-weight:800;text-transform:uppercase}.docs-topline a{color:#176b52;text-transform:none}.docs-article h1{max-width:820px;font-size:46px;line-height:1.08;color:#111c18}.docs-summary{max-width:780px;margin-top:16px;color:#41534d;font-size:18px;line-height:1.68}.docs-callout{display:grid;gap:5px;margin:26px 0;border-left:4px solid #176b52;border-radius:6px;padding:14px 16px;background:#eef7f3;color:#2d433b}.docs-section{margin-top:22px;border-top:1px solid #dce6e2;padding-top:22px}.docs-section h2{margin-bottom:9px;font-size:23px;color:#15221d}.docs-section p{color:#40534d;line-height:1.72}.docs-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}.docs-section li{border:1px solid #d5e2dd;border-radius:6px;padding:9px 10px;background:#fff;color:#263832;font-weight:700}.docs-entry{justify-content:flex-start;margin-top:30px;padding:22px 0 0;border-top:1px solid #dce6e2}.auth-card{display:grid;gap:14px;width:min(420px,100%);margin:10vh auto 0;padding:22px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto 16px}.app-header p{color:#5e706a}.header-actions,.button-row{display:flex;flex-wrap:wrap;gap:8px}.status{display:inline-grid;place-items:center;min-height:38px;border-radius:999px;padding:0 12px;background:#d7dfdc;color:#4a5c56;font-size:12px;font-weight:800;text-transform:uppercase}.status.connected{background:#ccebd6;color:#0c6a2e}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;max-width:1240px;margin:0 auto}.panel{padding:16px}.room-list{display:grid;gap:10px}.room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d7e1dd;border-radius:8px;padding:12px;background:#fff}.room-row p,.empty{color:#5b6e68}.admin-tools{display:grid;gap:10px;margin-top:12px;border-top:1px solid #d7e1dd;padding-top:12px}.seat-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.seat-card{min-height:100px;display:grid;align-content:center;gap:4px;border:1px solid #d9e2de;border-radius:8px;padding:12px;background:#fff}.seat-card span,.seat-card small{color:#60736d}.host-controls,.action-dock,.showdown-panel,.game-strip{max-width:1240px;margin:14px auto 0}.host-controls,.action-dock,.game-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #cfdbd6;border-radius:8px;padding:12px;background:#fbfdfc}.game-strip{justify-content:space-between;color:#445650}.table-scene{max-width:1240px;margin:0 auto}.oval-table{position:relative;min-height:660px;border-radius:50%;border:18px solid #31443c;background:radial-gradient(circle at center,#2c8b66 0%,#156144 72%);box-shadow:inset 0 0 0 8px #174533,0 18px 36px #101f1b38}.community{position:absolute;top:36%;right:24%;bottom:36%;left:24%;display:grid;place-items:center;gap:8px;color:#fff;text-align:center}.phase,.pot{font-weight:800}.cards,.hole{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.hole{min-height:98px;color:#e8fff6}.table-seat{position:absolute;width:138px;min-height:94px;display:grid;gap:3px;align-content:center;border:1px solid #d9e2de;border-radius:8px;padding:9px;background:#fff;text-align:center;box-shadow:0 10px 20px #0c16132e}.table-seat.turn{border-color:#d39c1d;box-shadow:0 0 0 3px #ffd56f,0 10px 20px #0c16132e}.turn-arrow{position:absolute;top:-28px;left:50%;transform:translate(-50%);color:#ffd56f;font-size:24px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.seat-pos-0{left:44%;top:2%}.seat-pos-1{left:64%;top:7%}.seat-pos-2{left:80%;top:25%}.seat-pos-3{left:80%;top:58%}.seat-pos-4{left:64%;top:78%}.seat-pos-5{left:44%;top:83%}.seat-pos-6{left:24%;top:78%}.seat-pos-7{left:8%;top:58%}.seat-pos-8{left:8%;top:25%}.seat-pos-9{left:24%;top:7%}.badge,.net{justify-self:center;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:800}.badge{background:#e8eeee;color:#53645e}.positive{color:#0b7a34}.negative{color:#b12f22}.showdown-panel{padding:16px;text-align:center}.community .showdown-panel{width:min(420px,100%);margin:4px auto 0;color:#17201d;box-shadow:0 12px 28px #0b18143d}.community .showdown-panel h2{font-size:20px;line-height:1.25}.showdown-panel p{margin-top:6px}.action-dock .timer{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#112a22;color:#fff;font-weight:900}.action-dock label{width:160px}.poker-card{position:relative;width:70px;height:98px;border:1px solid #c7cecc;border-radius:7px;background:#fff;color:#111;box-shadow:0 2px 4px #00000029}.poker-card.hearts,.poker-card.diamonds{color:#b92620}.corner{position:absolute;display:grid;justify-items:center;font-size:13px;line-height:1;font-weight:900}.corner.top{top:6px;left:6px}.corner.bottom{right:6px;bottom:6px;transform:rotate(180deg)}.card-center{position:absolute;top:22px;right:14px;bottom:22px;left:14px}.card-center.face{display:grid;place-items:center}.card-center.face img{max-width:38px;max-height:48px}.pips{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:2px}.pips-1{grid-template-columns:1fr}.pips img{width:12px;height:12px}@media (max-width: 920px){.content-grid,.lobby-layout,.docs-page{grid-template-columns:1fr}.docs-sidebar{border-right:0;border-bottom:1px solid #d9e3df}.docs-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-article{padding:28px}.docs-article h1{font-size:34px}.kafka-hero{padding:28px}.kafka-hero h1{font-size:34px}.seat-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.oval-table{min-height:760px;border-radius:24px}.table-seat{position:static;width:auto}.oval-table{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding:220px 12px 12px}.community{inset:18px 18px auto}}@media (max-width: 560px){.shell{padding:12px}.app-header,.room-row,.game-strip{align-items:stretch;flex-direction:column}.seat-grid,.oval-table,.docs-nav,.docs-section ul{grid-template-columns:1fr}}