.board-stage{position:absolute;top:0;right:0;bottom:0;left:0;--stage-w: 100%;--stage-h: 100%}.board-divider{position:absolute;left:27%;top:19.7%;bottom:12.3%;width:1px;background:#b59a82;pointer-events:none}.board-zone{position:absolute;display:flex;flex-direction:column;top:19%;bottom:13%}.board-zone--closed{left:10%;right:73.5%}.board-zone--active{left:28%;right:5%}.board-zone-label{font-family:Special Elite,monospace;font-weight:400;font-size:clamp(11px,1.3vw,16px);color:#2a1a10;margin:calc(var(--stage-h) * .065) 0 .6em 0;text-align:center;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.board-zone-papers{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:clamp(8px,1.8vw,26px);padding:.5em .2em 0;scrollbar-width:thin;scrollbar-color:rgba(90,60,30,.4) transparent}.board-zone-papers::-webkit-scrollbar{width:6px}.board-zone-papers::-webkit-scrollbar-thumb{background:#5a3c1e66;border-radius:3px}.board-zone-papers::-webkit-scrollbar-track{background:transparent}.paper{position:relative;flex:0 0 auto;width:clamp(90px,13vw,170px);aspect-ratio:532 / 695;margin-top:clamp(10px,2vw,22px);filter:drop-shadow(2px 3px 2px rgba(0,0,0,.15));cursor:pointer;outline:none}.paper:focus-visible{filter:drop-shadow(2px 3px 2px rgba(0,0,0,.15)) drop-shadow(0 0 0 2px rgba(90,60,30,.8))}.paper:hover{filter:drop-shadow(3px 5px 4px rgba(0,0,0,.25))}.paper-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.paper--magnet-alas{transform:rotate(-6deg)}.paper--magnet-beer{transform:rotate(0)}.paper--magnet-estrella{transform:rotate(6deg)}.paper-magnet{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:42%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.paper--magnet-alas .paper-magnet{top:3%;left:auto;right:-5%;transform:none;width:47%}.paper--magnet-estrella .paper-magnet{top:-4%;left:3%;right:auto;transform:none;width:26%}.board-zone--closed .paper{width:clamp(42px,6vw,80px);margin-top:clamp(5px,1vw,11px)}.board-zone--closed .board-zone-papers{gap:clamp(3px,.5vw,8px)}.board-zone--closed .paper-title{font-size:clamp(6px,.7vw,9px)}.board-zone--closed .paper-campaign-name,.board-zone--closed .paper-flown-count,.board-zone--closed .paper-planned-count{display:none}.paper-cover{position:absolute;left:12%;right:12%;top:32%;bottom:30%;width:76%;height:38%;object-fit:cover;z-index:1;border:1px solid rgba(40,25,15,.35);background:#f5ecd9}.paper-title{position:absolute;left:10%;right:10%;margin:0;text-align:center;font-family:Special Elite,monospace;font-weight:400;font-size:clamp(9px,1.05vw,14px);color:#1a1410;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;z-index:3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.paper-title--campaign{top:18%}.paper-title--mission{top:42%;transform:translateY(-50%)}.paper-campaign-name{position:absolute;left:10%;right:10%;top:58%;text-align:center;font-family:Special Elite,monospace;font-size:clamp(7px,.85vw,11px);font-style:italic;color:#4a3520;line-height:1.1;z-index:3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.paper-flown-count,.paper-planned-count{position:absolute;left:8%;right:8%;transform:translateY(-50%);text-align:center;font-family:Special Elite,monospace;font-size:clamp(7px,.8vw,10px);font-style:italic;color:#4a3520;z-index:3}.paper-flown-count{top:78%}.paper-planned-count{top:88%}.board-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffe8dcf5;color:#5a1a10;padding:1em 1.6em;border:1px solid #5a1a10;font-family:Special Elite,monospace;font-size:clamp(12px,1.4vw,16px);z-index:10;max-width:60%;text-align:center}.board-actions-group{display:flex;flex-direction:column;gap:6px;padding-top:10px}.board-actions-subtitle{font-family:Oswald,sans-serif;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-text-dim, #b3ac82);text-shadow:0 1px 2px rgba(0,0,0,.7);text-align:center;margin:0}.board-actions-sep{width:100%;border:none;height:0;border-top:2px solid var(--chrome-rule, #6a8438);box-shadow:0 1px 2px var(--chrome-rule-shadow, rgba(0, 0, 0, .6));margin:14px 0 4px}.board-actions-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.board-action-btn{display:block;width:100%;padding:9px 10px;font-family:Oswald,sans-serif;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-text-strong, #f4eecb);text-align:center;text-decoration:none;background-image:url(/chrome/buttons/bMarronClaro.png);background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;transition:filter .12s ease;text-shadow:0 1px 2px rgba(0,0,0,.7)}.board-action-btn:hover{filter:brightness(1.18)}.board-action-pick{display:flex;flex-direction:column;gap:2px}.board-pick-label{font-family:Oswald,sans-serif;font-weight:500;font-size:10px;letter-spacing:.12em;color:var(--chrome-text-dim, #b3ac82);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7)}.board-pick-select{width:100%;padding:6px;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--chrome-text-strong, #f4eecb);background:#00000073;border:1px solid var(--chrome-text-dim, #b3ac82);cursor:pointer}.board-pick-select:focus{outline:1px solid var(--chrome-text-strong, #f4eecb);outline-offset:-2px}.board-pick-select option{background:#1a1410;color:var(--chrome-text-strong, #f4eecb)}.board-pick-select--danger{border-color:#b35040;color:#ffd0c8}
