:root{--bg:#eceae4;--paper:#292c29;--gold:#7a6846;--line:#d1cec4}body{background:#eceae4;color:#292c29}.company-top{max-width:1552px;margin:24px auto 0;padding:22px 30px;background:#faf9f5;border-color:#cec9bc;border-radius:7px}.company-top .company-label{color:#827151}.company-top h2{color:#33352f}.company-top .company-note{color:#77796e}.home-layout{grid-template-columns:140px minmax(0,1fr) 140px;gap:24px;margin:24px auto;align-items:stretch}.home-layout>main{background:#faf9f5;border:1px solid #d1cec4;border-radius:7px;overflow:hidden}.home-layout .hero{padding:32px 28px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);gap:28px;align-items:center}.intro{color:#5a6058;font-size:17px}.actions{gap:10px;margin-top:24px}.button,button{border-color:#b9b6a9;background:#faf9f5;color:#383e35;border-radius:4px;padding:10px 16px}.primary{background:#655b44;border-color:#655b44;color:#fffdf6}.button:hover,button:hover{background:#e5e1d6}.primary:hover{background:#514a39}.stage{border-color:#cbc9be;background:#f1f0eb;border-radius:7px}.stagehead{color:#5a6058;padding:15px 16px 8px;background:#e6e4dc}.stagefoot{background:#e6e4dc;color:#5a6058;padding:10px 14px}#board{background:#f1f0eb;height:430px}#boardInfo{background:#f1f0eb;color:#52584e;padding:8px 12px}.ad-column{grid-template-rows:auto repeat(5,minmax(110px,1fr));gap:12px}.ad-column h2{color:#707567}.ad-slot{height:auto;min-height:110px;background:#e4e1d7;border:1px dashed #b4b09f;border-radius:5px}.ad-slot span{color:#7a735e;font-size:9px;letter-spacing:1px}.ad-slot strong{color:#646958}.ad-slot small{color:#848777}.metrics{margin:0 28px 28px;border-color:#d1cec4}.metrics div{padding:18px 12px;border-color:#d1cec4}.metrics b{font-size:20px;color:#393f34}.metrics span{color:#767d70}.company-footer{margin:0 auto 24px;background:#e2dfd5;border-color:#c7c1b2}.company-footer h2{color:#625c48}.company-footer p{color:#62695c}.company-footer .company-fields{color:#747969;border-color:#c7c1b2}dialog{background:#faf9f5;color:#292c29;border-color:#b5b09e}dialog p,.doclink span{color:#656b60}.doclink{border-color:#ccc7b7}.doclink strong{color:#74613f}.doclink:hover{background:#e9e5d9}#signupForm input,#loginForm input{background:#fffefa;color:#292c29;border-color:#b9b6a9}#accountMessage{color:#74613f}@media(min-width:901px) and (max-width:1250px){.home-layout{grid-template-columns:120px minmax(0,1fr) 120px;gap:16px}.home-layout .hero{grid-template-columns:1fr}.home-layout .stage{max-width:650px;width:100%;margin:auto}.ad-slot{height:auto}}@media(max-width:900px){.company-top{margin:16px 16px 0}.home-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin:16px auto}.home-layout .hero{padding:24px;grid-template-columns:1fr}.home-layout>main{grid-row:1}.ad-column{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto;gap:8px}.ad-slot{min-height:90px}.ad-slot span{font-size:8px;letter-spacing:0}.company-footer{margin:16px}.metrics{margin:0 18px 24px}.metrics b{font-size:17px}}@media(max-width:450px){.home-layout .hero{padding:20px 14px}.ad-slot{min-height:76px}.ad-slot span{display:none}#board{height:340px}.metrics div{padding:12px 6px}.metrics b{font-size:15px}}

/* Muted medium warm gray, retaining clear board-grid contrast. */
:root{--bg:#b5b1a6;--paper:#272b25;--line:#aaa493}body{background:#b5b1a6}.company-top,.home-layout>main{background:#d0ccc1;border-color:#9b9585}.company-top .company-label,.company-top .company-note{color:#5f604f}.intro{color:#424a3c}.stage{background:#d0cec4;border-color:#9f9b8c}.stagehead,.stagefoot{background:#bab7aa;color:#3f483a}#board,#boardInfo{background:#d0cec4}#boardInfo{color:#414a3d}.ad-slot{background:#a9a594;border-color:#817e6c}.ad-slot span,.ad-slot strong,.ad-slot small,.ad-column h2{color:#414936}.company-footer{background:#bdb8a9;border-color:#96907f}.company-footer p,.company-footer .company-fields{color:#454d3d}.company-footer h2{color:#514a34}.button,button{background:#d8d4c8;border-color:#918b78;color:#30382a}.primary{background:#655b44;color:#fffdf6}.button:hover,button:hover{background:#c4bead}.primary:hover{background:#514a39}dialog{background:#d5d1c6}.home-layout .hero{padding-bottom:32px}
/* Traditional wooden Go-board palette. */
:root{--bg:#b98a4b;--paper:#352613;--line:#ad7c3d}body{background:#b98a4b;background-image:repeating-linear-gradient(92deg,transparent 0,transparent 90px,#80551f0a 91px,transparent 94px)}.company-top,.home-layout>main{background:#d5ab6b;border-color:#a17137}.company-top h2{color:#3b2915}.company-top .company-label,.company-top .company-note,.intro{color:#594020}.stage{background:#dcb578;border-color:#a77a3f}.stagehead,.stagefoot{background:#c89b5c;color:#4a3318}#board,#boardInfo{background:#dcb578}#boardInfo{color:#49331c}.ad-slot{background:#c39658;border-color:#926832}.ad-slot span,.ad-slot strong,.ad-slot small,.ad-column h2{color:#50371a}.company-footer{background:#c69a5d;border-color:#9b6c32}.company-footer h2,.company-footer p,.company-footer .company-fields{color:#50371c}.company-footer .company-fields{border-color:#a97a3d}.button,button{background:#e1bd83;border-color:#9c7035;color:#402b13}.primary{background:#755024;border-color:#755024;color:#fff5de}.button:hover,button:hover{background:#cda365}.primary:hover{background:#60401e}dialog{background:#dfbc83;border-color:#9b6d33}dialog p,.doclink span{color:#5f4321}.doclink{border-color:#ae8348}.doclink strong{color:#563815}.doclink:hover{background:#d3a96b}#signupForm input,#loginForm input{background:#f0d8ad;border-color:#a77d43;color:#392812}#accountMessage{color:#50351a}
/* Use the monitor width, with consistent small outer margins. */
@media(min-width:901px){.company-top,.company-footer{max-width:none;width:calc(100% - 40px);margin-left:20px;margin-right:20px}.home-layout{max-width:none;width:100%;padding-left:20px;padding-right:20px;grid-template-columns:clamp(120px,10vw,190px) minmax(0,1fr) clamp(120px,10vw,190px);gap:18px}.home-layout .hero{max-width:none;width:100%;padding:28px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);gap:28px}.home-layout .stage{max-width:none;width:100%;margin:0}#board{height:clamp(430px,36vw,660px)}.ad-slot{min-height:115px}}@media(min-width:901px) and (max-width:1100px){.home-layout .hero{grid-template-columns:1fr;padding:22px}.home-layout .stage{max-width:none}#board{height:440px}}@media(min-width:1800px){.home-layout{gap:24px}.home-layout .hero{padding:40px;gap:40px}.intro{max-width:520px;font-size:19px}}
/* Full-width central board; controls sit above instead of beside it. */
@media(min-width:901px){.company-top,.company-footer{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.home-layout{padding:0 12px;grid-template-columns:120px minmax(0,1fr) 120px;gap:12px}.home-layout .hero{display:flex;flex-direction:column;align-items:stretch;max-width:none;padding:22px;gap:20px}.home-layout .hero>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.home-layout .intro{max-width:none;font-size:17px;line-height:1.7;margin:0}.home-layout .actions{margin:0;gap:10px}.home-layout .stage{width:100%;max-width:none;flex:none}.home-layout #board{height:clamp(500px,65vh,800px)}.ad-column{grid-template-rows:auto repeat(5,minmax(110px,1fr))}.ad-slot{min-height:110px}}@media(min-width:1600px){.home-layout{grid-template-columns:140px minmax(0,1fr) 140px}.home-layout .hero{padding:26px}}
/* Separate the quiet site surround from the primary board surface. */
:root{--bg:#292a2b;--paper:#eeeae1;--gold:#c3ae80;--line:#505153}body{background:#292a2b;background-image:none;color:#eeeae1}.company-top{background:#333436;border-color:#515254}.company-top h2{color:#f0ece3}.company-top .company-label{color:#c3ae80}.company-top .company-note{color:#b4b4b0}.home-layout>main{background:#353638;border-color:#555658}.intro{color:#e0ded6}.ad-column h2{color:#b1b1ac}.ad-slot{background:#313234;border-color:#626364}.ad-slot span,.ad-slot small{color:#a9aaa6}.ad-slot strong{color:#d4d2c9}.company-footer{background:#333436;border-color:#515254}.company-footer h2{color:#d3c29c}.company-footer p,.company-footer .company-fields{color:#c6c5bc}.company-footer .company-fields{border-color:#555658}.button,button{background:#454648;border-color:#777872;color:#f0ece3}.button:hover,button:hover{background:#555658}.primary{background:#c3ae80;color:#292a26;border-color:#c3ae80}.primary:hover{background:#d2c097}.stage{background:#e6e5e0;border:2px solid #94958d;box-shadow:0 8px 25px #0004}.stagehead,.stagefoot{background:#d2d3cd;color:#343a35}.stage button{background:#eeeee8;color:#343a35;border-color:#92978d}.stage button:hover{background:#fff}#board,#boardInfo{background:#e6e5e0}#boardInfo{color:#3d463e}dialog{background:#353638;color:#eeeae1;border-color:#75766c}dialog p,.doclink span{color:#cfcec5}.doclink{border-color:#737568}.doclink strong{color:#d5c296}.doclink:hover{background:#454648}#signupForm input,#loginForm input{background:#292a2b;color:#f0ece3;border-color:#777872}#accountMessage{color:#d5c296}
/* Five advertisements above a single full-width board column. */
.ad-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 12px;width:calc(100% - 24px)}.ad-row .ad-slot{height:100px;min-height:100px;gap:3px}.home-layout{display:block;max-width:none;width:100%;padding:0 12px;margin:18px auto}.home-layout>main{width:100%;max-width:none}.home-layout .hero{max-width:none;width:100%}.home-layout .stage{width:100%;max-width:none}.home-layout #board{height:clamp(500px,66vh,850px)}@media(max-width:900px){.ad-row{gap:8px;margin:14px 16px;width:calc(100% - 32px)}.ad-row .ad-slot{height:80px;min-height:80px}.home-layout{padding:0 16px}.home-layout #board{height:440px}}@media(max-width:500px){.ad-row{gap:5px}.ad-row .ad-slot{height:65px;min-height:65px}.ad-row .ad-slot span,.ad-row .ad-slot small{display:none}.ad-row .ad-slot strong{font-size:10px}.home-layout #board{height:360px}}
.company-top{position:relative;padding-left:260px;padding-right:260px;min-height:130px;display:flex;flex-direction:column;justify-content:center}.company-account{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:240px}.company-account button{margin:0;white-space:nowrap}.company-account #memberEmail{max-width:230px;text-align:right;overflow-wrap:anywhere;color:#d6d4cb}@media(max-width:700px){.company-top{padding:20px;min-height:0}.company-account{position:static;transform:none;max-width:none;justify-content:center;margin-top:14px}.company-account #memberEmail{text-align:center}}
.company-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,240px) minmax(0,1fr);align-items:center;gap:24px;padding:20px 28px;min-height:132px}.company-name{text-align:left;min-width:0}.company-name h2{overflow-wrap:anywhere}.company-logo{justify-self:center;width:120px;height:80px;border:1px dashed #8e918a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#bdbfb6;background:#2b2d2e;font-size:15px;letter-spacing:3px}.company-account{position:static;transform:none;justify-self:end;max-width:100%;margin:0;justify-content:flex-end}@media(max-width:700px){.company-top{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding:16px;gap:10px}.company-name h2{font-size:20px}.company-name .company-label{font-size:9px;letter-spacing:1px}.company-logo{width:80px;height:66px}.company-account{gap:6px;justify-content:flex-end}.company-account button{padding:7px 9px;font-size:12px}.company-account #memberEmail{font-size:10px;text-align:right;max-width:100%}}@media(max-width:380px){.company-top{padding:12px;gap:6px;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}.company-logo{width:60px;height:60px}.company-name h2{font-size:17px}}
.home-layout .hero{gap:10px;padding:14px}.home-layout .hero>.board-intro-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:18px;padding:0 4px}.home-layout .board-intro-row .intro{margin:0;max-width:none;font-size:clamp(15px,1.35vw,21px);line-height:1.4;white-space:nowrap}.home-layout .board-intro-row .actions{margin:0;flex:none;gap:0}.home-layout .board-intro-row .button{padding:8px 16px;white-space:nowrap}.home-layout #board{height:clamp(540px,73vh,1000px)}@media(max-width:700px){.home-layout .hero{padding:10px;gap:10px}.home-layout .hero>.board-intro-row{gap:8px;padding:0}.home-layout .board-intro-row .intro{font-size:12px;white-space:normal}.home-layout .board-intro-row .button{font-size:12px;padding:7px 9px}.home-layout #board{height:clamp(380px,64vh,650px)}}
.ko,.en{display:block}.en{font-size:.72em;font-weight:400;line-height:1.35;letter-spacing:0;margin-top:4px;opacity:.8}.company-name h2{line-height:1.25}.company-name h2 .en{font-size:.48em;margin-top:7px}.company-logo{letter-spacing:0;flex-direction:column;gap:0}.company-account button .en{font-size:10px}.ad-row .ad-slot{gap:2px}.ad-slot strong .en{font-size:11px}.ad-slot small .en{font-size:9px}.board-intro-row .intro .en{font-size:12px}.stagehead{align-items:center}.stagefoot>span{display:block}.company-footer .company-fields>span{display:block}#boardInfo{white-space:pre-line}.company-account{max-width:100%}@media(max-width:700px){.company-name h2 .en{font-size:10px}.company-account button .en{font-size:9px}.ad-row .ad-slot strong .en{font-size:8px}.home-layout .board-intro-row .intro{white-space:normal}.board-intro-row .intro .en{font-size:9px}.stagefoot .en{font-size:9px}}
#signupStatus,#loginStatus,#accountMessage{white-space:pre-line}
.stagefoot{gap:10px;flex-wrap:wrap}.stagefoot>span{flex:1;min-width:220px}.stagefoot button{flex:none}#demoToggle{border-color:#707c68}
#signupDialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto}#signupForm select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:6px;color:#f0ece3;background:#292a2b;border:1px solid #777872;border-radius:4px;font:inherit}#signupForm input[type=date]{color-scheme:dark;min-height:48px}#signupForm label{margin:13px 0}
/* Approved unlabelled landscape; the board retains its own neutral surface. */
body{background-color:#29352c;background-image:linear-gradient(#111a162e,#111a1640),url('assets/oguk-landscape-background.png');background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}.company-top{background:rgba(32,37,34,.84);border-color:#a5ad9980}.home-layout>main{background:rgba(33,38,34,.60);border-color:#b1b9a18c}.ad-slot{background:rgba(32,37,34,.76);border-color:#b6bea187}.company-footer{background:rgba(32,37,34,.88);border-color:#a5ad9980}.company-logo{background:rgba(28,33,29,.82)}.stage{background:#e6e5e0}.stagehead,.stagefoot{background:#d2d3cd}#board,#boardInfo{background:#e6e5e0}.board-intro-row .intro{color:#fffdf5;text-shadow:0 1px 3px #000c}@media(max-width:700px){body{background-attachment:scroll;background-position:center top}}
/* Broader bilingual controls, proportioned to the wide background. */
.company-account{width:100%;display:flex;flex-wrap:wrap;gap:12px;max-width:none}.company-account>.button{flex:1 1 125px;min-width:125px;min-height:66px;padding:12px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-account>.button .en{font-size:12px}.company-name #openDownload{min-width:260px;width:min(100%,360px);min-height:66px;padding:12px 24px;text-align:center}.home-layout .board-intro-row .actions{min-width:250px}.home-layout .board-intro-row .button{width:100%;min-width:250px;min-height:64px;padding:12px 30px;text-align:center}.stagefoot button{min-width:170px;min-height:58px;padding:10px 24px}.stagefoot button .en{font-size:11px}.company-top{grid-template-columns:minmax(0,1fr) minmax(120px,240px) minmax(0,1fr)}@media(max-width:900px){.company-account{gap:8px}.company-account>.button{flex-basis:95px;min-width:95px;min-height:58px;padding:9px 12px}.company-name #openDownload{min-width:0;width:100%;padding:10px 12px}.home-layout .board-intro-row .actions{min-width:190px}.home-layout .board-intro-row .button{min-width:190px}}@media(max-width:700px){.company-top{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}.company-account>.button{min-width:0;flex-basis:100%;min-height:44px;padding:7px 10px}.company-name #openDownload{font-size:12px;min-height:55px;padding:8px}.company-name #openDownload .en{font-size:9px}.home-layout .board-intro-row .actions{min-width:145px}.home-layout .board-intro-row .button{min-width:145px;padding:10px 12px}.stagefoot button{min-width:130px;flex:1;padding:9px 14px}}@media(max-width:400px){.home-layout .board-intro-row .actions{min-width:120px}.home-layout .board-intro-row .button{min-width:120px}.company-top{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}}
html{width:100%;max-width:none}body{width:100%;max-width:none;margin:0}.company-top,.company-footer{max-width:none;width:calc(100% - 24px);margin-left:12px;margin-right:12px}.ad-row{max-width:none;width:calc(100% - 24px);margin-left:12px;margin-right:12px}.home-layout{width:100%;max-width:none;padding-left:12px;padding-right:12px}.home-layout>main,.home-layout .hero,.home-layout .stage{width:100%;max-width:none}@media(max-width:700px){.company-top,.company-footer,.ad-row{width:calc(100% - 20px);margin-left:10px;margin-right:10px}.home-layout{padding-left:10px;padding-right:10px}}
/* All homepage sections share the same edge as the full-window background. */
.company-top,.company-footer,.ad-row{width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0}.home-layout{width:100%;max-width:none;padding-left:0;padding-right:0}.home-layout>main{width:100%;max-width:none;border-radius:0}.home-layout .hero{padding-left:0;padding-right:0}.home-layout .hero>.board-intro-row{padding-left:20px;padding-right:20px}.home-layout .stage{width:100%;max-width:none;border-radius:0}.ad-row{padding-left:0;padding-right:0}@media(max-width:700px){.company-top,.company-footer,.ad-row{width:100%;margin-left:0;margin-right:0}.home-layout{padding-left:0;padding-right:0}.home-layout .hero{padding-left:0;padding-right:0}.home-layout .hero>.board-intro-row{padding-left:10px;padding-right:10px}}
#board{pointer-events:none;cursor:default;touch-action:auto}.stagefoot{justify-content:center;text-align:center}