.scenery{background-image:url('../../assets/v10/estantes-room-v10.webp');background-position:center}.scenery::after{background:linear-gradient(180deg,#54203b19,#4c1d3822 45%,#3615389c)}.shelves-main{max-width:790px}.branding-estantes .game-logo{width:min(430px,100%);max-height:151px}.shelves-panel{max-width:720px;margin:auto;background:linear-gradient(140deg,#874b65c9,#653455d9 48%,#3e2348e6);border-color:#e6b488bb}.shelves-panel .panel-top{background:linear-gradient(110deg,#d992a52b,#733b5c0a)}.shelves-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:17px;padding:19px 26px 32px;align-items:end;justify-items:center;contain:layout style}.shelf{position:relative;display:block;width:100%;max-width:145px;min-width:0;aspect-ratio:2/5;padding:0;background:url('../../assets/v10/shelf-frame-v10.webp') center/100% 100% no-repeat;border:0;border-radius:0;isolation:isolate;transition:transform .12s ease}.shelf::after{content:attr(data-label);position:absolute;bottom:-8px;left:0;right:0;text-align:center;font:italic .76rem var(--serif);color:#f1c8cd;pointer-events:none;white-space:nowrap}.shelf-slots{position:absolute;inset:0;display:block;pointer-events:none}.shelf-slot{position:absolute;left:18%;width:64%;display:grid;place-items:center}.shelf-slot:nth-child(1){top:16.2%;height:16%}.shelf-slot:nth-child(2){top:36.7%;height:15.7%}.shelf-slot:nth-child(3){top:56.6%;height:15.7%}.shelf-slot:nth-child(4){top:76%;height:12.7%}.shelf-slot img{position:relative;display:block;width:91%;height:93%;object-fit:contain;pointer-events:none;z-index:1}.shelf.is-selected{transform:translateY(-3px)}.shelf.is-selected::before{content:'✦';position:absolute;left:calc(50% - 8px);top:-11px;width:16px;text-align:center;color:#fff0b2;font-size:15px;line-height:1;pointer-events:none}.shelf.is-selected .shelf-slot.is-top::after{content:'';position:absolute;inset:2px;background:radial-gradient(ellipse,#fff0bb50,transparent 70%);z-index:0}.shelf.can-receive::after{content:'Colocar';color:#ffedb7}.shelf.is-organized::after{color:#ffe0a8}.shelf.is-organized .shelf-slot:first-child::after{content:'✦';position:absolute;top:-6px;right:0;font-size:9px;color:#ffe2af}.shelf:disabled{cursor:default}.shelf:focus-visible{outline:1px dashed #ffe0b0;outline-offset:2px;border-radius:15px}.shelf img.landing-hidden{visibility:hidden}.shelf-magic-dock{display:grid;grid-template-columns:minmax(0,1fr) 1.2fr;align-items:center;gap:17px;padding:8px 22px 20px;border-top:1px solid #dfb09c42}.shelf-guide{display:flex;align-items:center;gap:10px;min-width:0}.shelf-guide .guide-nils{width:66px;height:91px;margin-top:-7px;margin-bottom:-6px}.shelf-guide img{width:100%;height:100%;object-fit:contain}.shelf-guide h2{font:italic 1.38rem/1.15 var(--serif);color:#f8d2dc;margin:0 0 6px}.shelf-guide p{font-size:.62rem;line-height:1.45;max-width:165px;color:#e7bace;margin:0}.shelf-power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shelf-power-grid .power{min-height:99px}.shelves-panel .board-status{padding-top:5px;padding-bottom:7px}.shelves-panel .status-text{font-size:.69rem;max-width:76%}.flight-piece{position:fixed;left:0;top:0;z-index:80;pointer-events:none;object-fit:contain;will-change:transform,opacity}.shelf.is-arriving{animation:shelf-arrive .25s ease-out}
@keyframes shelf-arrive{35%{transform:translateY(1px)}70%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@media(max-width:700px){.shelves-grid{gap:11px;padding:16px 20px 28px}.shelf{max-width:125px}.shelf::after{font-size:.68rem;bottom:-7px}.shelf-magic-dock{padding:10px 15px 17px;gap:12px;grid-template-columns:minmax(0,1fr) 1.12fr}.shelf-guide{gap:7px}.shelf-guide .guide-nils{width:57px;height:80px;flex:none}.shelf-guide h2{font-size:1.1rem;margin-bottom:5px}.shelf-guide p{font-size:.56rem}.shelf-power-grid{gap:7px}.shelf-power-grid .power{min-height:91px}.shelf-power-grid .power-art{width:33px;height:32px}.shelf-power-grid .power strong{font-size:.62rem}.shelf-power-grid .power b{font-size:.65rem}.shelves-panel .stat-group{gap:24px}.shelves-panel .status-text{font-size:.64rem}.branding-estantes .game-logo{width:min(375px,100%);max-height:136px}}
@media(max-width:480px){.shelves-grid{padding:13px 13px 27px;gap:9px}.shelves-grid[data-count="5"],.shelves-grid[data-count="9"],.shelves-grid[data-count="10"]{gap:7px;padding-inline:10px}.shelf::after{font-size:.6rem;bottom:-6px}.shelves-panel .panel-top{padding:14px 13px 11px;gap:10px}.shelves-panel .phase-badge{min-width:49px}.shelves-panel .stat-group{gap:19px}.shelves-panel .stat small{font-size:.5rem}.shelves-panel .stat strong{font-size:.91rem}.shelf-magic-dock{grid-template-columns:1fr;padding:8px 14px 17px;gap:7px}.shelf-guide{gap:8px;justify-content:center}.shelf-guide .guide-nils{width:47px;height:64px;margin-top:-6px}.shelf-guide h2{font-size:1.15rem;margin:0 0 3px}.shelf-guide p{max-width:none;font-size:.55rem}.shelf-power-grid{gap:9px}.shelf-power-grid .power{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:6px;row-gap:3px;padding:9px;min-height:65px;text-align:left;align-content:center}.shelf-power-grid .power-art{grid-row:1/3;align-self:center;width:34px;height:34px}.shelf-power-grid .power strong{text-align:left;font-size:.66rem}.shelf-power-grid .power b{font-size:.66rem}.shelves-panel .board-status{padding-inline:14px;gap:9px}.shelves-panel .status-text{font-size:.61rem;min-height:2.8em}.shelves-panel .text-button{font-size:.6rem}}
@media(max-width:360px){.shelves-panel .stat-group{gap:13px}.shelves-panel .stat small{font-size:.47rem}.shelves-panel .stat strong{font-size:.83rem}.shelves-grid{gap:7px;padding-inline:11px}.shelves-grid[data-count="5"],.shelves-grid[data-count="9"],.shelves-grid[data-count="10"]{gap:5px;padding-inline:9px}.shelf-power-grid .power strong{font-size:.6rem}.shelf-power-grid .power{padding-inline:8px;grid-template-columns:30px minmax(0,1fr)}.shelf-power-grid .power-art{width:29px;height:32px}.shelf-magic-dock{padding-inline:12px}}