@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Press+Start+2P&display=swap');
:root{--wood:#7b431c;--wood-dark:#3b2414;--gold:#efad46;--paper:#f3dfb4;--stone:#555854;--ink:#28231d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Nunito,sans-serif;background:#87c8ef url('../img/world-background.png') center top/cover fixed no-repeat;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#ffffff12,#244c4a25);pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.topbar{position:relative;z-index:50;width:min(1500px,calc(100% - 64px));height:82px;margin:24px auto 20px;display:grid;grid-template-columns:310px 1fr auto;align-items:center;background:linear-gradient(#8f5124,#623516);border:5px solid #3b2a20;border-radius:7px;box-shadow:inset 0 0 0 2px #b77a3d,0 8px 18px #0007}.topbar:before,.topbar:after{content:"";position:absolute;top:-9px;bottom:-9px;width:18px;background:linear-gradient(#70736e,#3d403e);border:3px solid #272928;border-radius:4px;box-shadow:inset 0 0 0 2px #92958e}.topbar:before{left:-13px}.topbar:after{right:-13px}.logo{height:100%;display:flex;align-items:center;padding:0 22px;font-family:'Press Start 2P';font-size:22px;color:#f3dfae;text-shadow:3px 3px #24170e;border-right:3px solid #4a2914}.logo-rune{color:#4fe2ff;margin-right:10px}.wood-nav{height:100%;display:flex}.wood-nav a{flex:1;min-width:105px;display:grid;place-items:center;padding:0 15px;color:#ffe3a7;font-weight:900;font-size:13px;border-right:2px solid #573017;text-shadow:1px 2px #38200f}.wood-nav a:hover{background:#a15c26}.account-nav{display:flex;gap:8px;padding:0 14px}.wood-button,.stone-button{display:inline-flex;align-items:center;justify-content:center;border:4px solid #3a2415;border-radius:6px;padding:11px 20px;font-weight:900;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#efaa45,#c36b20);box-shadow:inset 0 0 0 2px #ffd17a,0 4px 0 #28170c;color:#3b260f}.stone-button{background:linear-gradient(#777,#4b4e4d);border-color:#292b2a;color:#fff0cb;box-shadow:inset 0 0 0 2px #9b9e99,0 4px 0 #202221}.small{padding:9px 13px;font-size:11px}.wide{width:100%}.tiny{padding:7px 10px;font-size:10px}.page-shell{width:min(1500px,calc(100% - 64px));margin:0 auto 50px}.banner-slider{height:590px;position:relative;overflow:hidden;border:7px solid #424541;outline:3px solid #272a28;border-radius:7px;box-shadow:0 12px 28px #0007;background:#74bce5}.slide{position:absolute;inset:0;background-image:var(--slide-image);background-size:cover;background-position:center;opacity:0;transition:opacity .7s}.slide.active{opacity:1;z-index:2}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#13261cbb 0,#14251b68 42%,transparent 72%)}.slide-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:min(620px,70%);color:#fff;text-shadow:2px 3px #263226}.slide-copy>span{color:#ffe09a;font-weight:900;letter-spacing:2px}.slide-copy h1{font-family:'Press Start 2P';font-size:38px;line-height:1.35;margin:15px 0}.slide-copy p{font-size:18px;line-height:1.6;margin-bottom:25px}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:50px;height:70px;border:3px solid #34261c;background:#6d3d1dd9;color:#ffe2a3;font-size:38px;cursor:pointer}.prev{left:15px}.next{right:15px}.slider-dots{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:13px;height:13px;padding:0;border:2px solid #fff6d5;border-radius:50%;background:#4c4e4b;cursor:pointer}.slider-dots button.active{background:#f1b34c}.content-board{margin-top:18px}.board-grid{display:grid;grid-template-columns:1fr 1.12fr .9fr;gap:14px}.game-panel{background:linear-gradient(#f7e9c7,#ead5a9);border:6px solid #4d504c;outline:3px solid #292c2a;border-radius:5px;box-shadow:inset 0 0 0 2px #9b9584,0 8px 18px #0005}.panel-title{margin:-6px -6px 15px;background:linear-gradient(#81481d,#563016);color:#ffe3a1;border-bottom:5px solid #3c291d;padding:14px 18px;font-family:'Press Start 2P';font-size:14px;text-shadow:2px 2px #2b190d}.news-panel{padding:6px}.news-row{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:10px;border-bottom:1px solid #c6ad7d}.news-row:last-child{border:0}.news-row img{width:125px;height:80px;object-fit:cover;border:3px solid #6e6c61}.news-row h3{margin:1px 0}.news-row time{font-size:11px;color:#7a6f5d}.news-row p{margin:4px 0;line-height:1.35;font-size:14px}.feature-panel{overflow:hidden}.feature-image{height:205px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{background:#172127ed;color:#fff;padding:18px}.feature-copy h2{font-family:'Press Start 2P';font-size:16px;margin:0 0 8px}.feature-copy p{margin:0}.download-panel{padding:6px}.download-inner{display:grid;grid-template-columns:90px 1fr;gap:17px;padding:18px}.download-icon,.pillar-icon{width:78px;height:78px;display:grid;place-items:center;background:linear-gradient(#858781,#515450);border:4px solid #3f423f;box-shadow:inset 0 0 0 2px #aaa;font-size:34px}.download-inner h3{font-family:'Press Start 2P';font-size:12px}.download-inner small{display:block;margin-top:12px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.stone-card{display:grid;grid-template-columns:85px 1fr;gap:16px;align-items:center;background:linear-gradient(#f6e8c7,#e8d2a5);border:5px solid #555752;outline:2px solid #2e302f;padding:17px;box-shadow:0 7px 15px #0004}.stone-card h2{font-family:'Press Start 2P';font-size:13px;margin:0 0 8px}.stone-card p{margin:0}.idea-teaser{margin-top:18px;background:linear-gradient(90deg,#263c2dee,#3b5d39ee);border:6px solid #4b4e48;outline:3px solid #272a27;color:#fff;padding:28px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.idea-teaser span{color:#f2bd58;font-weight:900}.idea-teaser h2{font-family:'Press Start 2P';font-size:16px}.subhero{width:min(1500px,calc(100% - 64px));min-height:330px;margin:0 auto;background:url('../img/world-background.png') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:2px 2px #333;border:7px solid #444;outline:3px solid #292b29}.subhero h1{font-family:'Press Start 2P';font-size:36px}.wood-plaque,.section-plaque{background:linear-gradient(#9a5825,#663615);border:4px solid #3e2818;box-shadow:inset 0 0 0 2px #c18343,0 4px 0 #2c1a0d;color:#ffe2a0;padding:11px 24px;font-weight:900}.profile-layout,.idea-page{width:min(1150px,calc(100% - 44px));margin:35px auto 65px}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:25px}.profile-card{text-align:center;padding:25px}.portrait{width:120px;height:120px;margin:0 auto 18px;background:#3f6735;border:7px solid #4c4d48;display:grid;place-items:center;color:#fff;font-family:'Press Start 2P';font-size:44px}.rank,.adopted-tag{display:inline-block;background:#c57b29;color:#fff1c2;border:2px solid #704318;padding:6px 9px;font-size:11px;font-weight:900}.profile-settings,.idea-list{display:grid;gap:22px}.form-panel,.compose{padding:6px 24px 24px}.form-panel .panel-title,.compose .panel-title{margin-left:-24px;margin-right:-24px}label{display:grid;gap:7px;margin:15px 0;font-size:12px;font-weight:900}input,textarea{width:100%;padding:12px;background:#f8e7bd;border:4px solid #7a4b24;box-shadow:inset 0 0 0 2px #c28a48;outline:0}textarea{resize:vertical}.idea-page{display:grid;gap:24px}.login-required,.empty{padding:35px;text-align:center}.section-plaque{font-family:'Press Start 2P';font-size:14px}.idea-card{display:grid;grid-template-columns:75px 1fr auto;background:linear-gradient(#f6e8c7,#e8d2a5);border:5px solid #555752;outline:2px solid #2d2f2d;box-shadow:0 6px 15px #0004;padding:15px}.idea-card.adopted{border-color:#8c6c2d;background:linear-gradient(#fff0bf,#e7ce86)}.vote-column{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px solid #bca77e}.vote-column button{border:0;background:none;font-size:20px;cursor:pointer;color:#42692c}.idea-body{padding:0 20px}.idea-body h3{font-family:'Press Start 2P';font-size:13px;line-height:1.5}.admin-actions{display:flex;gap:8px}.danger{background:#8b332a;color:#fff;border:3px solid #4d1e19}.modal{position:fixed;inset:0;display:none;place-items:center;background:#0d1711cc;z-index:100;padding:20px;backdrop-filter:blur(5px)}.modal.open{display:grid}.game-window{width:min(520px,100%);background:linear-gradient(#f6e2b5,#e8c98b);border:10px solid #71401e;outline:5px solid #353633;box-shadow:inset 0 0 0 4px #bc7734,0 20px 50px #0009;padding:30px;position:relative;text-align:center}.window-title{font-family:'Press Start 2P';font-size:20px}.close{position:absolute;right:9px;top:6px;background:none;border:0;font-size:30px}.text-link{border:0;background:none;text-decoration:underline;margin-top:18px;cursor:pointer}.flash{width:min(900px,calc(100% - 40px));margin:10px auto;padding:12px 18px;font-weight:900;border:4px solid}.success{background:#d8e8c3;border-color:#52723e}.error{background:#f0c8b8;border-color:#9a4b3f}.stone-footer{width:min(1500px,calc(100% - 64px));margin:0 auto 30px;background:linear-gradient(#3f4443,#292d2c);border:6px solid #202322;color:#cfd1cc;min-height:85px;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.stone-footer strong{font-family:'Press Start 2P';font-size:10px}@media(max-width:1100px){.topbar{grid-template-columns:260px 1fr}.account-nav{display:none}.board-grid{grid-template-columns:1fr 1fr}.download-panel{grid-column:1/-1}.pillars{grid-template-columns:1fr}.slide-copy h1{font-size:29px}.profile-layout{grid-template-columns:1fr}}@media(max-width:760px){.topbar,.page-shell,.subhero,.stone-footer{width:calc(100% - 24px)}.topbar{height:auto;min-height:70px;grid-template-columns:1fr}.wood-nav{display:none}.logo{justify-content:center;border:0}.banner-slider{height:500px}.slide-copy{left:10%;width:80%}.slide-copy h1{font-size:22px}.board-grid{grid-template-columns:1fr}.download-panel{grid-column:auto}.news-row{grid-template-columns:90px 1fr}.news-row img{width:90px;height:70px}.idea-teaser{display:block}.idea-teaser .wood-button{margin-top:18px}.idea-card{grid-template-columns:55px 1fr}.admin-actions{grid-column:2}.stone-footer{flex-direction:column;gap:12px;text-align:center}}