.belowlock{--bl-bg:#101a16;--bl-panel:#19231e;--bl-ink:#eee8d9;--bl-dim:#a2aea3;--bl-accent:#e8b975;background:radial-gradient(ellipse at 80% 5%,#6d57312b,transparent 55%),var(--bl-bg);min-height:100dvh;color:var(--bl-ink);padding:0 4vw 40px;font-family:Arial,sans-serif}.belowlock button,.belowlock input,.belowlock select{font:inherit}.belowlock button{color:var(--bl-ink);cursor:pointer;background:#ffffff07;border:1px solid #a7b5a82f;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 16px;transition:background .2s,transform .2s;display:inline-flex}.belowlock button:hover{background:#ffffff10;border-color:#baaa81}.belowlock button:active{transform:translateY(1px)}.belowlock button:disabled{opacity:.4;cursor:default}.belowlock :focus-visible{outline-offset:3px;outline:2px solid #efc986}.belowlock button.bl-primary{color:#241e13;background:#e8b975;border-color:#e8b975;font-weight:700;box-shadow:0 3px #7c613b}.belowlock button[aria-pressed=true]{border-color:var(--bl-accent);background:#cda66c17}.belowlock a{color:inherit;text-decoration:none}.bl-header{border-bottom:1px solid #9aaa9a20;justify-content:space-between;align-items:center;gap:20px;max-width:1500px;height:80px;margin:auto;display:flex}.bl-header>a,.bl-header>div{align-items:center;gap:10px;display:flex}.bl-header>a:first-child{color:#a9b7a9;font-size:13px}.bl-logo{letter-spacing:3px;font-size:17px;font-weight:700}.bl-header>div button{border:0;padding:8px}.bl-landing{grid-template-columns:.9fr 1.2fr;align-items:center;gap:30px;max-width:1400px;min-height:calc(100dvh - 150px);margin:auto;display:grid}.bl-intro{padding:50px 0 70px}.bl-eyebrow{letter-spacing:2.6px;color:var(--bl-accent);text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.bl-intro h1{letter-spacing:-6px;margin:24px 0;font-family:Georgia,serif;font-size:clamp(65px,7.8vw,118px);font-weight:400;line-height:1}.bl-intro h1 span{color:var(--bl-accent)}.bl-intro>p{color:#b6bfb3;max-width:360px;font-size:17px;line-height:1.8}.bl-cta{flex-wrap:wrap;gap:12px;margin:30px 0 16px;display:flex}.bl-text{color:#cab98d!important;border:0!important;padding-left:0!important}.bl-modes{color:#b7c1b8;border-top:1px solid #ffffff15;flex-wrap:wrap;gap:18px;margin-top:35px;padding-top:25px;font-size:11px;display:flex}.bl-modes span{align-items:center;gap:5px;display:flex}.bl-hero-map{height:570px;position:relative;-webkit-mask-image:radial-gradient(#000 40%,#0000 73%);mask-image:radial-gradient(#000 40%,#0000 73%)}.bl-hero-map .bl-board{background:0 0;height:100%}.bl-hero-map .bl-map-tools{display:none}.bl-map-caption{letter-spacing:3px;color:#928469;font-size:9px;position:absolute;bottom:30px;left:30%}.bl-room-title{justify-content:space-between;align-items:center;gap:15px;max-width:1500px;margin:28px auto 22px;display:flex}.bl-room-title h1{margin:10px 0;font-size:25px;font-weight:500;line-height:1.25}.bl-room-title>button{letter-spacing:3px;color:var(--bl-accent);font-family:monospace}.bl-room-grid{grid-template-columns:220px minmax(0,1fr) 260px;align-items:start;gap:18px;max-width:1500px;margin:auto;display:grid}.bl-panel{background:#17211c;border:1px solid #96ac9222;border-radius:10px;padding:18px}.bl-panel h3,.bl-hand-heading b{letter-spacing:.4px;font-size:12px}.bl-person{align-items:center;gap:9px;margin:19px 0;font-size:12px;display:flex}.bl-person i{color:#142018;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.bl-person>div{overflow-wrap:anywhere;flex:1;min-width:0}.bl-person small{color:#a4afa3;margin-top:5px;font-size:10px;display:block}.bl-person>button{width:24px;min-height:24px;padding:0}.bl-people>button{width:100%;margin-top:10px}.bl-room-links{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.bl-room-links button{padding:5px 8px;font-size:10px}.bl-lobby{text-align:center;background:radial-gradient(circle at 50% 30%,#b4904322,#0000 60%);border:1px solid #fff1;border-radius:10px;min-height:500px;padding:70px 20px}.bl-lobby>svg{color:var(--bl-accent);margin:10px}.bl-lobby h2{font-family:Georgia,serif;font-size:27px;font-weight:400}.bl-lobby p{color:var(--bl-dim);font-size:13px}.bl-lobby .bl-cta{justify-content:center}.bl-stats{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;grid-template-columns:repeat(4,1fr);padding:15px 0;display:grid}.bl-stats>div{text-align:center}.bl-stats strong{color:var(--bl-accent);font:25px Georgia,serif}.bl-stats span{color:var(--bl-dim);margin-top:6px;font-size:10px;display:block}.bl-board{isolation:isolate;background:#101a16;border-radius:10px;height:440px;position:relative;overflow:hidden}.bl-board>canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.bl-map-tools{gap:5px;display:flex;position:absolute;bottom:12px;right:12px}.bl-map-tools button{background:#17231deb;width:40px;padding:4px;font-size:20px}.bl-marker{pointer-events:none;background:#191c18e8;border:1px solid #a4a891;border-radius:5px;padding:4px;font-size:10px;position:absolute;transform:translate(-50%,-100%)}.bl-turn{color:#d8c28f;justify-content:space-between;gap:10px;padding:15px 5px;font-size:12px;display:flex}.bl-turn small{color:#a2aea3}.bl-hand-tray{background:#1d2821;border:1px solid #a8b59b2b;border-radius:12px;margin-top:10px;padding:18px}.bl-hand-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.bl-hand-heading button{min-height:36px;padding:6px 10px;font-size:10px}.bl-hand-tray p{color:#b9c8b6;min-height:16px;font-size:11px;line-height:1.5}.bl-hand{justify-content:center;gap:14px;margin:16px 0;display:flex}.bl-hand>button{border-radius:8px;padding:3px;transition:transform .2s;position:relative;box-shadow:0 5px 15px #0003}.bl-hand>button[aria-pressed=true]{transform:translateY(-5px);box-shadow:0 5px 18px #c5a46525}.bl-hand canvas{border-radius:5px;width:88px;height:88px}.bl-hand>button>span{color:#192017;background:#c3ae7a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;bottom:-8px;right:-5px}.bl-build-actions{justify-content:center;gap:10px;display:flex}.bl-hand-tray>small{color:#9fae9d;margin-top:16px;font-size:10px;display:block}.party-chat h3{margin:0 0 16px}.bl-tabs{gap:6px;display:flex}.bl-tabs button{min-height:32px;padding:5px 10px;font-size:10px}.party-messages{overflow-wrap:anywhere;height:330px;margin:15px 0;overflow:auto}.party-messages article{margin-bottom:18px;font-size:12px}.party-messages time{float:right;color:#8fa28f;font-size:9px}.party-messages p{color:#c6cec1;margin:7px 0;line-height:1.5}.party-chat form{gap:5px;display:flex}.party-chat form input{flex:1;min-width:0}.party-chat form button{padding:8px;font-size:10px}.belowlock input,.belowlock select{color:#e6eadc;background:#101a16;border:1px solid #87958255;border-radius:6px;min-width:0;max-width:100%;padding:12px}.bl-reactions{gap:5px;margin-top:10px;display:flex}.bl-reactions button{min-height:30px;padding:4px 10px}.bl-opponent{border-top:1px solid #fff2;margin-top:24px;padding-top:12px}.bl-opponent strong{color:var(--bl-accent);font:28px Georgia,serif}.bl-opponent strong small{font:11px Arial}.bl-opponent p{color:#abb9a7;font-size:10px;line-height:1.6}.bl-mini,.bl-mini .bl-board{height:140px}.bl-mini .bl-map-tools{display:none}.bl-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:#080e0be6;justify-content:center;align-items:flex-start;padding:35px 16px;display:flex;position:fixed;inset:0;overflow:auto}.bl-dialog{background:#1b2720;border:1px solid #b5a87666;border-radius:16px;width:min(680px,100%);margin:auto;padding:32px;position:relative;box-shadow:0 30px 100px #0007}.bl-dialog h2{margin:0 30px 25px 0;font-family:Georgia,serif;font-size:30px;font-weight:400}.bl-dialog label{color:#c5cfbd;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.bl-dialog label input,.bl-dialog label select{width:100%}.bl-dialog .bl-check{flex-direction:row;align-items:center}.bl-check input,.bl-dialog input[type=checkbox]{accent-color:#ddb777;width:18px;height:18px}.bl-dialog input[type=color]{height:40px;padding:3px}.bl-close{width:36px;position:absolute;top:15px;right:15px;min-height:36px!important;padding:5px!important}.bl-settings{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.bl-rule-copy{color:#bccab9;font-size:15px;line-height:1.9}.bl-tutorial{width:min(750px,100%)}.bl-tutorial>p{color:#cbd8c7;min-height:40px;font-size:13px;line-height:1.6}.bl-tutorial .bl-board{height:300px}.bl-tutorial .bl-hand canvas{width:65px;height:65px}.bl-tutorial>.bl-primary{margin-top:18px}.bl-result{text-align:center;background:#49342244;border:1px solid #b2785366;border-radius:10px;margin-top:15px;padding:25px}.bl-result.bl-win{background:#3c5c3b44;border-color:#97b77566}.bl-result h2{color:#e7c98d;margin:0;font:40px Georgia,serif}.bl-result p{color:#c5cfbd;font-size:13px}.bl-toast{color:#292416;z-index:250;background:#ead7b5;border-radius:8px;max-width:90vw;padding:14px 22px;font-size:13px;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0006}.bl-alert{color:#f0b48d;text-align:center}.bl-footer{text-align:center;letter-spacing:3px;color:#708372;padding:36px 0 0;font-size:9px}.bl-mobile-tabs{display:none}.bl-reduced *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.belowlock *{transition:none!important;animation:none!important}}@media (max-width:1150px){.bl-room-grid{grid-template-columns:180px minmax(0,1fr)}.bl-chat-panel{grid-column:1/-1}.party-messages{height:180px}.bl-hero-map{height:460px}.bl-intro h1{font-size:80px}.belowlock{padding:0 20px 40px}}@media (max-width:700px){.belowlock{padding:0 12px 35px}.bl-header{gap:8px;height:65px}.bl-header>a:first-child{gap:0;font-size:0}.bl-header>a:first-child svg{width:20px}.bl-logo{letter-spacing:2px;font-size:14px}.bl-header>div{gap:0}.bl-landing{flex-direction:column;gap:0;min-height:0;display:flex}.bl-intro{width:100%;padding:42px 10px 0}.bl-intro h1{letter-spacing:-4px;font-size:78px}.bl-intro>p{max-width:320px;font-size:15px}.bl-hero-map{width:100%;height:340px;margin-top:-15px}.bl-modes{margin-top:25px}.bl-cta{gap:8px}.bl-cta button{font-size:12px}.bl-room-title{margin:23px 4px 15px}.bl-room-title h1{font-size:19px}.bl-room-title>button{padding:9px;font-size:12px}.bl-mobile-tabs{gap:8px;margin:10px 0 18px;display:flex}.bl-mobile-tabs>button{flex:1;font-size:12px}.bl-room-grid{display:block}.bl-room-grid>aside,.bl-room-grid>section{display:none}.bl-room-grid>.bl-visible{display:block}.bl-board{height:380px}.bl-hand-tray{padding:12px}.bl-hand canvas{width:76px;height:76px}.bl-hand{gap:14px}.bl-turn{font-size:11px}.bl-stats strong{font-size:23px}.bl-stats span{font-size:9px}.party-messages{height:45dvh}.bl-dialog{padding:24px 18px}.bl-dialog h2{font-size:26px}.bl-settings{gap:0 12px}.bl-dialog label{font-size:11px}.bl-dialog input,.bl-dialog select{padding:10px 7px;font-size:16px}.bl-tutorial .bl-board{height:250px}.bl-tutorial .bl-build-actions button{font-size:12px}.bl-lobby{min-height:380px;padding:40px 15px}}.bl-completed-note{color:#a9e4cc;background:#77c5b611;border:1px solid #77c5b655;border-radius:8px;padding:12px 18px;font-size:13px}.bl-result ol{padding:0;line-height:2;list-style:none}@media (min-width:1000px){.belowlock{padding-left:clamp(20px,2vw,48px);padding-right:clamp(20px,2vw,48px)}.bl-header,.bl-room-title,.bl-room-grid{max-width:none}.bl-room-grid{grid-template-columns:clamp(190px,14vw,270px) minmax(0,1fr) clamp(210px,17vw,300px)}.bl-room-grid .bl-board{height:clamp(440px,100dvh - 340px,1000px)}.bl-room-grid .bl-mini .bl-board{height:140px}}