.screen--wall.active{display:block}.wall-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;pointer-events:none}.wall-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;background:var(--paper);padding:4px 10px;border-radius:2px}.wall-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-soft);background:var(--paper);padding:4px 10px;border-radius:2px}.wall-refresh{pointer-events:auto;background:var(--paper);border:1.5px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:1.1rem;line-height:1;color:var(--ink-soft);cursor:pointer;flex-shrink:0;transition:transform .3s ease,border-color .15s ease,color .15s ease}.wall-refresh:hover{border-color:var(--ink);color:var(--ink)}.wall-refresh:active{transform:rotate(-40deg)}.wall-topbar-actions{display:flex;align-items:center;gap:8px;pointer-events:auto;flex-shrink:0}.wall-support-btn{pointer-events:auto;background:var(--ink);color:var(--paper);border:none;border-radius:20px;padding:9px 16px;font-family:var(--font-body);font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease}.wall-support-btn:hover{background:#463a4d}.wall-support-btn:active{transform:translateY(1px)}.wall-random-btn{pointer-events:auto;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:20px;padding:8px 15px;font-family:var(--font-body);font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:transform .12s ease,border-color .15s ease}.wall-random-btn:hover{border-color:var(--ink)}.wall-random-btn:active{transform:translateY(1px)}.wall-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;background:radial-gradient(circle at 1px 1px,rgb(51 41 58 / .12) 1px,transparent 0) 0 0/28px 28px,var(--paper)}.wall-viewport.grabbing{cursor:grabbing}.wall-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0;will-change:transform}.wall-world.jumping{transition:transform .5s cubic-bezier(.2,.8,.3,1)}.center-piece{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.center-piece img{display:block;border-radius:3px;box-shadow:0 30px 60px -20px rgb(51 41 58 / .45)}.center-piece .center-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper);padding:3px 9px;border-radius:2px}.postcard{position:absolute;background:#fff;padding:10px 10px 26px;box-shadow:0 14px 28px -14px rgb(51 41 58 / .4),0 0 0 1px rgb(51 41 58 / .06);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;transform-origin:center}.postcard:hover{box-shadow:0 20px 34px -14px rgb(51 41 58 / .5),0 0 0 1px rgb(51 41 58 / .08);z-index:3}.postcard img{display:block;width:100%;height:100%;object-fit:contain;background:var(--paper-deep)}.postcard::after{content:attr(data-nickname);position:absolute;left:10px;right:10px;bottom:6px;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postcard .pin{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3c67a,var(--ochre));box-shadow:0 3px 5px rgb(0 0 0 / .35)}.postcard.is-pending{opacity:.82}.postcard.is-pending .pin{background:radial-gradient(circle at 35% 30%,#9bd0d3,var(--teal))}.postcard.is-pending::before{content:"pending review";position:absolute;top:6px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;background:var(--teal);color:var(--paper);padding:2px 6px;border-radius:2px;white-space:nowrap;z-index:1}.postcard.is-popular{box-shadow:0 0 0 2px rgb(209 151 44 / .55),0 16px 30px -14px rgb(209 151 44 / .55)}.postcard.is-popular .pin{background:radial-gradient(circle at 35% 30%,#ffe1a8,var(--ochre));box-shadow:0 0 0 3px rgb(209 151 44 / .25),0 3px 5px rgb(0 0 0 / .35)}.postcard.pulse{animation:postcard-pulse 1s ease}@keyframes postcard-pulse{0%{box-shadow:0 0 0 0 rgb(209 151 44 / .65),0 14px 28px -14px rgb(51 41 58 / .4)}100%{box-shadow:0 0 0 22px #fff0,0 14px 28px -14px rgb(51 41 58 / .4)}}.wall-loading{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);background:var(--paper);padding:6px 14px;border-radius:2px;transition:opacity .3s ease}.wall-loading.hidden{opacity:0;pointer-events:none}.most-loved-badge{position:absolute;left:20px;bottom:20px;z-index:6;display:flex;align-items:center;gap:10px;background:var(--card-bg);border:none;border-radius:30px;padding:6px 16px 6px 6px;cursor:pointer;box-shadow:0 14px 30px -10px rgb(51 41 58 / .4);transition:transform .12s ease,box-shadow .12s ease;max-width:min(280px, 42vw)}.most-loved-badge[hidden]{display:none}.most-loved-badge:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgb(51 41 58 / .45)}.most-loved-badge:active{transform:translateY(0)}.most-loved-thumb{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px var(--ochre)}.most-loved-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden}.most-loved-label{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.most-loved-count{font-weight:700;font-size:.85rem;color:var(--ink)}.wall-minimap-wrap{position:absolute;right:20px;bottom:20px;z-index:6;border-radius:8px;overflow:hidden;box-shadow:0 14px 30px -10px rgb(51 41 58 / .4),0 0 0 1px var(--line)}.wall-minimap{display:block;cursor:pointer}.milestone-toast{position:absolute;top:70px;left:50%;transform:translateX(-50%) translateY(-10px);z-index:10;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:600;font-size:1rem;padding:12px 22px;border-radius:14px;max-width:min(360px, 84vw);text-align:center;line-height:1.4;box-shadow:0 16px 34px -10px rgb(0 0 0 / .5);opacity:0;transition:opacity .35s ease,transform .35s ease}.milestone-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.wall-fab{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;background:var(--ink);color:var(--paper);border:none;border-radius:30px;padding:15px 26px;font-family:var(--font-body);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 14px 30px -10px rgb(51 41 58 / .55);transition:transform .12s ease,box-shadow .12s ease}.wall-fab:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 18px 34px -10px rgb(51 41 58 / .6)}.wall-fab:active{transform:translateX(-50%) translateY(0)}