.story-room{position:fixed;inset:0;overflow:hidden;background:#10142b;color:#3c3349;font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif}.room-canvas{position:absolute;inset:0}.room-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.room-brand{position:absolute;z-index:2;top:27px;left:22px;display:flex;gap:10px;align-items:center;text-decoration:none;color:#ffe1a0;font-size:23px;font-weight:950;line-height:1;letter-spacing:.025em;text-shadow:0 2px 0 #9c5d16,0 0 3px #edb23d;filter:drop-shadow(0 4px 3px #17100d55)}.room-brand svg{width:33px;height:33px;color:#ffd97a;fill:#e5a146}.room-counters{position:absolute;top:29px;left:228px;z-index:3;display:flex;align-items:center;gap:12px;padding:8px 13px;border-radius:40px;background:linear-gradient(#4c5479,#222a50);border:2px solid #ae8a4b;box-shadow:inset 0 2px 4px #fff5,0 5px 10px #0005;color:#fff6df;font-size:15px;font-weight:850}.room-counters span{display:flex;align-items:center;gap:5px}.room-counters svg{width:20px;height:20px}.room-counters span:first-child svg{color:#ffd36d}.room-counters span:nth-child(2) svg{color:#93d7a4;fill:#529d6d}.room-counters span:last-child svg{color:#fba99a;fill:#e76854}.room-actions{position:absolute;z-index:4;top:18px;right:22px;display:flex;align-items:center;gap:12px}.room-round{position:relative;display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:50%;padding:0;background:url(/room/ui/round.png) 50%/100% 100% no-repeat;box-shadow:0 5px 9px #05081a70;transition:transform .26s cubic-bezier(.22,1,.36,1);cursor:pointer}.room-round img{width:27px;height:27px;object-fit:contain}.room-round .room-flag{width:32px;height:24px}.room-round:hover{transform:translateY(-3px) scale(1.08) rotate(-3deg)}.room-round:active{transform:translateY(1px) scale(.94)}.room-round.is-muted:after{content:"";position:absolute;width:30px;height:4px;border-radius:2px;background:#e98267;transform:rotate(-42deg);box-shadow:0 0 0 2px #fff9ec}.room-pill{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 28px;border:0;border-image:url(/room/ui/pill.png) 112 fill/33px/0 stretch;border-radius:999px;box-shadow:0 6px 10px #05081a70;white-space:nowrap;color:#3c3349;font-size:18px;font-weight:750;text-decoration:none;transition:transform .26s}.room-pill img{width:26px;height:26px;object-fit:contain}.room-pill:hover{transform:translateY(-3px) scale(1.04)}.room-pill:focus-visible,.room-round:focus-visible,.room-shelf-card:focus-visible,.room-shelf-nav:focus-visible{outline:3px solid #ffd97a;outline-offset:5px}.room-shelf-strip{position:absolute;z-index:5;left:0;right:0;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.room-shelf-strip>*{pointer-events:auto}.room-shelf-strip h1{font-size:22px;font-weight:850;color:#fff3d6;text-shadow:0 2px 0 #5a3a1a,0 6px 18px #0008;letter-spacing:.02em;margin:0}.room-shelf-row{display:flex;align-items:center;gap:14px}.room-shelf-cards{display:flex;gap:12px;justify-content:center}.room-shelf-nav{width:52px;height:52px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;padding:0;color:#3a2410;background:radial-gradient(circle at 35% 30%,#ffe8b8,#e9b56b 70%,#c98a44);box-shadow:0 0 0 3px #1b2450,0 8px 18px #05081a99,inset 0 -3px 0 #a86a2c;cursor:pointer;transition:transform .22s,opacity .2s}.room-shelf-nav svg{width:28px;height:28px;stroke-width:3}.room-shelf-nav:hover{transform:scale(1.08)}.room-shelf-nav:disabled{opacity:.35;cursor:default;transform:none}.room-shelf-card{display:flex;flex-direction:column;gap:7px;width:214px;min-width:0;padding:10px 16px 9px;border:0;border-radius:14px;background:url(/room/textures/paper.jpg) 50%/cover,#fff3d6;color:#3c3349;box-shadow:0 0 0 1px #d4b982,0 0 0 4px #1b2450,0 10px 24px #05081a99;font:inherit;cursor:pointer;transition:transform .22s,box-shadow .22s}.room-shelf-card.is-hovered,.room-shelf-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 0 1px #ffd97a,0 0 0 4px #1b2450,0 16px 30px #05081aaa}.room-book-logo{height:58px;display:flex;align-items:center;justify-content:center}.room-book-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #05081a33)}.room-book-logo b{font-size:17px;line-height:1.15;text-align:center}.room-card-progress{display:flex;gap:8px;align-items:center}.room-progress-track{height:8px;background:#e6d7b8;box-shadow:inset 0 1px 2px #0002;border-radius:4px;flex:1}.room-quiz-marks{display:flex;gap:3px}.room-quiz-marks i{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#cdbf9f;color:#fffaec;font-style:normal;font-size:9px;font-weight:850;opacity:.7}.room-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#7a6a4a}.room-card-pins{display:flex;gap:3px}.room-card-pins img{width:20px;height:20px;object-fit:contain;filter:brightness(0);opacity:.22}.room-shelf-dots{display:flex;gap:8px}.room-shelf-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffff66;box-shadow:0 0 0 2px #05081a66;cursor:pointer;position:relative}.room-shelf-dots button:after{content:"";position:absolute;inset:-7px}.room-shelf-dots button.on{background:#ffd97a}.room-loading{position:absolute;z-index:6;inset:0;display:grid;place-content:center;background:#10142bc9;color:#fff3d6;pointer-events:none;font-size:18px}.room-error{position:absolute;z-index:7;top:90px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:10px;background:#fff3d6;color:#573f25;box-shadow:0 5px 15px #0005;display:flex;gap:10px;font-size:14px}.room-error button{background:none;border:0;font-size:20px;cursor:pointer}.room-dialog{background:url(/room/textures/paper.jpg) 50%/cover,#fff7e6;color:#3c3349;border:3px solid #a78046;border-radius:22px;padding:30px;max-width:600px}.room-dialog h2{font-size:24px}.room-dialog p{font-size:16px;line-height:1.7}.room-book-detail{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start;margin-top:12px}.room-book-detail>img{width:160px;border-radius:4px;box-shadow:4px 5px 12px #3b241055}.room-book-detail .blue-button,.room-book-detail .plain-button{margin-top:12px;text-decoration:none;font-size:14px}.room-detail-meta{color:#8b754e}.room-preferences{display:flex;flex-direction:column;gap:16px;margin-top:16px}.room-preferences input,.room-preferences select{height:46px;border:1px solid #bb9b66;border-radius:10px;padding:8px 12px;background:#fffaf0;font:inherit}.room-setting-row{display:flex;justify-content:space-between;align-items:center}.room-preferences .blue-button{text-decoration:none;justify-content:center}.room-preferences label{font-weight:700;font-size:16px}@media(max-width:1100px){.room-counters{top:74px;left:22px;gap:8px;font-size:13px;padding:6px 10px}.room-actions{gap:8px}.room-brand{font-size:21px}.room-pill{padding:10px 22px;font-size:16px}}@media(max-width:760px){.room-actions{right:12px;top:12px;gap:8px}.room-round{width:48px;height:48px}.room-round img{width:22px;height:22px}.room-round .room-flag{width:27px;height:21px}.room-pill{min-height:48px;padding:8px 20px;font-size:15px;gap:6px;border-image-width:24px}.room-pill img{width:21px;height:21px}.room-brand{top:19px;left:12px;font-size:18px;gap:6px}.room-brand svg{width:25px;height:25px}.room-counters{left:12px;top:65px}.room-shelf-strip{bottom:16px}.room-shelf-cards,.room-shelf-row{gap:10px}.room-shelf-card{width:170px;padding:8px 12px}.room-card-pins img{width:16px;height:16px}.room-shelf-nav{width:40px;height:40px}}@media(max-width:620px){.room-actions{top:62px;right:12px;gap:6px}.room-counters{top:17px;left:auto;right:12px}.room-shelf-strip{bottom:12px;gap:6px}.room-shelf-row{width:100%;padding:0 14px;box-sizing:border-box;justify-content:space-between;gap:8px}.room-shelf-cards{flex-direction:column;gap:8px}.room-shelf-card{width:160px;padding:8px 10px 7px;gap:5px}.room-book-logo{height:40px}.room-shelf-strip h1{font-size:20px}.room-card-meta{font-size:12px}.room-quiz-marks i{width:12px;height:12px}.room-card-pins{gap:2px}.room-book-detail{grid-template-columns:110px 1fr;gap:16px}.room-book-detail>img{width:110px}.room-dialog{padding:24px;max-width:calc(100vw - 24px)}.room-book-detail .blue-button,.room-book-detail .plain-button{font-size:14px;padding:8px}.room-error{top:122px;width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){.story-room a,.story-room button{transition:none}}