.four-row-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27443955;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.four-row-panel{color:#385947;background:#f3f5e9;border:1px solid #cedbc5;border-radius:23px;width:min(820px,100%);max-height:calc(100dvh - 32px);font-family:Arial,sans-serif;position:relative;overflow:auto;box-shadow:0 24px 80px #203e3a33}.four-row-panel header{align-items:center;gap:14px;padding:18px 23px 14px;display:flex}.four-row-panel header>div{flex:1}.four-row-panel header p{letter-spacing:.14em;color:#809177;margin:0 0 6px;font-size:9px;font-weight:700}.four-row-panel h2{letter-spacing:-.045em;margin:0;font-size:29px;font-weight:600}.four-row-panel button{color:#43664d;cursor:pointer;background:#e8eede;border:1px solid #c6d5bd;border-radius:9px;padding:8px 12px;font:600 12px Arial,sans-serif}.four-row-panel button:hover{background:#dce7ce}.four-row-panel button:disabled{cursor:default;opacity:.42}.four-row-panel button:focus-visible,.four-row-canvas:focus-visible{outline-offset:-3px;outline:3px solid #8bb394}.four-row-panel .four-row-close{border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:24px}.four-row-players{background:#e7eedb;grid-template-columns:1fr 35px 1fr;align-items:center;gap:12px;padding:10px 23px;display:grid}.four-row-players>div{border-radius:12px;align-items:center;gap:10px;min-width:0;padding:6px 8px;transition:background .2s;display:flex}.four-row-players>div:last-child{text-align:right;flex-direction:row-reverse}.four-row-players .current{background:#f8fae9;box-shadow:inset 0 0 0 1px #cad7ba}.four-row-players strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.four-row-players>div>div{min-width:0}.four-row-players small{color:#83917b;margin-top:4px;font-size:10px;display:block}.four-row-chip{color:#fff2d8;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:23px;display:grid;box-shadow:inset 0 -3px #3f3c3220}.four-row-chip.coral,.four-row-mini.coral{background:#ca8270}.four-row-chip.gold,.four-row-mini.gold{background:#d3b067}.four-row-versus{text-align:center;color:#98aa89;font:700 21px ui-monospace,monospace}.four-row-status{text-align:center;background:#dde7d2;padding:13px 20px 0}.four-row-status strong{color:#456149;font-size:16px;display:block}.four-row-status span{color:#7d8e72;margin-top:5px;font-size:11px;display:block}.four-row-stage{background:#dde7d2;height:min(48dvh,455px);min-height:265px;position:relative}.four-row-canvas{touch-action:none;cursor:pointer;outline:none;width:100%;height:100%;display:block}.four-row-columns{background:#e7eedb;grid-template-columns:repeat(7,1fr);gap:8px;padding:9px max(20px,12%) 11px;display:grid}.four-row-columns button{background:#f4f7e8;border-radius:8px;padding:5px 0;font-size:11px}.four-row-columns button span{font-size:19px;line-height:1;display:block}.four-row-columns button:disabled{opacity:.35}.four-row-instructions{align-items:center;gap:12px;padding:10px 23px;display:flex}.four-row-instructions p{color:#7e8e73;flex:1;margin:0;font-size:11px;line-height:1.5}.four-row-instructions kbd{border:1px solid #cbd7be;border-radius:3px;margin:0 2px;padding:1px 4px;font:600 10px ui-monospace,monospace}.four-row-panel footer{border-top:1px solid #d5dfc9;justify-content:space-between;align-items:center;gap:12px;padding:13px 23px;display:flex}.four-row-panel footer p,.four-row-watching{color:#7a8d70;margin:0;font-size:12px}.four-row-panel .four-row-primary{color:#fff9e5;background:#397158;border-color:#397158}.four-row-panel .four-row-primary:hover{color:#fff9e5;background:#2c5b46}.four-row-color-choice{gap:6px;display:flex}.four-row-color-choice button{text-transform:capitalize;background:0 0;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:flex}.four-row-color-choice button[aria-pressed=true]{background:#e7efd8;border-color:#83a174}.four-row-mini{border-radius:50%;width:10px;height:10px;display:inline-block}.four-row-error{color:#8d6241;background:#f0dfce;border-radius:10px;margin:5px 23px 10px;padding:10px;font-size:12px}.four-row-error button{margin-left:8px}.four-row-fixture{color:#849278;background:#e8efdd;margin:0;padding:7px 23px;font-size:10px}.four-row-confirm{z-index:2;background:#234b3bbb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.four-row-confirm>div{background:#f4f6e9;border-radius:16px;max-width:410px;padding:23px}.four-row-confirm h3{margin:0 0 8px;font-size:22px}.four-row-confirm p{color:#718266;font-size:13px;line-height:1.6}.four-row-confirm button{margin-top:5px;margin-right:8px}.four-row-render-error{text-align:center;padding:30px;font-size:13px}.four-row-flat{background:#88a18f;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:8px;max-width:350px;margin:20px auto;padding:14px;display:grid}.four-row-flat span{aspect-ratio:1;background:#dce6cc;border-radius:50%}.four-row-flat .coral{background:#ca8270}.four-row-flat .gold{background:#d3b067}.four-row-world-prompt{z-index:8;color:#406345;cursor:pointer;background:#f4f6e9ee;border:1px solid #c4d6b9;border-radius:14px;padding:11px 15px;font:600 12px Arial,sans-serif;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #3b574324}.four-row-world-prompt kbd{border:1px solid #bccdb0;border-radius:4px;margin-right:8px;padding:3px 5px;font:600 11px ui-monospace,monospace}@media (max-width:600px){.four-row-overlay{padding:8px}.four-row-panel{border-radius:17px;max-height:calc(100dvh - 16px)}.four-row-panel header{padding:13px 14px 10px}.four-row-panel header p{font-size:8px}.four-row-panel h2{font-size:25px}.four-row-players{grid-template-columns:1fr 20px 1fr;gap:5px;padding:7px 10px}.four-row-players>div{gap:6px;padding:6px}.four-row-players strong{font-size:10px}.four-row-players small{font-size:9px}.four-row-chip{width:25px;height:25px;font-size:20px}.four-row-status{padding:10px 12px 0}.four-row-status strong{font-size:14px}.four-row-status span{font-size:10px}.four-row-stage{height:37dvh;min-height:260px}.four-row-columns{gap:6px;padding:8px 12px}.four-row-instructions,.four-row-panel footer{padding:10px 14px}.four-row-instructions p{font-size:10px}.four-row-world-prompt{bottom:150px}.four-row-color-choice button{padding:6px}.four-row-panel footer>div:first-child{max-width:60%}.four-row-panel footer p{font-size:11px}}@media (prefers-reduced-motion:reduce){.four-row-panel *{transition:none!important}}