/* Game UI palette, inspired by the supplied lobby and activity screens. */
:root{--ink:#243135;--teal:#087b78;--yellow:#ffda4b;--paper:#f6f1df;--muted:#5e6662;--line:#c7c3ae}
body{background-color:#0d8887;background-image:radial-gradient(circle at 15px 15px,transparent 10px,#92f2d30b 11px,#92f2d30b 14px,transparent 15px),linear-gradient(155deg,#115d72,#0a9c89);background-size:70px 70px,100% 100%;background-attachment:fixed;color:var(--ink)}
header{background:#203c43;border-bottom:4px solid #152e35;box-shadow:0 3px 0 #59c2bd55}.header-inner{min-height:86px;padding-top:13px;padding-bottom:13px;gap:32px}.brand strong{font-weight:1000;color:#f4ffe6;font-size:31px;letter-spacing:-1px;text-shadow:2px 3px 0 #096557,-1px -1px 0 #12654f}.brand em{color:#ffdb42;text-shadow:2px 3px 0 #8e4b1d}.brand small{color:#c7ece1;font-size:12px;letter-spacing:3px;margin-top:7px}nav{gap:10px}nav a{color:#ddf8eb;background:#2a525b;border:2px solid #153038;border-radius:6px;padding:10px 14px;box-shadow:inset 0 2px 0 #6d9e9f66,0 3px 0 #132b32;font-size:14px}nav a.selected{color:#302d27;background:repeating-linear-gradient(120deg,#ffe765 0 18px,#ffda44 18px 35px);border-color:#9a631f;box-shadow:inset 0 2px 0 #fff5b6,0 3px 0 #79501c}nav a.selected:after{display:none}nav a:hover{filter:brightness(1.12)}.header-search{background:#17343b;border:2px solid #102b31;border-radius:6px;box-shadow:inset 0 2px 0 #0d2429;width:205px}.header-search input{color:#fffbe5;font-size:14px}.header-search input::placeholder{color:#b3d2cc}.header-search button{color:#6fe5df}
main{padding-bottom:30px}.notice{color:#dcf6e9;font-size:13px;gap:12px;min-height:46px}.notice-tag{font-size:12px!important;color:#ffe372!important;background:#204650;border:1px solid #153c42;border-radius:4px;padding:3px 8px;flex-shrink:0}
.board-banner{height:162px;min-height:0;border:3px solid #173c43;border-radius:11px;background:linear-gradient(105deg,#114e5e,#176c72);box-shadow:inset 0 2px 0 #64b1b1,0 5px 0 #12525a;position:relative}.board-banner>div{padding:17px 28px;position:relative;z-index:1}.board-banner-label{display:inline-block;background:#c2f0c0;border:2px solid #203d37;color:#294b3a;border-radius:5px;padding:2px 10px;font-size:12px;font-weight:800;transform:rotate(-3deg)}.board-banner h1{font-size:41px;font-weight:1000;letter-spacing:-1px;line-height:1.15;margin:10px 0 11px;color:#f4ffe1;text-shadow:3px 3px 0 #193736}.board-banner h1 em{font-style:normal;color:#ffdb39;text-shadow:3px 3px 0 #834419}.board-banner h1>span{font-size:26px;letter-spacing:1px;color:#fffbed;margin-left:16px}.board-banner p{font-size:13px;color:#bee9da;margin:0}.board-banner>img{width:38%;height:100%;max-height:none;object-fit:cover;object-position:50% 43%;border-left:3px solid #17444c;mask-image:linear-gradient(to right,transparent,#000 18%)}
.board-tools{margin-top:22px;border:2px solid #19474c;background:#1b5962;padding:12px;border-radius:8px;box-shadow:inset 0 1px 0 #7dc8c15c;gap:12px}.board-tools .filter-row{gap:8px}.board-tools .filter-row button{background:#277d80;color:#e8ffee;border:2px solid #173d43;box-shadow:inset 0 2px 0 #8fe7d54d,0 3px 0 #153c43;border-radius:5px;padding:9px 15px;font-weight:800;font-size:14px}.board-tools .filter-row button:hover{background-color:#389d9b}.board-tools .filter-row button.active{background:repeating-linear-gradient(120deg,#ffe65d 0 20px,#ffda41 20px 38px);color:#332c24;border-color:#885c26;box-shadow:inset 0 2px 0 #fff6a8,0 3px 0 #734b1f}.board-search{max-width:340px}.board-search input{background:#f4f0db;border:2px solid #163f44;border-radius:5px;font-size:14px;padding:10px 12px;color:#2e3837;box-shadow:inset 0 2px 0 #c9d3bb}.board-search button{background:linear-gradient(#57dbff,#1fbbef);border:2px solid #166180;border-radius:5px;color:#153d4b;font-weight:900;box-shadow:inset 0 2px 0 #c5faff,0 3px 0 #123d4e;padding:8px 17px}.board-status{color:#e0f7e8;margin:15px 2px;font-size:13px}.board-status button{color:#ffdf55}.board-columns{gap:24px;align-items:start}.board-module{--module-color:#ffdb45;--module-light:#fff19b;border:3px solid #243a3c!important;border-radius:9px;background:#f5f0dc;box-shadow:0 5px 0 #154b50;overflow:hidden}.board-module.updates{--module-color:#3bcefa;--module-light:#a3efff}.board-module.guides{--module-color:#82d7b3;--module-light:#c6f4c2}.board-module.events{--module-color:#b887d6;--module-light:#e9c3f4}.module-heading{background:repeating-linear-gradient(118deg,transparent 0 25px,#ffffff20 25px 41px),var(--module-color);border-bottom:3px solid #344341;padding:12px 17px;box-shadow:inset 0 3px 0 var(--module-light);min-height:61px}.module-heading h2{font-size:23px;font-weight:900;text-shadow:0 1px 0 #ffffff80;gap:10px}.module-heading h2 span{font-size:25px;color:#283a37;width:34px;text-align:center;background:#ffffff55;border:2px solid #354c4366;border-radius:7px;line-height:31px}.module-heading small{color:#293d36;background:#fff9d977;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px}.news-entry{margin:0 17px;border-bottom:1px solid #c9c6b3}.news-entry:last-child{border-bottom:0}.news-entry>summary{padding:19px 0;gap:14px}.news-entry>summary>img{width:94px;height:108px;border:2px solid #5b746e;border-radius:7px;box-shadow:0 3px 0 #acb1a0;object-position:50% 43%}.entry-label{color:#5b685f;font-size:12px;gap:10px}.entry-label>span:first-child{background:#e9e0b6;color:#665520;padding:1px 5px;border-radius:3px}.entry-info h3{font-size:17px;line-height:1.55;margin:8px 0;color:#273531}.entry-info p{font-size:14px;line-height:1.75;color:#59635d}.entry-date{font-size:12px;color:#6b7569}.entry-toggle{display:grid;place-items:center;background:#62d6c3;border:2px solid #315953;box-shadow:inset 0 2px 0 #c5ffed,0 2px 0 #809c8c;width:27px;height:29px;border-radius:6px;font-weight:900;font-size:21px;margin-top:30px;color:#22423c}.news-entry[open] .entry-toggle{background:#ffdc4c}.inline-story{background:#fffbed;border-left:0;border-top:2px solid #cabf92;margin-bottom:17px;padding:15px 16px 20px;border-radius:0 0 5px 5px}.inline-story .demo-alert{background:#f4e8b8;border-left:3px solid #cf9c27;color:#675325;font-size:13px}.inline-author{color:#647166}.inline-story h4{color:#225b53;border-bottom:1px solid #d4dcc6;padding-bottom:8px}.inline-story section p{color:#3c5047;font-size:16px}.inline-actions button{background:linear-gradient(#6bddf6,#35b4db);border:2px solid #39697a;box-shadow:0 2px 0 #557075;color:#1a404a;font-weight:800}.inline-actions a{color:#466b61}.board-note{border:1px solid #285f61;background:#174f58;border-radius:5px;color:#d6eee2;padding:13px 17px;margin-top:23px;font-size:13px}.module-empty{padding:25px 17px;color:#626c5e}.empty{background:#f4efda;border:3px solid #244346;border-radius:8px}.board-columns.single-column .news-entry>summary>img{width:112px;height:102px}.single-column .inline-story{max-width:none}
footer{background:#253b41;border-top:4px solid #163035;padding-top:21px;padding-bottom:22px;color:#f6f2d8}.footer-brand em{color:#ffdb42}.footer-brand{font-size:22px}footer small{display:block;color:#b8d1c8;margin-top:10px;font-size:12px;line-height:1.8}
.breadcrumb{color:#e0f4e7}.article{background:#f6f0dc;border:3px solid #243d3f;box-shadow:0 5px 0 #15565b;border-radius:9px}.article-head{border-top:6px solid #ffdc45}.article h1{color:#293b36}.article .meta{color:#647265}.article-summary{color:#536759}.article-content h2{color:#285e51}.article-content p{color:#3d5248}.article-bottom{border-color:#c3c9af;background:#e6eacb}.sidebar-box{background:#f6f0dc;border:3px solid #293e42;border-radius:8px;box-shadow:0 4px 0 #175359}.sidebar-box h2{background:#ffdc53;margin:-24px -24px 12px;padding:16px 20px;border-bottom:2px solid #394a3d}.back-link{background:#ffdc4b;padding:11px 18px;border:2px solid #5a502c;box-shadow:0 3px 0 #34463b;border-radius:5px;color:#293d36;font-weight:700}.demo-alert{background:#f4e6ac}.image-credit{color:#647263}:focus-visible{outline:3px solid #fcadff;outline-offset:4px}
@media(max-width:1150px){.header-inner{gap:20px}nav a{padding:9px 10px}.header-search{width:175px}.board-tools .filter-row button{padding:9px 11px}.board-search{max-width:300px}}
@media(max-width:1050px){.board-search{max-width:none}.news-entry>summary>img{width:76px;height:91px}.entry-toggle{width:24px}.board-columns{gap:20px}.entry-info h3{font-size:16px}.news-entry{margin:0 13px}}
@media(max-width:950px){nav{justify-content:flex-start}.header-inner{padding-bottom:16px}.header-search{width:235px}.board-banner h1{font-size:35px}.board-banner h1>span{font-size:23px}.module-heading{padding:12px}.module-heading h2{font-size:20px}}
@media(max-width:640px){main{margin:0 12px}.header-inner{padding:13px 14px;gap:13px}.brand strong{font-size:27px}.brand small{font-size:11px}.header-search{width:155px;padding:8px}.header-search input{font-size:12px}nav{gap:5px;justify-content:space-between;padding:0}nav a{font-size:12px;padding:9px 8px;border-radius:5px}.notice{font-size:12px;gap:7px;min-height:43px;padding:10px 0;flex-wrap:nowrap}.notice-tag{font-size:11px!important}.board-banner{height:141px;border-radius:8px}.board-banner>div{padding:13px 15px;max-width:80%}.board-banner-label{font-size:11px}.board-banner h1{font-size:29px;white-space:nowrap;margin:10px 0}.board-banner h1>span{font-size:19px;margin-left:8px}.board-banner p{font-size:11px;line-height:1.8;max-width:205px}.board-banner>img{position:absolute;right:0;top:0;width:30%;opacity:.45;mask-image:linear-gradient(to right,transparent,#000)}.board-tools{padding:9px 8px 11px;gap:12px;margin-top:16px}.board-tools .filter-row{gap:4px;flex-wrap:wrap;justify-content:flex-start}.board-tools .filter-row button{padding:8px 7px;font-size:12px;min-height:39px;flex:1;white-space:nowrap}.board-search input{padding:10px;font-size:14px}.board-search button{font-size:14px}.board-status{font-size:12px;margin:13px 1px}.board-columns{gap:20px}.module-heading{padding:10px 13px;min-height:56px}.module-heading h2{font-size:21px}.module-heading h2 span{font-size:23px}.news-entry{margin:0 13px}.news-entry>summary{gap:10px;padding:17px 0}.news-entry>summary>img,.board-columns.single-column .news-entry>summary>img{width:67px;height:84px}.entry-info h3{font-size:16px}.entry-info p{font-size:14px}.entry-toggle{width:23px;height:26px;font-size:19px}.entry-label{font-size:12px;gap:5px}.entry-date{font-size:12px}.inline-story{padding:13px 9px 18px}.inline-story section p{font-size:16px}.board-note{font-size:12px;padding:12px}.sidebar-box h2{margin:-22px -22px 14px}.article-head{padding:20px}.article h1{font-size:25px}footer{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}