.book-list[data-v-e0451a39]{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.title[data-v-e0451a39]{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--spacing-xl)}.books-grid[data-v-e0451a39]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.book-card[data-v-e0451a39]{background:var(--color-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,box-shadow .2s}.book-card[data-v-e0451a39]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.book-cover[data-v-e0451a39]{position:relative;aspect-ratio:16/9;background-color:var(--color-bg-secondary);overflow:hidden}.cover-image[data-v-e0451a39]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.book-card:hover .cover-image[data-v-e0451a39]{transform:scale(1.05)}.cover-overlay[data-v-e0451a39]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.button-group[data-v-e0451a39]{display:flex;gap:var(--spacing-sm)}.start-btn[data-v-e0451a39],.continue-btn[data-v-e0451a39]{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-lg);transition:background .2s,transform .2s;cursor:pointer}.continue-btn[data-v-e0451a39]{background:#27ae60}.continue-btn[data-v-e0451a39]:hover{background:#2ecc71;transform:scale(1.05)}.cover-overlay.loaded[data-v-e0451a39]{opacity:0}.book-card:hover .cover-overlay.loaded[data-v-e0451a39]{opacity:1}.cover-loader[data-v-e0451a39]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);background:#00000080;animation:pulse-e0451a39 1.5s infinite}.book-card.image-error .cover-loader[data-v-e0451a39]{color:#ff6b6b;font-size:var(--font-size-sm)}@keyframes pulse-e0451a39{0%,to{opacity:.5}50%{opacity:1}}.start-btn[data-v-e0451a39]{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-lg);transition:background .2s,transform .2s}.start-btn[data-v-e0451a39]:hover{background:#2980b9;transform:scale(1.05)}.book-info[data-v-e0451a39]{padding:var(--spacing-md)}.book-title[data-v-e0451a39]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-text)}.book-subtitle[data-v-e0451a39]{color:var(--color-text-light);font-size:var(--font-size-sm)}.save-time[data-v-e0451a39]{color:var(--color-primary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);font-weight:500}@media (max-width: 768px){.books-grid[data-v-e0451a39]{grid-template-columns:1fr}}.selection-panel[data-v-b55ee404]{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:var(--container-max-width);margin:0 auto;width:100%;padding:var(--spacing-lg);background:linear-gradient(to top,#000000e6,#000000b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}.selection-btn[data-v-b55ee404]{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffffe6;color:var(--color-text);border:2px solid transparent;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-lg);transition:all .2s;cursor:pointer}.selection-btn[data-v-b55ee404]:hover{background:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.selection-btn[data-v-b55ee404]:active{transform:translateY(0)}.icon[data-v-b55ee404]{font-size:var(--font-size-xl)}.text[data-v-b55ee404]{flex:1;text-align:left}@media (max-width: 768px){.selection-btn[data-v-b55ee404]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.icon[data-v-b55ee404]{font-size:var(--font-size-lg)}}.typewriter[data-v-9d6d039b]{white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.char[data-v-9d6d039b]{display:inline;opacity:1}.cursor[data-v-9d6d039b]{display:inline-block;animation:blink-9d6d039b 1s infinite;color:var(--color-primary);margin-left:2px}@keyframes blink-9d6d039b{0%,50%{opacity:1}51%,to{opacity:0}}.item-pickup-overlay[data-v-0996c5b0]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.item-pickup-dialog[data-v-0996c5b0]{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--spacing-lg);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #3498db33}.dialog-title[data-v-0996c5b0]{font-size:var(--font-size-xl);font-weight:700;color:#fff;text-align:center;margin:0 0 var(--spacing-lg) 0;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.items-container[data-v-0996c5b0]{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.item-card[data-v-0996c5b0]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.item-card[data-v-0996c5b0]:hover{background:#ffffff1a;border-color:#3498db80;transform:translate(8px);box-shadow:0 4px 15px #3498db4d}.item-card[data-v-0996c5b0]:active{transform:translate(4px)}.item-icon[data-v-0996c5b0]{font-size:40px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.item-info[data-v-0996c5b0]{flex:1;min-width:0}.item-name[data-v-0996c5b0]{font-size:var(--font-size-lg);font-weight:600;color:#fff;margin:0 0 var(--spacing-xs) 0;letter-spacing:1px}.item-description[data-v-0996c5b0]{font-size:var(--font-size-sm);color:#9ca3af;margin:0 0 var(--spacing-xs) 0;line-height:1.5}.item-hp-effect[data-v-0996c5b0]{font-size:var(--font-size-sm);color:#10b981;font-weight:600;margin:0;text-shadow:0 0 10px rgba(16,185,129,.3)}.none-btn[data-v-0996c5b0]{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#6b72804d;color:#9ca3af;border:1px solid rgba(107,114,128,.5);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.none-btn[data-v-0996c5b0]:hover{background:#6b728080;border-color:#6b7280cc;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #6b72804d}.none-btn[data-v-0996c5b0]:active{transform:translateY(0)}.fade-enter-active[data-v-0996c5b0],.fade-leave-active[data-v-0996c5b0]{transition:opacity .3s ease}.fade-enter-from[data-v-0996c5b0],.fade-leave-to[data-v-0996c5b0]{opacity:0}.fade-enter-active .item-pickup-dialog[data-v-0996c5b0],.fade-leave-active .item-pickup-dialog[data-v-0996c5b0]{transition:transform .3s ease,opacity .3s ease}.fade-enter-from .item-pickup-dialog[data-v-0996c5b0],.fade-leave-to .item-pickup-dialog[data-v-0996c5b0]{transform:translateY(20px);opacity:0}@media (max-width: 768px){.item-pickup-dialog[data-v-0996c5b0]{width:95%;padding:var(--spacing-md)}.dialog-title[data-v-0996c5b0]{font-size:var(--font-size-lg);letter-spacing:1px}.item-icon[data-v-0996c5b0]{font-size:32px}.item-name[data-v-0996c5b0]{font-size:var(--font-size-base)}.item-description[data-v-0996c5b0]{font-size:var(--font-size-sm)}.none-btn[data-v-0996c5b0]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}}@media (max-width: 320px){.item-card[data-v-0996c5b0]{padding:var(--spacing-sm);gap:var(--spacing-sm)}.item-icon[data-v-0996c5b0]{font-size:28px}.dialog-title[data-v-0996c5b0]{font-size:var(--font-size-base)}}.reader[data-v-4c4bf96a]{position:relative;width:100%;height:100vh;overflow:hidden;cursor:pointer}.background[data-v-4c4bf96a]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.background-image[data-v-4c4bf96a]{width:100%;height:100%;object-fit:cover;display:block}.image-loader[data-v-4c4bf96a]{color:#fff;font-size:var(--font-size-lg);animation:pulse-4c4bf96a 1.5s infinite}@keyframes pulse-4c4bf96a{0%,to{opacity:.5}50%{opacity:1}}.content-overlay[data-v-4c4bf96a]{position:relative;z-index:1;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg)}.hp-display[data-v-4c4bf96a]{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:100;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#000000b3;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.hp-heart[data-v-4c4bf96a]{font-size:var(--font-size-lg)}.hp-text[data-v-4c4bf96a]{font-size:var(--font-size-lg);color:#ef4444;font-weight:600}.inventory-display[data-v-4c4bf96a]{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:100;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#000000b3;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.inventory-item[data-v-4c4bf96a]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffffff1a;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;border:1px solid #6b7280}.inventory-item.is-food[data-v-4c4bf96a]{border:2px solid #4ade80}.inventory-item[data-v-4c4bf96a]:hover{transform:scale(1.1);background:#fff3}.inventory-item[data-v-4c4bf96a]:active{transform:scale(.95)}.content-wrapper[data-v-4c4bf96a]{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.content[data-v-4c4bf96a]{max-width:var(--container-max-width);width:100%;padding:var(--spacing-xl);background:#000000b3;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d;color:#fff;transition:opacity .5s ease}.content.typing-complete[data-v-4c4bf96a]{opacity:.5}.content[data-v-4c4bf96a] .typewriter,.content[data-v-4c4bf96a] .char{color:#fff!important}.selection-panel[data-v-4c4bf96a]{position:fixed;bottom:0;left:0;right:0;z-index:100;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.selection-panel.visible[data-v-4c4bf96a]{opacity:1;visibility:visible;transform:translateY(0)}.title[data-v-4c4bf96a]{font-size:var(--font-size-xl);color:#fff;margin-bottom:var(--spacing-lg);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@media (max-width: 768px){.content-overlay[data-v-4c4bf96a]{padding:var(--spacing-md)}.hp-display[data-v-4c4bf96a]{top:var(--spacing-sm);left:var(--spacing-sm)}.inventory-display[data-v-4c4bf96a]{top:var(--spacing-sm);right:var(--spacing-sm)}.inventory-item[data-v-4c4bf96a]{width:40px;height:40px;font-size:20px}}.click-hint[data-v-4c4bf96a]{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);color:#fff9;font-size:var(--font-size-sm);animation:blink-4c4bf96a 2s infinite}@keyframes blink-4c4bf96a{0%,50%,to{opacity:0}25%,75%{opacity:1}}#app{width:100%;height:100vh;overflow:hidden}.loading,.error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:24px}.error{color:#e74c3c}:root{--color-primary: #3498db;--color-text: #333;--color-text-light: #666;--color-bg: #fff;--color-bg-secondary: #f5f5f5;--color-border: #e0e0e0;--font-size-base: 16px;--font-size-lg: 18px;--font-size-sm: 14px;--font-size-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--breakpoint-sm: 320px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--touch-target-min: 44px;--container-max-width: 800px;--border-radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}button{font-family:inherit;font-size:inherit;cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min)}img{max-width:100%;height:auto}