html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.wall-background{width:100vw;height:100vh;display:flex;position:relative;align-items:center;justify-content:center;perspective:2000px;overflow:hidden;background-color:#e0e0e0;view-transition-name:wall-bg;contain:paint}.wall-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:url('data:image/svg+xml;utf8,  <svg viewBox="0 0 100 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">    <defs>      <filter id="softShadow">        <feGaussianBlur in="SourceGraphic" stdDeviation="0.4" />      </filter>    </defs>    <style>      .shadow-lines {        stroke: %23d2d2d2;        stroke-width: 1px;        stroke-opacity: 0.5;        fill: %23f0f0f0;      }      .floor-fill {        fill: rgba(0,0,0,0.08);        stroke: none;      }    </style>    <path class="floor-fill" d="M0 100 L10 85 L90 85 L100 100 Z" />    <g filter="url(%23softShadow)">      <rect class="shadow-lines" x="10" y="10" width="80" height="75" />      <line class="shadow-lines" x1="0" y1="0" x2="10" y2="10" />      <line class="shadow-lines" x1="100" y1="0" x2="90" y2="10" />      <line class="shadow-lines" x1="0" y1="100" x2="10" y2="85" />      <line class="shadow-lines" x1="100" y1="100" x2="90" y2="85" />    </g>  </svg>')}.side-wall-container{position:absolute;top:200px;bottom:0;width:10vw;transform-style:preserve-3d;pointer-events:none;z-index:1}.side-wall-container .wall-poster{pointer-events:auto}.left-wall{left:50px;transform-origin:left center;transform:rotateY(90deg)}.right-wall{right:50px;transform-origin:right center;transform:rotateY(-90deg)}.wall-poster.photo-only{width:100%;position:absolute}.wall-poster.photo-only img{width:100%;height:auto!important;display:block;border-radius:2px;box-shadow:2px 2px 10px rgba(0,0,0,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden}.wall-poster.photo-only:hover img{transform:translateZ(10px);box-shadow:5px 5px 20px rgba(0,0,0,.5);transition:all .3s ease}.poster-item{position:absolute;width:100%;transition:transform .3s ease}.left-wall .poster-item:nth-child(1){top:-18%;right:10%}.left-wall .poster-item:nth-child(2){top:-2%;right:-88%;transform:rotate(-2deg)}.left-wall .poster-item:nth-child(3){top:15%;right:15%;transform:rotate(1deg)}.left-wall .poster-item:nth-child(4){top:49%;right:-40%;transform:rotate(-1deg)}.left-wall .poster-item:nth-child(5){top:35%;right:90%}.right-wall .poster-item:nth-child(1){top:-18%;left:5%}.right-wall .poster-item:nth-child(2){top:-1%;left:-80%;transform:rotate(3deg)}.right-wall .poster-item:nth-child(3){top:8%;left:30%;transform:rotate(-2deg)}.right-wall .poster-item:nth-child(4){top:30%;left:-90%;transform:rotate(1deg)}.right-wall .poster-item:nth-child(5){top:40%;left:8%}#board-container{width:75vw;height:65vh;position:relative;top:-3vh;box-shadow:0 2px 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.2);z-index:1;background-image:url(/images/texture.png);background-color:#d0deeb;border:1px solid #c2c2c2;transform-style:preserve-3d;transition:transform .1s ease-out}.home-button:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.15);color:#000}@media(max-width:600px){.home-button{font-size:0;padding:10px;width:40px;height:40px;justify-content:center}.home-button::before{content:"⬅";font-size:16px}}.evidence-controls{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:1000;width:220px}#fandom-selector{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:50px;padding:10px 40px 10px 20px;font-family:inherit;font-size:14px;font-weight:600;color:#333;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.1);outline:none;transition:all .3s ease;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22292.4%22%20height=%22292.4%22%3E%3Cpath%20fill=%22%23333%22%20d=%22M287%2069.4A17.6%2017.6.0%2000274%2064H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6.0%20000%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8s-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:12px}#fandom-selector:hover{background-color:rgba(255,255,255,.95);transform:translateY(-1px)}#fandom-selector:focus{border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.nav-arrow-wrapper{position:absolute;top:0;left:0;width:0;height:0;overflow:visible;z-index:999}.nav-arrow{position:fixed!important;transform:translateY(-50%);border-bottom:none;display:flex;opacity:.5;transition:opacity .4s ease;text-decoration:none;cursor:pointer}.nav-arrow.left{top:50%;left:7%}.nav-arrow:hover{opacity:1}.tri-svg{width:24px;display:inline-block;color:#333}.tri-spin-slow{animation:tri-spin 4s linear infinite}.tri-spin-fast{animation:tri-spin 1s linear infinite}@keyframes tri-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.pin-point{position:absolute;left:20%;top:20%;width:clamp(2px,1vw,6px);height:clamp(3px,1vw,6px);background-color:#2962ff;border-radius:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.3)}.node{position:absolute;transform-origin:20% 20%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:clamp(4px,.9vw,14px);box-sizing:border-box;overflow:hidden;word-wrap:break-word;transition:filter .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:3px 3px 8px rgba(0,0,0,.15)}.node:hover{filter:brightness(1.1)contrast(1.05);box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:999}.type-book{width:10%;max-width:80px;aspect-ratio:1/1.414;border-radius:2px 4px 4px 2px;padding:.5em}.type-movie{width:10%;aspect-ratio:110/65;max-width:90px;border-top:clamp(2px,.3vw,4px)dashed #555;border-bottom:clamp(2px,.3vw,4px)dashed #555;padding:.5em;display:flex;justify-content:center}.type-music{width:10%;max-width:63px;aspect-ratio:1/1;background:linear-gradient(135deg,#444 0%,#222 100%);border:1px solid #666;padding:.5em;position:relative}.type-text,.type-tag{width:7%;max-width:54px;aspect-ratio:1/1;background-color:#453bff3a;padding:.5em;border-bottom-right-radius:20% 5%}.type-image{width:7%;aspect-ratio:90/110;max-width:54px;background-color:#fff;color:#333;padding:.5em}#fandom-selector,.node{outline:1px solid #111;outline-offset:-1px}@view-transition{navigation: auto;
}::view-transition-old(wall-bg){animation:500ms ease-out both fade-out}::view-transition-new(wall-bg){animation:500ms ease-in both fade-in}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}