.wb-shell{max-width:1450px;margin:auto;padding:35px 28px 65px;color:#f5efdf}.wb-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.ffg-app .wb-heading .ffg-eyebrow{margin-bottom:6px}.ffg-site .ffg-app .wb-heading h1{font:bold clamp(42px,5vw,76px)/1.1 system-ui;letter-spacing:-4px;filter:drop-shadow(0 5px 0 #020814)}.wb-heading h1 span{color:#f4f1e5;text-shadow:1px 2px 0 #9dafbb}.wb-heading h1 b{color:#efc961;text-shadow:1px 2px 0 #9f6d20}.wb-heading>p{font:600 12px/1.65 system-ui!important;letter-spacing:1px;color:#a6d6ee!important}.wb-heading>p strong{color:#edcb7d}.wb-toolbar{display:flex;align-items:center;gap:24px;padding:14px 20px;background:#152a43;border:1px solid #36526e;border-radius:10px;margin-bottom:12px}.wb-toolbar>span:first-child{flex:1;font:600 14px system-ui}.wb-clock{white-space:nowrap;color:#f3da9b;font:24px system-ui}.wb-clock small{font-size:9px;letter-spacing:1px}.wb-clock b{font-variant-numeric:tabular-nums}.wb-urgent{color:#ffb5a8}.wb-shell button{font:600 12px/1.4 system-ui;cursor:pointer;background:linear-gradient(#213d5a,#152a43);border:1px solid #55718a;border-radius:7px;padding:10px 14px;color:#f5efdf;box-shadow:0 3px 0 #030c18;transition:filter .15s,transform .15s}.wb-shell button:hover:not(:disabled){filter:brightness(1.18)}.wb-shell button:active:not(:disabled){transform:translateY(1px)}.wb-shell button:disabled{cursor:default;opacity:.45}.wb-shell button:focus-visible{outline:3px solid #f4d780;outline-offset:3px}.wb-shell #wb-message{padding:10px 15px;min-height:47px;margin-bottom:16px;font-size:13px;background:#0d2034;border-left:3px solid #7d9dba;color:#c2d0dc}.wb-shell #wb-message.wb-error{border-color:#dc8c7e;color:#ffd8d0}.wb-layout{display:grid;grid-template-columns:minmax(155px,1fr) minmax(320px,660px) minmax(155px,1fr);gap:18px;align-items:start}.wb-player{background:linear-gradient(130deg,#14273f,#0b1728);border:2px solid #366d9d;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003}.wb-red{border-color:#a44e4a}.wb-player-heading{display:flex;align-items:center;gap:11px;padding:15px 14px;background:linear-gradient(100deg,#184d79,#14273f);border-bottom:1px solid #35638d}.wb-red .wb-player-heading{background:linear-gradient(100deg,#762d30,#271c30);border-color:#9c514c}.ffg-app .wb-player h2{font:600 20px system-ui;letter-spacing:0}.wb-avatar{width:32px;height:32px;background:linear-gradient(#347ab0,#17416c);border:1px solid #7aa7c6;border-radius:7px;display:grid;place-items:center;font-size:17px;color:#eff6fa}.wb-red .wb-avatar{background:linear-gradient(#bf5c51,#7c2b31);border-color:#d9978c}.wb-score{font:700 clamp(40px,4vw,64px)/1.3 system-ui;display:block;text-align:center;color:#f4f0df;text-shadow:0 0 18px #3d9adc80;padding-top:14px;font-variant-numeric:tabular-nums}.wb-red .wb-score{text-shadow:0 0 18px #d55e5880}.wb-player-note{text-align:center;font:10px/1.7 system-ui;color:#afbdca;padding:2px 8px 15px}.ffg-site .ffg-app .wb-player h3{font:600 16px system-ui;color:#bcd6e6;margin:12px 14px!important;border-top:1px solid #39536b;padding-top:17px;letter-spacing:0}.wb-words{list-style:none!important;padding:0 15px!important;margin:15px 0 22px!important;min-height:145px}.wb-words li{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font:12px/1.5 system-ui;overflow-wrap:anywhere}.wb-words b{color:#f0cf77;white-space:nowrap}.wb-seat-info{font:10px/1.5 system-ui;color:#869fb5!important;text-align:center;margin:0 10px 20px!important}.wb-hidden-rack{display:flex;gap:4px;padding:0 13px 5px;justify-content:center}.wb-hidden-rack i{font-style:normal;background:#e1c28a;color:#82683b;border:1px solid #f0d9af;border-radius:3px;width:20px;height:28px;text-align:center;line-height:26px;font-size:9px}.wb-board-frame{padding:8px;background:linear-gradient(135deg,#436984,#0a2239,#61839b);border:1px solid #82a0b7;border-radius:13px;box-shadow:0 0 0 3px #07101c,0 8px 25px #0006}.wb-board{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;background:#937d55;border:2px solid #c7b184;padding:3px;border-radius:7px;aspect-ratio:1}.wb-shell button.wb-cell{border:1px solid #f8edce;border-radius:3px;padding:0;background:linear-gradient(135deg,#e9dbb9,#cbb485);box-shadow:inset 0 1px 2px #fff8,0 1px 1px #5d482c;color:#172b40;aspect-ratio:1;min-width:0;position:relative;font:bold clamp(12px,1.65vw,25px)/1 Georgia;display:flex;align-items:center;justify-content:center;opacity:1}.wb-cell small{position:absolute;right:3px;bottom:2px;font:600 9px/1 system-ui;color:#463c2b}.wb-shell button.wb-letter{background:linear-gradient(135deg,#fff0bc,#e4b75e);border-color:#fff2ca;box-shadow:inset 1px 2px 2px #fff7,0 2px 0 #8e652e;font-weight:bold}.wb-shell button.wb-owned-blue{border-bottom:3px solid #286ea2}.wb-shell button.wb-owned-red{border-bottom:3px solid #a84c48}.wb-shell button.wb-pending{background:linear-gradient(#fff5bf,#f8d785);outline:2px solid #f4e0a6;outline-offset:-3px}.wb-shell button.wb-bonus25{color:#f7f5e9;background:linear-gradient(#356fa2,#164c78);border-color:#8bbdd9;text-shadow:0 1px 2px #0004}.wb-shell button.wb-bonus50{color:#fff8df;background:linear-gradient(#b5534b,#82332f);border-color:#e5a088;text-shadow:0 1px 2px #0004}.wb-cell.wb-bonus25 span,.wb-cell.wb-bonus50 span{font-size:19px;align-self:flex-start;margin-top:6px}.wb-cell.wb-bonus25 small,.wb-cell.wb-bonus50 small{color:#fff5da;left:0;right:0;text-align:center;bottom:4px;font-size:11px}.wb-shell button.wb-start-blue{background:linear-gradient(#b4ced8,#8ca8ba);color:#28577b}.wb-shell button.wb-start-red{background:linear-gradient(#e0bfb1,#c4998d);color:#8f4441}.wb-board-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px system-ui;color:#b6c7d6;padding:14px 3px}.wb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.wb-dot-blue{background:#65a5d2}.wb-dot-red{background:#d2796c}.wb-playbar{display:grid;grid-template-columns:1fr minmax(300px,660px) 1fr;align-items:center;gap:18px;margin-top:20px}.wb-playbar>button{justify-self:center;min-height:47px}.wb-rack{display:flex;gap:6px;justify-content:center;padding:10px 12px 15px;background:linear-gradient(#ba9254,#765226);border:1px solid #e1c18c;box-shadow:inset 0 -6px 0 #47301c,0 4px 10px #0005;border-radius:13px;min-height:80px}.wb-shell button.wb-rack-tile{width:calc((100% - 42px)/8);max-width:63px;min-width:0;aspect-ratio:.85;background:linear-gradient(135deg,#fff0ba,#e5b365);border:1px solid #fff1c6;border-radius:6px;color:#1b2c3c;box-shadow:inset 0 2px 2px #fff8,0 3px 0 #8b5c29;padding:0;position:relative;font:bold clamp(22px,2.8vw,37px) Georgia;opacity:1}.wb-rack-tile small{position:absolute;right:5px;bottom:4px;font:600 10px system-ui;color:#554023}.wb-shell button.wb-selected{outline:3px solid #8fd7ff;transform:translateY(-5px)}.wb-shell .wb-instruction{font:10px/1.7 system-ui;color:#a4b7c9;margin:10px 0 0!important;text-align:center}.wb-actions{display:flex;flex-direction:column;gap:9px}.wb-shell button.wb-submit{background:linear-gradient(#e2c17b,#b18b44);color:#0c1c30;border-color:#eed69a;padding:13px}.wb-result{margin-top:22px;padding:20px;border:1px solid #dfbf78;border-radius:10px;background:#dfbf7810;font:26px Georgia;text-align:center;color:#efd18d}.wb-legend{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px;padding:20px;border:1px solid #35516b;border-radius:10px;background:#0d1e32;font:11px/1.6 system-ui;color:#cad7e0}.wb-legend b{color:#ebcf8d;margin-right:5px}.wb-legend b.wb-bonus50{color:#f1a69a}.wb-legend b.wb-bonus25{color:#8ac8ef}.wb-rules{border:1px solid #304b64;border-radius:9px;margin-top:20px;background:#112239;font-size:13px}.wb-rules summary{cursor:pointer;padding:17px 22px;color:#dfc58a;font-weight:600}.wb-rules>div{padding:5px 25px 24px}.ffg-site .ffg-app .wb-rules h2{font-size:27px;margin:15px 0!important}.ffg-site .ffg-app .wb-rules h3{font-size:22px;margin:24px 0 12px!important}.wb-rules p{font:13px/1.9 system-ui!important;color:#b8c7d6!important}.wb-rules a{color:#e3c582;text-decoration:underline}.wb-rules table{width:100%;border-collapse:collapse;color:#bbc9d7;font:11px/1.8 system-ui}.wb-rules caption{padding:10px;text-align:left}.wb-rules td{border-bottom:1px solid #30475e;padding:10px}
@media(max-width:1050px){.wb-shell{padding:28px 20px 50px}.wb-layout{grid-template-columns:150px minmax(290px,1fr) 150px;gap:12px}.wb-playbar{grid-template-columns:130px minmax(290px,1fr) 140px;gap:12px}.wb-player-heading{padding:12px 10px;gap:7px}.ffg-app .wb-player h2{font-size:16px}.wb-score{font-size:43px}.wb-words{padding:0 10px!important}.wb-cell small{font-size:7px;right:2px}.wb-cell.wb-bonus25 span,.wb-cell.wb-bonus50 span{font-size:13px;margin-top:3px}.wb-cell.wb-bonus25 small,.wb-cell.wb-bonus50 small{font-size:8px;bottom:2px}}
@media(max-width:820px){.wb-layout{grid-template-columns:1fr 1fr;gap:14px}.wb-center{grid-column:1/3;grid-row:2}.wb-player{display:grid;grid-template-columns:1fr 80px;align-items:center;border-radius:10px}.wb-player-heading{border:0}.wb-score{padding:0;font-size:35px}.wb-player-note{grid-column:1/3;padding:0 8px 8px}.wb-player h3,.wb-words,.wb-seat-info,.wb-hidden-rack{display:none!important}.wb-playbar{grid-template-columns:1fr}.wb-playbar>div:not(.wb-actions){grid-row:1}.wb-playbar>button{grid-row:2;justify-self:stretch}.wb-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.wb-actions button{flex:1}.wb-heading>p{font-size:9px!important;letter-spacing:.4px}.wb-heading h1{font-size:55px!important}.wb-shell button.wb-cell{font-size:clamp(15px,3.5vw,24px)}.wb-cell small{font-size:9px}.wb-cell.wb-bonus25 span,.wb-cell.wb-bonus50 span{font-size:20px;margin-top:7px}.wb-cell.wb-bonus25 small,.wb-cell.wb-bonus50 small{font-size:11px;bottom:5px}.wb-shell button.wb-rack-tile{font-size:32px}.wb-rack{min-height:70px;max-width:620px;margin:auto}.wb-legend{gap:15px}}
@media(max-width:500px){.wb-shell{padding:25px 12px 40px}.wb-heading{gap:10px;align-items:end}.wb-heading h1{font-size:41px!important;letter-spacing:-2px}.wb-heading .ffg-eyebrow{font-size:7px;letter-spacing:1.1px}.wb-heading>p{font-size:7px!important;line-height:1.6!important;letter-spacing:0}.wb-toolbar{padding:10px;gap:10px;flex-wrap:wrap}.wb-toolbar>span:first-child{font-size:11px;min-width:100%;order:0}.wb-clock{flex:1;font-size:22px}.wb-toolbar button{font-size:10px;padding:8px 12px}.wb-shell #wb-message{font-size:11px;min-height:48px;padding:9px 10px}.wb-layout{gap:10px}.wb-player{grid-template-columns:1fr 55px;border-width:1px}.wb-player-heading{padding:10px 7px;gap:7px}.wb-avatar{width:23px;height:26px;font-size:13px;border-radius:4px}.ffg-app .wb-player h2{font-size:13px}.wb-score{font-size:27px}.wb-player-note{font-size:8px;padding-bottom:8px}.wb-board-frame{padding:4px;border-radius:9px}.wb-board{gap:1px;border-width:1px;padding:2px}.wb-shell button.wb-cell{font-size:16px;border-radius:2px}.wb-cell small{font-size:6px;right:1px;bottom:1px}.wb-shell button.wb-owned-blue,.wb-shell button.wb-owned-red{border-bottom-width:2px}.wb-cell.wb-bonus25 span,.wb-cell.wb-bonus50 span{font-size:11px;margin-top:2px}.wb-cell.wb-bonus25 small,.wb-cell.wb-bonus50 small{font-size:6px;bottom:2px}.wb-board-caption{font-size:8px;padding:10px 2px}.wb-rack{gap:4px;padding:9px 8px 12px;min-height:60px;border-radius:9px}.wb-shell button.wb-rack-tile{font-size:25px;width:calc((100% - 28px)/8);border-radius:4px}.wb-rack-tile small{font-size:7px;right:3px;bottom:2px}.wb-instruction{font-size:9px!important}.wb-playbar{gap:10px;margin-top:12px}.wb-shell button{font-size:10px}.wb-actions{gap:7px}.wb-actions button{padding:10px 6px}.wb-legend{font-size:9px;gap:12px;padding:14px 8px;margin-top:20px}.wb-rules summary{font-size:12px;padding:14px}.wb-rules>div{padding:0 16px 18px}.wb-rules p{font-size:12px!important}.wb-rules td{padding:7px 3px;font-size:9px}.wb-rules td:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.wb-shell *{transition:none!important;animation:none!important}}

/* Phase 3: compact board-centered controls and legible near-black tile type. */
.wb-shell{max-width:1160px;padding-top:20px}.wb-heading{margin-bottom:16px}.ffg-site .ffg-app .wb-heading h1{font-size:56px;letter-spacing:-2px}.wb-toolbar{padding:10px 16px}.wb-shell #wb-message{min-height:38px;padding:8px 12px;margin-bottom:14px}.wb-layout{grid-template-columns:minmax(160px,1fr) minmax(320px,620px) minmax(160px,1fr);gap:14px}
.wb-shell button.wb-letter,.wb-shell button.wb-rack-tile{color:#101010;font-family:Arial,Helvetica,sans-serif;font-weight:800}.wb-shell button.wb-letter{font-size:clamp(18px,2.05vw,29px)}.wb-letter small{color:#101010;font-size:10px;font-weight:700}.wb-rack-tile small{color:#101010;font-size:11px;font-weight:700}
.wb-center .wb-playbar{display:flex;flex-direction:column;gap:10px;margin-top:0}.wb-playbar>div{width:100%}.wb-rack{min-height:74px;gap:6px;padding:8px 10px 12px}.wb-shell button.wb-rack-tile{max-width:59px;font-size:36px}.wb-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.3fr;gap:8px}.wb-actions button{min-height:44px;padding:9px 7px}.wb-instruction{margin-top:7px!important}.wb-board-caption{padding:10px 2px}.wb-legend{margin-top:20px}
@media(max-width:1050px) and (min-width:821px){.wb-layout{grid-template-columns:145px minmax(290px,1fr) 145px;gap:10px}.wb-shell button.wb-letter{font-size:22px}.wb-letter small{font-size:8px}.wb-actions{grid-template-columns:1fr 1fr}.wb-shell button.wb-rack-tile{font-size:28px}}
@media(max-width:820px){.wb-layout{grid-template-columns:1fr 1fr}.wb-shell button.wb-letter{font-size:clamp(18px,4vw,29px)}.wb-letter small{font-size:9px}.wb-heading{margin-bottom:14px}.wb-actions{grid-template-columns:1fr 1fr 1.4fr 1.3fr}}
@media(max-width:500px){.wb-shell{padding-top:17px}.wb-shell button.wb-letter{font-size:18px}.wb-letter small{font-size:7px;right:1px;bottom:1px}.wb-shell button.wb-rack-tile{font-size:27px}.wb-rack-tile small{font-size:9px;right:3px;bottom:2px}.wb-actions{grid-template-columns:1fr 1fr;gap:8px}.wb-actions button{font-size:11px}.wb-rack{gap:4px;padding:8px 8px 11px;min-height:60px}.wb-cell.wb-bonus25 small,.wb-cell.wb-bonus50 small{font-size:7px}}