.case{width:480px;height:430px;transform-style:preserve-3d;transform:rotateX(var(--crx,-5deg)) rotateY(var(--cry,0deg));position:absolute;top:0;left:0}.casewrap{overflow:visible}.case .bk-back{background-color:var(--cb);background-image:var(--case-back);background-size:160px 160px;width:500px;height:450px;position:absolute;top:-10px;left:-10px;transform:translateZ(-92px);box-shadow:inset 0 34px 30px -6px #1e0f1973,inset 26px 0 26px -8px #1e0f1966,inset -26px 0 26px -8px #1e0f1966,inset 0 -10px 16px -6px #1e0f194d}.case .side{background:var(--cw);background-image:linear-gradient(90deg,#00000038,#0000000d);width:92px;height:392px;position:absolute;top:22px}.case .side.l{transform-origin:0;left:16px;transform:rotateY(90deg)}.case .side.r{transform-origin:100%;right:16px;transform:rotateY(-90deg)}.case .ceil{transform-origin:top;background:var(--cd);height:92px;position:absolute;top:22px;left:16px;right:16px;transform:rotateX(-90deg)}.case .lid{transform-origin:top;background:var(--cl);height:100px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:8px;position:absolute;top:-10px;left:-8px;right:-8px;transform:rotateX(-90deg)}.case .frame{border:16px solid var(--cw);pointer-events:none;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px #ffffff40;border-top-width:24px;border-bottom-width:20px;border-radius:12px;position:absolute;inset:0}.case .frameline{border:3px solid var(--ink);pointer-events:none;border-radius:5px;position:absolute;inset:21px 13px 17px}.case .crown{background-size:100% 100%;width:508px;height:48px;position:absolute;top:-44px;left:-14px;transform:translateZ(6px)}.case .foot{background:var(--cd);width:44px;height:18px;box-shadow:0 0 0 3px var(--ink);border-radius:0 0 14px 14px;position:absolute;bottom:-14px}.shelf{background:var(--cl);height:16px;transform-style:preserve-3d;box-shadow:0 0 0 3px var(--ink);position:absolute;left:16px;right:16px;transform:translateZ(2px)}.shelf:after{content:"";background:var(--accent);opacity:.9;height:4px;position:absolute;top:6px;left:0;right:0}.shelf .top{transform-origin:top;background:var(--cw);background-image:linear-gradient(#0000 30%,#00000038);width:100%;height:92px;display:none;position:absolute;top:0;left:0;transform:rotateX(-90deg)}.shelf.s1{top:205px}.shelf.s2{top:398px}.row{height:176px;transform-style:preserve-3d;align-items:flex-end;gap:5px;display:flex;position:absolute;left:30px;right:30px;transform:translateZ(-16px)}.row.r1{top:29px}.row.r2{top:222px}.deco{align-self:flex-end;margin-left:auto;display:block;transform:translateZ(8px)}.empty{font:600 17px var(--f-display);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke;text-align:center;align-self:center;max-width:220px;margin:auto;transform:translateZ(4px)}.sign{transform-origin:50% 0;width:250px;height:95px;margin-left:-125px;animation:7s ease-in-out infinite signsw;transform:translateZ(10px)}@keyframes signsw{50%{rotate:1.5deg}}.awning{transform-origin:50% 0;width:528px;height:96px;top:-28px;left:-24px;transform:translateZ(14px)rotateX(58deg)}.bk{transform-style:preserve-3d;flex:none;transition:transform .45s cubic-bezier(.3,1.5,.5,1);position:relative}@media (hover:hover){.bk:hover{transform:translateZ(26px)translateY(-8px)}}.bk.away{visibility:hidden}.bk .f{display:block;position:absolute}.bk .sp{box-shadow:0 0 0 2.5px var(--ink);background-size:100% 100%;border-radius:6px 6px 3px 3px;inset:0}.bk .tp{transform-origin:top;background:repeating-linear-gradient(90deg,var(--paper) 0 2px,var(--paper-edge) 2px 3px);width:100%;height:74px;box-shadow:inset 3px 0 0 var(--cd),inset -3px 0 0 var(--cd),0 0 0 2px var(--ink);top:0;left:0;transform:rotateX(-90deg)}.bk .sd{transform-origin:100%;background:var(--cd);width:74px;height:100%;top:0;right:0;transform:rotateY(-90deg)}.bk .sdl{transform-origin:0;background:var(--cd);width:74px;height:100%;top:0;left:0;transform:rotateY(90deg)}.bk .tag{flex-direction:column;align-items:center;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)translateZ(3px)}.bk .tag i{background:var(--ink);width:2px;height:14px;display:block}.bk .tag b{background:var(--paper);font:700 14px/1 var(--f-display);color:var(--ink);box-shadow:0 0 0 2px var(--ink);transform-origin:top;border-radius:4px 4px 10px 10px;align-items:center;gap:2px;padding:5px 6px 6px;animation:3.2s ease-in-out infinite swing;display:flex}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.bk.new .sp{animation:1.2s ease-in-out 4 shine}@keyframes shine{50%{box-shadow:0 0 0 2.5px var(--ink),0 0 0 7px #fff3b0,0 0 30px 10px #ffdc78e6}}.hint{left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:6;text-align:center;pointer-events:none;padding-inline:16px;position:fixed}.hint span{font:600 16px var(--f-display);color:var(--ink);box-shadow:0 0 0 2.5px var(--ink);background:#fffaf1eb;border-radius:999px;padding:8px 16px;display:inline-block}body.reading .hint{opacity:0}