:root{color:#22261f;font-synthesis:none;background:#f4f2e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.app{min-height:100vh}.header{background:#f8f7f0;border-bottom:1px solid #d9d9ca;align-items:center;gap:36px;height:72px;padding:0 max(24px,50vw - 640px);display:flex}.wordmark{color:#242820;letter-spacing:.09em;white-space:nowrap;background:0 0;border:0;font-size:16px;font-weight:900}.mark{color:#dd8138;vertical-align:-3px;margin-right:8px;font-size:25px}.header nav{align-items:center;gap:5px;height:100%;margin-left:auto;display:flex}.header nav button{color:#777a70;background:0 0;border:0;border-bottom:3px solid #0000;height:100%;padding:4px 15px 0;font-size:13px;font-weight:700}.header nav button.nav-on{color:#22261f;border-bottom-color:#dc823d}.account{text-align:right;border-left:1px solid #dadbce;flex-direction:column;min-width:150px;padding-left:20px;font-size:12px;display:flex}.account b{font-size:13px}.account span{color:#898d7f}.kicker{color:#b36b34;letter-spacing:.18em;font-size:11px;font-weight:900;display:block}.home,.match,.text-page{max-width:1280px;margin:auto;padding:54px 24px 80px}.hero{border-bottom:1px solid #d8d8c9;grid-template-columns:1fr 380px;align-items:center;gap:80px;min-height:430px;padding-bottom:52px;display:grid}.hero h1,.text-page h1{letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(52px,6vw,82px);font-weight:800;line-height:1.02}.hero p{color:#62675e;max-width:560px;font-size:18px;line-height:1.55}.hero-actions{gap:10px;margin-top:30px;display:flex}.primary,.small-primary{color:#fff;background:#272d24;border:0;font-weight:800}.primary{border-radius:6px;padding:16px 24px;font-size:14px}.primary span{margin-left:28px}.outline{color:#30362b;background:0 0;border:1px solid #bfc2b4;border-radius:6px;padding:12px 18px;font-size:13px;font-weight:800}.hero-board{aspect-ratio:1;background:#bfc8a4;border:8px solid #303a2b;grid-template-columns:repeat(3,1fr);width:350px;display:grid;transform:rotate(-5deg);box-shadow:16px 17px #d7d7c9}.mini{color:#586b55;border:1px solid #a4b18d;place-items:center;font-size:30px;font-weight:800;display:grid}.mini:nth-child(2n){background:#c9d2ae}.mini.beacon{color:#f5ebc8;text-shadow:0 1px #34402f}.mini.amber{color:#c97835;font-size:62px}.mini.violet{color:#665071;font-size:62px}.mini.mine{color:#2e382c;font-size:48px}.home-cards{grid-template-columns:1fr 1fr;gap:22px;padding-top:42px;display:grid}.home-cards section{background:#faf9f2;border:1px solid #d6d8ca;border-radius:7px;min-height:300px;padding:30px}.home-cards h2{letter-spacing:-.04em;margin:12px 0 27px;font-size:27px}.home-cards label{font-size:13px;font-weight:700;display:block}.home-cards label b{float:right}.home-cards input[type=range]{accent-color:#d47d39;width:100%;margin:17px 0 3px}.range-labels{color:#8b8e82;justify-content:space-between;margin-bottom:27px;font-size:11px;display:flex}.small-primary{border-radius:5px;padding:12px 17px;font-size:13px}.profile-form p{color:#72786b;font-size:13px}.profile-form input,.join input{background:#fff;border:1px solid #c8cbbd;border-radius:5px;outline-color:#c87737;width:100%;padding:11px 12px}.profile-form .small-primary{margin-top:10px}.check{align-items:center;gap:8px;margin-bottom:18px;display:flex!important}.check input{accent-color:#b97339}.join{border-top:1px solid #e1e1d6;gap:8px;margin-top:18px;padding-top:18px;display:flex}.join button{background:0 0;border:1px solid #31382e;border-radius:5px;padding:0 18px;font-size:13px;font-weight:800}.text-page{max-width:1000px}.text-page h1{font-size:clamp(48px,5vw,72px)}.rule-grid{grid-template-columns:1fr 1fr;gap:16px;margin:40px 0;display:grid}.rule-grid article{background:#faf9f2;border:1px solid #d5d7c8;padding:26px}.rule-grid article b{letter-spacing:.08em;color:#a76031;font-size:12px}.rule-grid article p{color:#555b50;font-size:16px;line-height:1.6}.sub{color:#747b6e}.leaderboard{background:#faf9f2;border:1px solid #d6d9c8;margin-top:35px}.leader-head,.leader-row{grid-template-columns:90px 1fr 100px 100px;align-items:center;gap:12px;padding:14px 22px;display:grid}.leader-head{letter-spacing:.15em;color:#8b9083;background:#eceee2;font-size:10px;font-weight:900}.leader-row{border-top:1px solid #e1e3d6;font-size:14px}.leader-row strong{font-size:17px}.leader-row span{color:#8a9083}.empty{color:#777d70;padding:40px 22px}.match{padding-top:36px}.match-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.match-top h1{letter-spacing:-.05em;margin:6px 0;font-size:39px}.match-top p{color:#70786a;margin:0;font-size:14px}.match-links{align-items:center;gap:10px;display:flex}.code{letter-spacing:.04em;background:#eef0e4;border:1px dashed #aab198;border-radius:5px;padding:12px 16px;font-size:12px;font-weight:900}.match-layout{grid-template-columns:minmax(0,760px) minmax(240px,320px);justify-content:center;gap:26px;display:grid}.board-column{background:#f9f9f2;border:1px solid #d3d8c5;border-radius:7px;align-self:start;padding:21px}.scorebar{letter-spacing:.08em;border-bottom:1px solid #d7dccc;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px;font-size:12px;font-weight:900;display:flex}.scorebar b{margin:0 8px;font-size:24px}.scorebar>div:last-child{text-align:right}.turn-count{color:#7f8675;font-size:10px}.dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.amber-dot{background:#ce7b38}.violet-dot{background:#735779;margin-left:5px}.coordinates{text-align:center;color:#87907b;grid-template-columns:20px repeat(7,1fr);padding:13px 0 6px;font-size:11px;font-weight:900;display:grid}.board-with-rows{display:flex}.row-numbers{color:#87907b;flex:none;grid-template-rows:repeat(7,1fr);place-items:center;width:20px;font-size:11px;font-weight:900;display:grid}.board{aspect-ratio:1;background:#9fb695;border:2px solid #566d4f;grid-template-columns:repeat(7,1fr);width:100%;display:grid}.tile{color:#526a4d;background:#b7c9a8;border:1px solid #98ad8c;place-items:center;min-width:0;padding:0;display:grid;position:relative}.tile:nth-child(2n){background:#bed0af}.tile:hover{box-shadow:inset 0 0 0 3px #fff9}.tile.is-beacon{background:#a8bb96}.tile.is-beacon:nth-child(2n){background:#adbf9b}.tile.is-target{box-shadow:inset 0 0 0 3px #f2eac0}.tile.is-selected{box-shadow:inset 0 0 0 4px #26352a}.tile.is-crater{background:#a3ae95}.tile-content{z-index:2;position:relative}.beacon-icon{color:#ebdfb4;text-shadow:0 2px #5a6e4e;font-size:clamp(19px,3vw,36px)}.drone{color:#fff;border:3px solid #f6e8d1;border-radius:50%;place-items:center;width:clamp(27px,4.5vw,57px);height:clamp(27px,4.5vw,57px);font-size:clamp(12px,1.4vw,19px);font-weight:900;display:grid;box-shadow:0 3px #65765b}.amber-drone{background:#cc793b}.violet-drone{background:#73577f}.stunned{opacity:.45}.mine-icon{color:#27332b;font-size:clamp(22px,3vw,38px)}.crater{color:#5e7059;font-size:28px}.clue{color:#5a7762;z-index:3;font-size:clamp(9px,1.2vw,14px);font-weight:900;position:absolute;top:3px;left:6px}.clue-2,.clue-3{color:#966927}.clue-4,.clue-5{color:#a04d41}.target-mark{background:#f1e5ac;border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:7px}.board-caption{color:#6d7769;letter-spacing:.09em;justify-content:space-between;gap:10px;margin:14px 0 0 20px;font-size:10px;font-weight:900;display:flex}.sidebar{flex-direction:column;gap:16px;display:flex}.panel{background:#f9f9f2;border:1px solid #d3d8c5;border-radius:7px;padding:24px}.panel h2{letter-spacing:-.04em;margin:9px 0;font-size:24px}.panel p{color:#6e7669;font-size:13px;line-height:1.55}.action-list{flex-direction:column;gap:8px;margin-top:22px;display:flex}.action-list button{text-align:left;background:#f4f5ea;border:1px solid #d6d9ca;border-radius:5px;align-items:center;gap:12px;padding:11px;display:flex}.action-list button.on{background:#e9eddb;border-color:#9eaa86}.action-list button>b{text-align:center;color:#b2773f;width:25px;font-size:21px}.action-list strong{font-size:13px;display:block}.action-list small{color:#81887a;margin-top:2px;font-size:11px;display:block}.pass{color:#fff;background:#28332a;border:1px solid #28332a;border-radius:5px;width:100%;margin-top:16px;padding:12px;font-size:12px;font-weight:800}.objective-panel{padding:21px 24px}.beacon-strip{color:#bda862;letter-spacing:12px;margin-top:15px;font-size:20px}.waiting{border-style:dashed}.toast{color:#fff;z-index:20;background:#252f26;border-radius:5px;padding:12px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}@media (width<=850px){.header{gap:15px}.header nav button{padding:4px 9px}.account{display:none}.hero{grid-template-columns:1fr 230px;gap:30px}.hero-board{width:230px}.match-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;display:grid}.waiting{grid-column:1/-1}}@media (width<=600px){.header{gap:8px;height:62px;padding:0 12px}.wordmark{font-size:12px}.mark{margin-right:2px;font-size:20px}.header nav{gap:0}.header nav button{padding:4px 7px;font-size:11px}.home,.match,.text-page{padding:32px 14px 60px}.hero{min-height:0;padding-bottom:35px;display:block}.hero h1{font-size:52px}.hero p{font-size:15px}.hero-board{display:none}.home-cards,.rule-grid{grid-template-columns:1fr}.match-top{display:block}.match-top h1{font-size:33px}.match-links{margin-top:16px}.board-column{padding:10px}.scorebar{font-size:10px}.scorebar b{margin:0 2px;font-size:17px}.turn-count{text-align:center;font-size:8px}.board-caption{letter-spacing:0;font-size:8px}.tile{border-width:.5px}.drone{border-width:2px}.sidebar{display:block}.panel{margin-bottom:12px}.leader-head,.leader-row{grid-template-columns:42px 1fr 60px 55px;gap:5px;padding:12px 10px;font-size:11px}}.recovery{border-top:1px solid #e1e1d6;margin-top:22px;padding-top:18px}.recovery b{font-size:12px}.recovery p{margin:5px 0 9px;font-size:12px!important}.recovery .join{border:0;margin:0;padding:0}.key-button{color:#26352a;background:#eef1e5;border:1px solid #8e9b84;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:800}.resign{color:#8a4d35;background:#fbf2eb;border:1px solid #bb9a89;border-radius:5px;padding:12px 14px;font-size:12px;font-weight:800}@media (width<=600px){.match-links{flex-wrap:wrap}}