:root{--bg: #000000;--surface: #0a0a0a;--surface-alt: #111111;--gold: #A6843F;--gold-light: #EED18C;--gold-dim: #7a6230;--text: #e0ddd5;--text-muted: #8a8578;--danger: #9e3030;--font-title: "Cinzel", serif;--font-keyword: "Cormorant Garamond", serif;--font-ui: "Alice", serif;--font-notes: "Alice", serif;--grid-gap: 3px;--header-h: 48px;--radius: 4px;--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:9999;transition:opacity .6s ease}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--gold-dim);border-top-color:var(--gold-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-family:var(--font-keyword);font-size:1.1rem;color:var(--gold);letter-spacing:.05em}.app-header{position:sticky;top:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#000000f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--gold-dim);z-index:100;max-width:800px;margin:0 auto}.app-title-group{display:flex;align-items:center;gap:12px}.app-title{font-family:var(--font-title);font-size:1rem;font-weight:600;color:var(--gold-light);letter-spacing:.1em;text-transform:uppercase}.preset-selector{position:relative}.preset-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;font-family:var(--font-ui);font-size:.72rem;font-weight:500;color:var(--gold-light);background:#a6843f14;border:1px solid var(--gold-dim);border-radius:20px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.preset-btn:hover{background:#a6843f2e;border-color:var(--gold)}.preset-btn-icon{font-size:.85rem;line-height:1}.preset-btn-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.preset-chevron{font-size:.6rem;opacity:.7;transition:transform var(--transition)}.preset-btn[aria-expanded=true] .preset-chevron{transform:rotate(180deg)}.preset-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:8px 0;background:#0f0f0ff5;backdrop-filter:blur(16px);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 8px 32px #0009,0 0 0 1px #a6843f1a;z-index:300;animation:presetMenuIn .2s ease}.preset-menu.hidden{display:none}@keyframes presetMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.preset-menu-group{padding:4px 0}.preset-menu-group+.preset-menu-group{border-top:1px solid rgba(166,132,63,.15);margin-top:4px;padding-top:8px}.preset-menu-label{display:block;padding:4px 16px 6px;font-family:var(--font-keyword);font-size:.65rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.preset-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:var(--font-ui);font-size:.78rem;font-weight:400;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;transition:all .15s ease}.preset-option:hover{background:#a6843f1f;color:var(--gold-light)}.preset-option--active{color:var(--gold-light);background:#a6843f26;font-weight:600}.preset-option--active:after{content:"✓";margin-left:auto;font-size:.7rem;color:var(--gold)}.preset-option-icon{font-size:.9rem;width:20px;text-align:center}.preset-option-icon-img{width:20px;height:20px;object-fit:contain;border-radius:3px;vertical-align:middle;flex-shrink:0}.auth-area{display:flex;align-items:center;gap:10px}.auth-btn{font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:6px 14px;border:1px solid var(--gold);border-radius:var(--radius);background:transparent;color:var(--gold-light);cursor:pointer;transition:background var(--transition),color var(--transition)}.auth-btn:hover{background:var(--gold);color:var(--bg)}.auth-btn--small{font-size:.65rem;padding:4px 10px}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--gold-dim)}.user-name{font-size:.75rem;color:var(--gold-light);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap);padding:6px 0 3px;max-width:800px;margin:0 auto;background:var(--bg)}.grid-cell{position:relative;overflow:hidden;cursor:pointer;border-radius:1px;animation:fadeInCell .35s ease both}.grid-cell:nth-child(n){animation-delay:calc(var(--cell-index, 0) * 8ms)}@keyframes fadeInCell{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.grid-cell:hover{transform:scale(1.03);z-index:2;transition:transform var(--transition)}.cell-bg{width:100%;padding-bottom:100%;background-size:cover;background-position:center}.cell-card-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:47%;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none}.cell-supplemental-img{display:block;width:100%;height:auto}.grid-cell--blank{width:100%;padding-bottom:100%}.grid-cell .card-title,.grid-cell .upright-keyword,.grid-cell .reversed-keyword{display:none}.card-title{position:absolute;top:4%;left:50%;transform:translate(-50%);font-family:var(--font-title);font-size:clamp(.3rem,.55vw,.75rem);font-weight:600;color:var(--gold-light);text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;z-index:2;pointer-events:none;letter-spacing:.04em}.upright-keyword,.reversed-keyword{position:absolute;font-family:var(--font-keyword);font-size:clamp(.35rem,.7vw,.85rem);font-weight:700;line-height:1.1;white-space:pre;text-align:center;z-index:3;pointer-events:none;transform:translate(-50%,-50%)}.upright-keyword{color:#1a1a1a;text-shadow:0 0 3px rgba(238,209,140,.35),0 0 1px rgba(255,255,255,.25)}.reversed-keyword{color:#1a1a1a;text-shadow:0 0 3px rgba(238,209,140,.3),0 0 1px rgba(255,255,255,.2)}.grid-cell--supplemental{background:var(--bg);width:100%;padding-bottom:100%}.cell-supplemental-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grid-cell--supplemental .cell-card-img{width:100%;top:0;left:0;transform:none}.grid-cell--blank{visibility:hidden}.grid-cell--blacked-out{width:100%;padding-bottom:100%;background:var(--bg);border:none}.detail-panel{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;transition:opacity .3s ease}.detail-panel.hidden{display:none}.detail-panel__backdrop{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(6px)}.detail-panel__content{position:relative;display:flex;gap:24px;max-width:1200px;width:95%;margin:60px auto 40px;padding:24px;background:linear-gradient(135deg,#0d0d0d,#080808);border:1px solid var(--gold-dim);border-radius:8px;z-index:1}.detail-close{position:absolute;top:12px;right:16px;font-size:1.6rem;color:var(--gold-light);background:none;border:none;cursor:pointer;z-index:5;transition:color var(--transition),transform var(--transition)}.detail-close:hover{color:#fff;transform:scale(1.15)}.detail-card-area{flex:0 0 420px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:sticky;top:24px;align-self:flex-start}.detail-card-composite{position:relative;container-type:inline-size;width:400px;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 4px 30px #a6843f26}.detail-card-composite .cell-bg{position:absolute;inset:0;background-size:cover;background-position:center}.detail-card-composite .cell-card-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));z-index:1;pointer-events:none}.detail-card-composite .card-title{position:absolute;top:3%;left:50%;transform:translate(-50%);font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--gold-light);text-shadow:0 2px 8px rgba(0,0,0,.9);z-index:4;white-space:pre;text-align:center;letter-spacing:.06em}.detail-card-composite .upright-keyword,.detail-card-composite .reversed-keyword{position:absolute;font-size:calc(var(--kw-em, 1) * 4cqw);font-weight:700;pointer-events:auto;cursor:default;padding:2px 6px;border-radius:3px;transition:background .15s ease;user-select:none;touch-action:none;white-space:pre-wrap}.detail-card-composite.edit-mode-active .upright-keyword:hover,.detail-card-composite.edit-mode-active .reversed-keyword:hover{background:#a6843f33}.dragging{opacity:.5;transform:translate(-50%,-50%) scale(1.1)!important;cursor:grabbing!important;z-index:100!important}.detail-right{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0}.edit-sidebar{display:flex;flex-direction:column;gap:18px}.edit-sidebar.hidden{display:none}.edit-sidebar__title{font-family:var(--font-title);font-size:1.1rem;font-weight:600;color:var(--gold-light);letter-spacing:.12em;padding-bottom:12px;position:relative;text-align:center}.edit-sidebar__title:after{content:"";display:block;margin-top:10px;height:1px;background:linear-gradient(to right,transparent,var(--gold-dim),transparent)}.edit-section{display:flex;flex-direction:column;gap:8px}.edit-section__heading{font-family:var(--font-keyword);font-size:1rem;font-weight:500;font-style:italic;color:var(--gold);letter-spacing:.03em}.keyword-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-family:var(--font-keyword);font-size:.8rem;color:var(--gold-light);border:1px solid var(--gold);border-radius:20px;background:#a6843f14;white-space:pre;text-align:center}.keyword-pill__delete{font-size:.7rem;color:var(--gold);background:none;border:none;cursor:pointer;line-height:1;padding:0 2px;transition:color var(--transition)}.keyword-pill__delete:hover{color:var(--danger)}.keyword-pill__edit{font-size:.7rem;color:var(--gold);background:none;border:none;cursor:pointer;line-height:1;padding:0 2px;transition:color var(--transition)}.keyword-pill__edit:hover{color:var(--gold-light)}.keyword-editor-box{width:100%;margin-top:6px;padding:10px;background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.kw-edit-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--gold-light)}.kw-edit-row label{flex:0 0 40px}.kw-edit-row select,.kw-edit-row input[type=text],.kw-edit-row textarea{flex:1;padding:4px;background:var(--bg);color:var(--text);border:1px solid var(--gold-dim);border-radius:2px}.kw-edit-row textarea{resize:vertical;font-family:var(--font-ui)}.kw-edit-row input[type=color]{border:none;background:none;width:32px;height:32px;cursor:pointer}.kw-edit-actions{display:flex;gap:8px;justify-content:flex-end}.keyword-add{display:flex;gap:6px}.keyword-input{flex:1;padding:6px 10px;font-family:var(--font-keyword);font-size:.8rem;color:var(--text);background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);outline:none;transition:border-color var(--transition)}.keyword-input:focus{border-color:var(--gold)}.keyword-add-btn{width:32px;height:32px;font-size:1rem;color:var(--bg);background:var(--gold);border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.keyword-add-btn:hover{background:var(--gold-light)}.card-info-section{padding:14px;border:1px solid var(--gold-dim);border-radius:var(--radius);background:#a6843f0a}.card-info-grid{display:flex;flex-direction:column;gap:8px}.card-info-item{display:flex;gap:8px;align-items:baseline}.card-info-label{font-family:var(--font-keyword);font-size:.72rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;min-width:70px;flex-shrink:0}.card-info-value{font-family:var(--font-keyword);font-size:.82rem;color:var(--text);font-style:italic}.notes-view{margin-top:12px;padding-top:10px;border-top:1px solid rgba(166,132,63,.15)}.notes-view-text{font-family:var(--font-ui);font-size:.82rem;color:var(--text);font-style:normal;line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-word}.card-info-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(166,132,63,.15)}.edit-mode-btn{font-weight:600!important;letter-spacing:.03em;transition:all var(--transition)}.edit-mode-btn--active{background:var(--gold)!important;color:var(--bg)!important;border-color:var(--gold-light)!important}.edit-mode-btn--active:hover{background:var(--gold-light)!important}.editable-field{cursor:text;pointer-events:auto!important;border-bottom:1px dashed var(--gold-dim);padding:0 4px;background:#a6843f0d;border-radius:2px;transition:all var(--transition);outline:none}.editable-field:hover,.editable-field:focus{background:#a6843f26;border-bottom:1px solid var(--gold)}.notes-textarea{width:100%;padding:16px;font-family:var(--font-notes);font-size:1rem;line-height:1.8;color:var(--text);background:#eed18c08;border:1px solid var(--gold-dim);border-radius:8px;resize:vertical;min-height:220px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.notes-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a6843f1f}.notes-font-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:4px}.notes-font-label{font-family:var(--font-keyword);font-style:italic;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.notes-font-picker{padding:3px 8px;font-family:var(--font-ui);font-size:.75rem;color:var(--gold-light);background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:4px;outline:none;cursor:pointer;transition:border-color var(--transition);appearance:auto}.notes-font-picker:hover,.notes-font-picker:focus{border-color:var(--gold)}.upload-dropzone{position:relative;display:flex;align-items:center;justify-content:center;padding:18px 12px;border:2px dashed var(--gold-dim);border-radius:var(--radius);color:var(--text-muted);font-size:.75rem;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--gold);background:#a6843f0f;color:var(--gold-light)}.upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.edit-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.action-btn{position:relative;padding:7px 14px;font-family:var(--font-ui);font-size:.72rem;font-weight:500;color:var(--gold-light);background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),border-color var(--transition);overflow:hidden}.action-btn:hover{border-color:var(--gold);background:#a6843f1a}.action-btn--danger{border-color:var(--danger);color:#e06060}.action-btn--danger:hover{background:#9e303026}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:500}.toast{padding:10px 18px;font-family:var(--font-ui);font-size:.78rem;font-weight:500;background:var(--gold);color:var(--bg);border-radius:var(--radius);box-shadow:0 4px 16px #0006;animation:slideInToast .3s ease forwards}.toast.fade-out{animation:slideOutToast .3s ease forwards}@keyframes slideInToast{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToast{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.hidden{display:none!important}.kw-selected{outline:2px dashed rgba(255,255,255,.65);outline-offset:4px;border-radius:2px}.kw-multi-selected{outline:2px solid rgba(255,200,50,.9);outline-offset:4px;border-radius:2px;background:#ffc83214}.kw-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10001;background:#0d0d1a;border:1px solid var(--gold);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px #000000bf,0 0 0 1px #a6843f26;font-family:var(--font-ui);font-size:.82rem;color:var(--text);white-space:nowrap;animation:kwBulkFadeIn .15s ease}@keyframes kwBulkFadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.kw-bulk-count{font-weight:600;color:var(--gold);min-width:5.5em;font-size:.78rem;letter-spacing:.02em}.kw-bulk-size-label{color:var(--text-muted);min-width:2.8em;text-align:right;font-size:.78rem}.kw-bulk-slider{width:90px!important}.kw-bulk-clear{background:none;border:1px solid rgba(255,255,255,.18);border-radius:5px;color:var(--text-muted);cursor:pointer;padding:3px 8px;font-size:.82rem;line-height:1;transition:border-color var(--transition),color var(--transition)}.kw-bulk-clear:hover{border-color:var(--gold);color:var(--gold)}.kw-resize-handle{position:absolute;bottom:-9px;right:-9px;width:18px;height:18px;display:none;align-items:center;justify-content:center;background:#eed18ce6;border-radius:3px;cursor:se-resize;touch-action:none;user-select:none;z-index:10;font-size:9px;color:#1a1a1a;line-height:1;padding:8px;margin:-8px;box-sizing:content-box}.kw-resize-handle:after{content:"◢"}.kw-selected .kw-resize-handle{display:flex}.kw-popover{position:fixed;z-index:10000;background:#0d0d1a;border:1px solid var(--gold);border-radius:10px;padding:12px 14px;width:264px;box-shadow:0 10px 40px #000000bf,0 0 0 1px #a6843f26;display:flex;flex-direction:column;gap:10px;font-family:var(--font-ui);font-size:.82rem;color:var(--text)}.kw-popover-close{position:absolute;top:6px;right:8px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer;transition:color var(--transition),background var(--transition)}.kw-popover-close:hover{color:var(--text);background:#ffffff14}.kw-popover--sheet{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:18px 18px 0 0;padding:20px 18px 32px;animation:kwSheetUp .22s ease}@keyframes kwSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kw-popover-text{width:100%;background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--text);padding:7px 10px;font-family:var(--font-keyword);font-size:1rem;outline:none;transition:border-color var(--transition);resize:none;overflow:hidden;line-height:1.4;min-height:36px;box-sizing:border-box}.kw-popover-text:focus{border-color:var(--gold)}.kw-popover-controls{display:flex;align-items:center;gap:7px}.kw-popover-size-row{display:flex;align-items:center;gap:10px}.kw-popover-size-label{flex-shrink:0;min-width:30px;font-family:var(--font-ui);font-size:.72rem;color:var(--gold);text-align:right;font-variant-numeric:tabular-nums}.kw-popover-size-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--gold) 0%,var(--gold) calc((var(--val, 1) - .5) / 2 * 100%),var(--surface-alt) calc((var(--val, 1) - .5) / 2 * 100%),var(--surface-alt) 100%);outline:none;cursor:pointer}.kw-popover-size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold-light);border:2px solid var(--gold);cursor:ew-resize;box-shadow:0 1px 4px #00000080}.kw-popover-size-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold-light);border:2px solid var(--gold);cursor:ew-resize}.kw-popover-font{flex:1;background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--text);padding:5px 6px;font-size:.75rem;outline:none;cursor:pointer;min-width:0}.kw-popover-font:focus{border-color:var(--gold)}.kw-popover-color{width:34px;height:34px;flex-shrink:0;border:1px solid var(--gold-dim);border-radius:var(--radius);background:none;cursor:pointer;padding:2px}.kw-popover-bold,.kw-popover-italic,.kw-popover-dupe,.kw-popover-delete{width:34px;height:34px;flex-shrink:0;border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);display:flex;align-items:center;justify-content:center;font-size:.85rem;padding:5px;box-sizing:content-box;width:24px;height:24px}.kw-popover-bold{background:var(--surface-alt);color:var(--text-muted);font-weight:700;font-family:serif;font-size:1rem}.kw-popover-bold.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}.kw-popover-bold:hover{border-color:var(--gold)}.kw-popover-italic{background:var(--surface-alt);color:var(--text-muted);font-style:italic;font-family:serif;font-size:1rem}.kw-popover-italic.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}.kw-popover-italic:hover{border-color:var(--gold)}.kw-popover-dupe{background:none;color:var(--text-muted);font-size:1rem}.kw-popover-dupe:hover{background:var(--surface-alt);border-color:var(--gold);color:var(--gold)}.kw-popover-delete{background:none;color:var(--text-muted)}.kw-popover-delete:hover{background:#9e303033;border-color:var(--danger);color:var(--danger)}.kw-popover-type-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kw-popover-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid transparent}.kw-popover-type-badge--upright{background:#a6843f2e;border-color:var(--gold-dim);color:var(--gold-light)}.kw-popover-type-badge--reversed{background:#8c78b42e;border-color:#8c78b473;color:#c9b8e8}.kw-popover-flip{flex-shrink:0;margin-right:24px;padding:4px 10px;font-family:var(--font-ui);font-size:.7rem;font-weight:500;color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap}.kw-popover-flip:hover{background:#a6843f26;border-color:var(--gold);color:var(--gold-light)}.kw-add-inline{position:absolute;transform:translate(-50%,-50%);background:#000000c7;border:1.5px dashed rgba(166,132,63,.75);border-radius:4px;color:#e0ddd5;padding:3px 10px;font-family:var(--font-keyword);font-size:clamp(.75rem,1.4vw,1rem);font-weight:700;min-width:80px;text-align:center;outline:none;z-index:50;pointer-events:auto;touch-action:auto}.kw-add-inline::placeholder{color:#a6843f8c;font-style:italic;font-weight:400}.detail-card-composite.edit-mode-active:after{content:"tap to add keyword • double-click to edit";position:absolute;bottom:7px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:.58rem;color:#ffffff8c;letter-spacing:.06em;pointer-events:none;white-space:nowrap;z-index:5}.detail-card-composite.edit-mode-active .upright-keyword,.detail-card-composite.edit-mode-active .reversed-keyword{cursor:grab}.detail-card-composite.edit-mode-active .upright-keyword:hover,.detail-card-composite.edit-mode-active .reversed-keyword:hover{cursor:text;outline:1px dashed rgba(255,255,255,.35);outline-offset:3px;border-radius:2px}@media(max-width:1100px){.detail-panel__content{flex-direction:column}.detail-card-area{flex:none;width:100%;position:static;align-self:auto}.detail-card-composite{width:100%;max-width:400px;margin:0 auto}}@media(max-width:520px){.app-title{font-size:.85rem}.detail-card-composite{width:100%}.preset-btn-name{max-width:70px}.preset-btn{padding:3px 8px;font-size:.65rem}.preset-menu{min-width:180px}}.grid-cell .sticker-wrapper{display:none}.sticker-wrapper{position:absolute;user-select:none;touch-action:none;z-index:2;cursor:default}.sticker-wrapper--interactive{cursor:grab}.sticker-img{display:block;width:100%;height:auto;pointer-events:none}.sticker-dragging{opacity:.6;cursor:grabbing!important}.sticker-resize-handle{display:none;position:absolute;bottom:-7px;right:-7px;width:16px;height:16px;background:var(--gold);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;z-index:10;align-items:center;justify-content:center}.sticker-resize-handle:after{content:"◢";color:#000;font-size:7px;line-height:1}.sticker-rotate-handle{display:none;position:absolute;top:-7px;right:-7px;width:16px;height:16px;background:var(--gold);border:2px solid #fff;border-radius:50%;cursor:crosshair;z-index:10;align-items:center;justify-content:center;font-size:10px;color:#000;line-height:1}.edit-mode-active .sticker-wrapper--interactive .sticker-resize-handle,.edit-mode-active .sticker-wrapper--interactive .sticker-rotate-handle{display:flex}.detail-card-composite.sticker-placement-mode{cursor:crosshair}.sticker-place-hint{display:block;margin-top:8px;padding:6px 14px;background:#a6843f1f;border:1px solid var(--gold-dim);border-radius:20px;color:var(--gold-light);font-family:var(--font-ui);font-size:.72rem;text-align:center;pointer-events:none;animation:fadeInCell .2s ease both}.sticker-gallery-hint-text{font-size:.75rem;color:var(--text-muted);line-height:1.4}.sticker-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.sticker-thumb{position:relative;aspect-ratio:1;background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.sticker-thumb:hover{border-color:var(--gold)}.sticker-thumb--active{border-color:var(--gold-light);box-shadow:0 0 0 2px var(--gold-light)}.sticker-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.sticker-thumb-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#000000bf;border:none;border-radius:50%;color:var(--gold-light);font-size:13px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;transition:background .1s ease}.sticker-thumb:hover .sticker-thumb-delete{display:flex}.sticker-thumb-delete:hover{background:#9e3030e6}.sticker-thumb-preview{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#000000bf;border:none;border-radius:50%;color:var(--gold-light);font-size:10px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;transition:background .1s ease}.sticker-thumb:hover .sticker-thumb-preview{display:flex}.sticker-thumb-preview:hover{background:#a6843fd9;color:#000}.sticker-preview-overlay{position:fixed;inset:0;z-index:3000;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeInPreview .18s ease both}@keyframes fadeInPreview{0%{opacity:0}to{opacity:1}}.sticker-preview-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 0 80px #a6843f2e,0 0 0 1px #a6843f1f;cursor:default;animation:previewImgIn .2s ease both}@keyframes previewImgIn{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}.sticker-preview-close{position:absolute;top:16px;right:20px;width:36px;height:36px;background:#0f0f0fd9;border:1px solid var(--gold-dim);border-radius:50%;color:var(--gold-light);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition)}.sticker-preview-close:hover{background:var(--gold);border-color:var(--gold-light);color:#000}.sticker-thumb-pin{position:absolute;bottom:2px;left:2px;width:18px;height:18px;background:#000000bf;border:none;border-radius:50%;font-size:9px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;transition:background .1s ease;padding:0}.sticker-thumb:hover .sticker-thumb-pin{display:flex}.sticker-thumb-pin.active{display:flex;background:#a6843fd9}.sticker-thumb-pin:hover{background:#a6843ff2}.sticker-gallery-empty{grid-column:1 / -1;font-size:.78rem;color:var(--text-muted);text-align:center;padding:12px 4px;font-style:italic}.showcase-gallery{width:100%;display:flex;flex-direction:column;gap:6px;padding-top:10px}.showcase-gallery[hidden]{display:none}.showcase-gallery-label{font-family:var(--font-keyword);font-size:.7rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.showcase-gallery-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;-webkit-overflow-scrolling:touch}.showcase-gallery-row::-webkit-scrollbar{height:4px}.showcase-gallery-row::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.showcase-gallery-item{position:relative;flex:0 0 80px;height:80px;background:var(--surface-alt);border:1px solid var(--gold-dim);border-radius:var(--radius);overflow:hidden;padding:0;transition:border-color .15s ease,transform .15s ease}.showcase-gallery-item:hover{border-color:var(--gold);transform:scale(1.04);z-index:1}.showcase-gallery-item img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}.showcase-gallery-remove{display:none;position:absolute;top:2px;right:2px;width:18px;height:18px;line-height:18px;font-size:.6rem;text-align:center;background:#000000bf;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;padding:0;z-index:2}.showcase-gallery-item:hover .showcase-gallery-remove{display:block}@media(max-width:1100px){.showcase-gallery--desktop{display:none!important}.showcase-gallery--mobile[hidden]{display:none}.showcase-gallery--mobile:not([hidden]){display:flex}.showcase-gallery-item{flex:0 0 70px;height:70px}}@media(min-width:1101px){.showcase-gallery--mobile{display:none!important}}.sticker-popover{position:fixed;z-index:1000;min-width:210px;padding:12px 14px;background:#0c0c0cf7;border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 8px 32px #000000b3;display:flex;flex-direction:column;gap:10px}.sticker-popover-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--gold-light);font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 6px;transition:color var(--transition)}.sticker-popover-close:hover{color:#fff}.sticker-popover-label{font-family:var(--font-keyword);font-size:.8rem;font-weight:600;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;padding-right:24px}.sticker-popover-row{display:flex;align-items:center;gap:8px}.sticker-popover-row-label{flex:0 0 18px;font-size:1rem;color:var(--gold-light);text-align:center}.sticker-popover-slider{flex:1;accent-color:var(--gold);cursor:pointer}.sticker-popover-showcase{padding:6px 10px;background:#a6843f0f;border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-ui);font-size:.78rem;cursor:pointer;text-align:left;transition:all .15s ease}.sticker-popover-showcase:hover{border-color:var(--gold);color:var(--gold-light);background:#a6843f1f}.sticker-popover-showcase.active{background:#a6843f2e;border-color:var(--gold);color:var(--gold-light);font-weight:500}.sticker-popover-delete{margin-top:2px;padding:6px 10px;background:#9e30302e;border:1px solid var(--danger);border-radius:var(--radius);color:#ff7070;font-family:var(--font-ui);font-size:.78rem;cursor:pointer;transition:background .15s ease;text-align:left}.sticker-popover-delete:hover{background:#9e303061}.admin-section{border-top:1px solid rgba(210,140,40,.3);padding-top:16px}.admin-heading{color:#d28c28!important;font-size:.8rem!important}.admin-btn{border-color:#d28c28;color:#f0c050;background:#d28c280f;font-weight:600}.admin-btn:hover{background:#d28c282e;border-color:#f0c050;color:#fff}.settings-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font-size:1rem;color:var(--gold-dim);background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition);flex-shrink:0;line-height:1}.settings-btn:hover{color:var(--gold-light);border-color:var(--gold-dim);background:#a6843f1f}.settings-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center}.settings-modal.hidden{display:none}.settings-modal__backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(4px)}.settings-modal__panel{position:relative;z-index:1;width:min(340px,calc(100vw - 32px));max-height:min(90vh,600px);overflow-y:auto;background:#0e0d0b;border:1px solid var(--gold-dim);border-radius:12px;padding:24px 24px 28px;box-shadow:0 8px 40px #000000b3}.settings-close{position:absolute;top:12px;right:14px;width:28px;height:28px;padding:0;font-size:1.2rem;line-height:1;color:var(--gold-dim);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:color var(--transition)}.settings-close:hover{color:var(--gold-light)}.settings-title{font-family:var(--font-title);font-size:1rem;font-weight:600;color:var(--gold-light);letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}.settings-section{margin-top:16px}.settings-section:first-child{margin-top:4px}.settings-section__heading{font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}.settings-section__desc{font-family:var(--font-ui);font-size:.72rem;color:#c8b48c99;margin:0 0 16px;line-height:1.5}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(166,132,63,.12);cursor:pointer}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{display:flex;flex-direction:column;gap:2px}.settings-toggle-name{font-family:var(--font-ui);font-size:.82rem;font-weight:500;color:var(--gold-light)}.settings-toggle-hint{font-family:var(--font-ui);font-size:.68rem;color:#c8b48c80}.toggle-switch{position:relative;flex-shrink:0;width:40px;height:22px}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#a6843f26;border:1px solid var(--gold-dim);border-radius:22px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:50%;transform:translateY(-50%);background:var(--gold-dim);border-radius:50%;transition:transform var(--transition),background var(--transition)}.toggle-input:checked+.toggle-slider{background:#a6843f59;border-color:var(--gold)}.toggle-input:checked+.toggle-slider:before{transform:translate(18px,-50%);background:var(--gold-light)}.settings-actions-section{border-top:1px solid rgba(166,132,63,.18);padding-top:16px}.settings-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.settings-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--gold-light);background:#a6843f12;border:1px solid var(--gold-dim);border-radius:8px;cursor:pointer;transition:all var(--transition);text-align:left}.settings-action-btn:hover{background:#a6843f29;border-color:var(--gold)}.settings-action-btn--danger{color:#e07070;border-color:#b43c3c66;background:#8c282812}.settings-action-btn--danger:hover{background:#8c28282e;border-color:#c05050}.settings-action-btn--admin{color:#f0c050;border-color:#d28c28;background:#d28c280f;font-weight:600}.settings-action-btn--admin:hover{background:#d28c282e;border-color:#f0c050;color:#fff}.reading-overlay{position:fixed;inset:0;z-index:600;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px 40px;overflow-y:auto}.reading-overlay.hidden{display:none}.reading-overlay__backdrop{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(5px)}.reading-overlay__panel{position:relative;z-index:1;width:min(720px,100%);margin:auto;background:#0e0d0b;border:1px solid var(--gold-dim);border-radius:12px;box-shadow:0 12px 48px #000000bf}@media(min-width:900px){.reading-overlay__panel{width:min(1100px,calc(100vw - 48px))}}@media(min-width:1400px){.reading-overlay__panel{width:min(1280px,calc(100vw - 64px))}}.reading-overlay__body{padding:28px 24px 24px}.reading-screen__header{margin-bottom:20px}.reading-eyebrow{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.reading-title{font-family:var(--font-title);font-size:1.35rem;font-weight:600;color:var(--gold-light);letter-spacing:.04em;margin-bottom:8px}.reading-title--button{display:block;width:100%;padding:0;margin:0 0 8px;border:none;background:transparent;text-align:left;cursor:pointer;transition:color var(--transition)}.reading-title--button:hover{color:var(--gold);text-decoration:underline;text-underline-offset:.18em}.reading-lead{font-family:var(--font-ui);font-size:.92rem;color:var(--text-muted);line-height:1.55}.reading-banner{margin-top:12px;padding:10px 12px;border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold-light);font-family:var(--font-ui);font-size:.85rem;background:#a6843f14}.reading-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.reading-field__label{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.reading-input,.reading-textarea{width:100%;padding:10px 12px;font-family:var(--font-ui);font-size:.95rem;color:var(--text);background:var(--bg);border:1px solid var(--gold-dim);border-radius:var(--radius);resize:vertical}.reading-input:focus,.reading-textarea:focus{outline:none;border-color:var(--gold)}.reading-textarea--report{font-size:.88rem;line-height:1.5;min-height:280px}.reading-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(166,132,63,.18)}.reading-actions--wrap{flex-wrap:wrap;justify-content:space-between}.reading-actions__end{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end;min-width:0}.reading-btn{padding:9px 14px;font-family:var(--font-ui);font-size:.78rem;font-weight:500;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition)}.reading-btn--small{padding:5px 10px;font-size:.7rem}.reading-btn--ghost{color:var(--gold-light);background:transparent;border:1px solid var(--gold-dim)}.reading-btn--ghost:hover{border-color:var(--gold);background:#a6843f1a}.reading-btn--primary{color:var(--bg);background:var(--gold);border:1px solid var(--gold)}.reading-btn--primary:hover{background:var(--gold-light);border-color:var(--gold-light)}.reading-btn--danger{color:#e07070;background:transparent;border:1px solid rgba(180,60,60,.55)}.reading-btn--danger:hover{background:#8c28282e;border-color:#c05050;color:#ff8a8a}.reading-icon-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius);font-family:var(--font-ui);font-size:1.35rem;font-weight:400;line-height:1;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.reading-icon-btn--danger{color:#e07070;background:transparent;border:1px solid rgba(180,60,60,.55)}.reading-icon-btn--danger:hover{background:#8c28282e;border-color:#c05050;color:#ff8a8a}.reading-photo-block{margin-bottom:18px}.reading-photo-preview,.reading-photo-placeholder{width:100%;max-height:220px;object-fit:contain;border:1px solid var(--gold-dim);border-radius:var(--radius);background:var(--bg)}.reading-photo-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-muted);font-family:var(--font-ui);font-size:.85rem;padding:16px;text-align:center}.reading-photo-actions{display:flex;gap:8px;margin-top:10px}.reading-interpret-layout{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:640px){.reading-interpret-layout{grid-template-columns:200px 1fr;align-items:start}}@media(min-width:900px){.reading-interpret-layout{grid-template-columns:240px 1fr;gap:28px}}.reading-interpret-refs{display:flex;flex-direction:column;gap:12px}.reading-ref-photo{width:100%;max-height:180px;object-fit:contain;border:1px solid var(--gold-dim);border-radius:var(--radius);background:var(--bg)}.reading-ref-photo--wide{max-height:240px;margin-bottom:16px}.reading-ref-photo--empty{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--text-muted);font-size:.75rem;font-family:var(--font-ui)}.reading-card-block{text-align:center}.reading-card-art{width:100%;max-width:160px;border:1px solid var(--gold-dim);border-radius:var(--radius)}.reading-card-art.is-reversed{transform:rotate(180deg)}.reading-card-name{margin-top:8px;font-family:var(--font-title);font-size:.85rem;color:var(--gold-light)}.reading-kw-block{margin-bottom:14px;padding:12px;border:1px solid rgba(166,132,63,.2);border-radius:var(--radius);background:#a6843f0a}.reading-kw-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.reading-kw-source{font-family:var(--font-ui);font-size:.68rem;color:var(--text-muted)}.reading-preset-select-wrap{display:flex;align-items:center}.reading-preset-select{max-width:180px;padding:4px 8px;font-family:var(--font-ui);font-size:.72rem;color:var(--gold-light);background:var(--bg);border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer}.reading-preset-select:focus{outline:none;border-color:var(--gold)}.reading-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-kw-list{font-family:var(--font-keyword);font-size:1rem;color:var(--text);line-height:1.4;margin-bottom:8px}.reading-muted{color:var(--text-muted);font-style:italic}.reading-card-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.reading-card-info-row{margin-bottom:14px}.reading-card-info-row>p,.reading-card-info-prose{margin-top:4px;font-family:var(--font-ui);font-size:.9rem;line-height:1.5;color:var(--text);white-space:pre-wrap}.reading-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:8px 0;font-family:var(--font-ui);font-size:.85rem;color:var(--gold-light);cursor:pointer}.reading-progress-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.reading-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;font-family:var(--font-ui);background:var(--bg);border:1px solid rgba(166,132,63,.22);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.reading-progress-row:hover{border-color:var(--gold);background:#a6843f14}.reading-progress-row__title{font-size:.85rem;color:var(--gold-light)}.reading-progress-row__status{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.reading-progress-row--filled .reading-progress-row__status{color:var(--gold)}.reading-progress-row--skipped .reading-progress-row__status,.reading-progress-row--optional .reading-progress-row__status{color:#8a8578;opacity:.75}.reading-report-structured{display:flex;flex-direction:column;gap:16px;max-height:48vh;overflow-y:auto;padding-right:4px;margin-bottom:14px}@media(min-width:900px){.reading-report-structured{max-height:62vh}.reading-overlay__body{padding:32px 36px 28px}}.reading-report-block{padding-bottom:14px;border-bottom:1px solid rgba(166,132,63,.15)}.reading-report-block h3{font-family:var(--font-title);font-size:.95rem;color:var(--gold-light);margin-bottom:6px}.reading-report-label{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.reading-report-prose{font-family:var(--font-ui);font-size:.9rem;line-height:1.55;color:var(--text)}.reading-report-card{font-family:var(--font-title);color:var(--gold);margin:8px 0 4px}.reading-report-kw{font-family:var(--font-keyword);font-size:.95rem;color:var(--text);margin-bottom:8px}.reading-report-photo{display:block;width:100%;max-height:360px;object-fit:contain;margin-top:14px;border:1px solid var(--gold-dim);border-radius:var(--radius);background:var(--bg)}.reading-fulltext-details{margin:12px 0;border:1px solid rgba(166,132,63,.25);border-radius:var(--radius);padding:10px 12px}.reading-fulltext-details summary{font-family:var(--font-ui);font-size:.8rem;color:var(--gold-light);cursor:pointer;margin-bottom:8px}.reading-spread-list{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.reading-spread-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px 18px;text-align:left;font-family:var(--font-ui);background:var(--bg);border:1px solid rgba(166,132,63,.28);border-radius:8px;color:var(--text);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.reading-spread-option:hover,.reading-spread-option--preferred{border-color:var(--gold);background:#a6843f14}.reading-spread-option__name{font-family:var(--font-title);font-size:1.05rem;color:var(--gold-light)}.reading-spread-option__meta{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.reading-spread-option__blurb{font-size:.88rem;color:var(--text-muted);line-height:1.45;margin-top:4px}.reading-spread-option__badge{position:absolute;top:12px;right:14px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--gold);padding:3px 8px;border-radius:3px}body.reading-share-view{overflow:auto}.reading-share-page{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(166,132,63,.12),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(166,132,63,.08),transparent 45%),#0a0908;color:var(--text);padding:28px 18px 48px}.reading-share-page__inner{width:min(720px,100%);margin:0 auto}.reading-share-page__top,.reading-share-page__foot{display:flex;justify-content:flex-end;margin-bottom:18px}.reading-share-page__foot{margin-top:28px;margin-bottom:0;padding-top:16px;border-top:1px solid rgba(166,132,63,.18);justify-content:center}.reading-share-page__home{font-family:var(--font-ui);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition),color var(--transition)}.reading-share-page__home:hover{color:var(--gold-light);border-bottom-color:var(--gold-dim)}.reading-share-page__article{max-height:none;overflow:visible;padding:8px 4px}.reading-share-page .reading-title{font-size:1.5rem}body.reading-share-view .reading-report-structured{max-height:none}.reading-ledger-section{margin-bottom:18px}.reading-ledger-section .reading-field__label{margin-bottom:8px}.reading-saved-list{display:flex;flex-direction:column;gap:10px}.reading-saved-row{display:flex;gap:8px;align-items:stretch}.reading-saved-row--draft .reading-saved-main{border-color:#a6843f73;background:#a6843f14}.reading-saved-main{flex:1;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:10px;text-align:left;background:var(--bg);border:1px solid rgba(166,132,63,.22);border-radius:var(--radius);color:var(--gold-light);font-family:var(--font-ui);cursor:pointer}.reading-saved-main:hover{border-color:var(--gold)}.reading-saved-thumb{flex:0 0 96px;width:96px;height:72px;border-radius:3px;overflow:hidden;border:1px solid rgba(166,132,63,.28);background:linear-gradient(145deg,rgba(166,132,63,.12),transparent 55%),var(--surface-alt)}.reading-saved-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.reading-saved-thumb__empty{display:block;width:100%;height:100%;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(166,132,63,.06) 6px,rgba(166,132,63,.06) 7px)}.reading-saved-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.reading-saved-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reading-saved-row .reading-btn--small{align-self:center}@media(max-width:480px){.reading-saved-thumb{flex-basis:76px;width:76px;height:58px}}.reading-pick-bar{position:relative;z-index:90;width:100%;max-width:800px;margin:0 auto;background:#0e0d0b;border-bottom:1px solid var(--gold);box-shadow:0 6px 18px #0006}.reading-pick-bar.hidden{display:none!important}.reading-pick-bar__inner{padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.reading-pick-bar__text{flex:1;min-width:160px}.reading-pick-bar__label{display:block;font-family:var(--font-ui);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.reading-pick-bar__pos{display:block;font-family:var(--font-title);font-size:.95rem;color:var(--gold-light)}.reading-pick-bar__hint{display:block;font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted);margin-top:2px}.reading-pick-bar__actions{display:flex;gap:8px;margin-left:auto}body.reading-pick-active .app-header{box-shadow:0 0 0 1px #a6843f59}body.reading-tool-open .app-header{position:fixed;top:0;left:0;right:0;max-width:none;z-index:650}body.reading-tool-open .preset-menu{z-index:660}body.reading-tool-open .reading-overlay{padding-top:calc(var(--header-h) + 16px)}.grid-cell--pickable{outline:1px solid rgba(238,209,140,.35);outline-offset:-1px;cursor:pointer}.grid-cell--pickable:hover{outline-color:var(--gold-light);outline-width:2px;z-index:2}.books-overlay{position:fixed;inset:0;z-index:620;display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#1a1610,#050504 68%)}.books-overlay.hidden{display:none}.books-overlay__panel{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;min-height:0;overflow:hidden}.books-overlay__body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;overflow:hidden}html.books-game-open,html.books-game-open body{overflow:hidden;height:100%;height:100dvh}body.books-game-open{overflow:hidden}.books-top{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;flex:0 0 auto;padding:10px 18px 8px;border-bottom:1px solid rgba(166,132,63,.28);background:#00000059}.books-eyebrow{font-family:var(--font-ui);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0}.books-title{font-family:var(--font-title);font-size:1.15rem;font-weight:600;color:var(--gold-light);letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1.1}.books-score{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.books-score__chip.is-you{border-color:#eed18c8c;color:var(--gold-light)}.books-score__chip.is-turn{box-shadow:0 0 0 1px var(--gold)}.books-score__chip{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);background:#a6843f14;border:1px solid rgba(166,132,63,.35);border-radius:999px;padding:4px 12px}.books-score__chip strong{color:var(--gold-light);font-size:1.05rem;margin-left:6px;font-weight:600}.books-top__actions{display:flex;gap:6px}.books-handsize{display:flex;align-items:center;gap:4px}.books-handsize__label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-right:4px}.books-handsize__btn{min-width:2.1rem;padding:6px 8px}.books-btn{padding:7px 12px;font-family:var(--font-ui);font-size:.75rem;font-weight:500;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.books-btn:disabled{opacity:.35;cursor:default}.books-btn--ghost{color:var(--gold-light);background:transparent;border:1px solid var(--gold-dim)}.books-btn--ghost:hover{border-color:var(--gold);background:#a6843f1f}.books-btn--ghost.is-on{background:#a6843f38;border-color:var(--gold)}.books-btn--primary{color:#140f08;background:var(--gold);border:1px solid var(--gold)}.books-btn--primary:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold-light)}.books-btn--icon{min-width:2.15rem;width:2.15rem;padding:6px 0;font-size:1.05rem;line-height:1}.books-row-label{font-size:.7rem;letter-spacing:.06em;color:var(--text-muted);margin:0}.books-row-label span{color:var(--gold-light);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;margin-right:8px}.books-felt{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(104px,15vw) minmax(0,1fr) minmax(104px,15vw);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"west north east" "west table east"}.books-felt--2{grid-template-columns:minmax(0,1fr);grid-template-areas:"north" "table"}.books-felt--3{grid-template-areas:"west table east";grid-template-rows:minmax(0,1fr)}.books-opps{display:contents}.books-seat{min-width:0;min-height:0;overflow:auto;padding:4px 8px}.books-seat--west{grid-area:west}.books-seat--north{grid-area:north;max-height:none}.books-seat--east{grid-area:east}.books-seat.is-turn{outline:1px solid rgba(166,132,63,.55);outline-offset:-1px;border-radius:8px}.books-seat--west .books-hand--back,.books-seat--east .books-hand--back{flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;overflow:hidden;max-height:100%;padding:8px 0}.books-seat--west .books-card,.books-seat--east .books-card{width:58px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;overflow:visible}.books-seat--west .books-card__art,.books-seat--east .books-card__art{width:40px;height:58px;flex:0 0 auto}.books-seat--west .books-card__art{transform:rotate(90deg)}.books-seat--east .books-card__art{transform:rotate(-90deg)}.books-seat__n{flex:0 0 auto;font-family:var(--font-title);font-size:.95rem;letter-spacing:.06em;color:var(--gold-light);line-height:1;padding:4px 2px}.books-hand{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px;min-height:0}.books-hand--back{padding:6px 0 4px;gap:6px}.books-hand--back .books-card{width:clamp(34px,4vw,48px)}.books-hand__empty{color:var(--text-muted);font-size:.8rem;padding:8px}.books-table{position:relative;grid-area:table;flex:1 1 0;margin:8px 10px;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:18px;border:1px solid rgba(166,132,63,.38);background:radial-gradient(ellipse at 50% 42%,#2a2418,#12100c 62%,#0a0908);box-shadow:inset 0 0 80px #0000008c,0 12px 40px #00000073;padding:14px 18px 18px}.books-table--fire{box-shadow:inset 0 0 90px #a0321438,0 12px 40px #00000073}.books-table--water{box-shadow:inset 0 0 90px #28509638,0 12px 40px #00000073}.books-table--air{box-shadow:inset 0 0 90px #c8be8c29,0 12px 40px #00000073}.books-table--earth{box-shadow:inset 0 0 90px #506e3233,0 12px 40px #00000073}.books-status{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:center;width:100%}.books-status__phase{font-family:var(--font-title);color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;background:#a6843f24;border:1px solid rgba(166,132,63,.4);border-radius:999px;padding:3px 10px}.books-status__suit{color:var(--text);font-size:.95rem}.books-status__turn{color:var(--gold);font-size:.8rem}.books-banner{flex:0 0 auto;margin:8px 0 0;min-height:1.4em;text-align:center;font-family:var(--font-keyword);font-size:1.05rem;color:var(--gold-light);letter-spacing:.02em}.books-banner--warn{color:#e8c07a}.books-banner.is-pop{animation:books-pop .35s ease}@keyframes books-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.books-hint{flex:0 0 auto;color:var(--text-muted);font-size:.75rem;margin:4px 0 10px;text-align:center}.books-pile{--overlap: clamp(10px, calc(6px + var(--n, 1) * 3px), 54px);display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;gap:0;flex:1 1 0;min-height:0;width:100%;overflow:hidden;container-type:size;padding:0 4px 2px}.books-pile__empty{color:var(--text-muted);font-style:italic;margin:20px 0;font-size:.9rem}.books-pile__item{flex:0 0 auto;position:relative;width:min(92px,calc((100cqh - 1.2rem)/2),calc((100% + (var(--n, 1) - 1) * var(--overlap)) / max(var(--n, 1),1)));max-height:100%;margin-left:calc(-1 * var(--overlap));z-index:calc(var(--i) + 1);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.books-pile__item:first-child{margin-left:0}.books-pile__item.is-latest{z-index:calc(var(--n, 1) + 2);filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.books-pile .books-card{width:100%}.books-pile__who{display:block;font-size:.62rem;color:var(--text-muted);text-align:center;margin-top:4px;letter-spacing:.04em;white-space:nowrap}.books-pile.is-crowded .books-pile__item:not(.is-latest) .books-pile__who,.books-pile.is-crowded .books-pile__item:not(.is-latest) .books-card__cap{display:none}.books-you{flex:0 0 auto;padding:6px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);min-width:0;display:flex;flex-direction:column;overflow:hidden}.books-you__meta{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 8px 6px}.books-you__copy{min-width:0;flex:1 1 auto}.books-you__note{margin:2px 0 0;font-size:.72rem;line-height:1.35;color:var(--text-muted)}.books-you__acts{flex:0 0 auto;display:flex;align-items:center;gap:8px}.books-hand--you{flex:0 0 auto;min-height:5.5rem;padding:8px 8px 10px;overflow:auto;gap:10px}.books-hand--you .books-card{width:clamp(72px,8.4vw,108px);cursor:grab;transition:transform .16s ease}.books-hand--you .books-card__art{width:100%;min-height:4.5rem;aspect-ratio:2 / 3}.books-hand--you.is-organized .books-card{cursor:pointer}.books-hand--you .books-card:hover,.books-hand--you .books-card:focus-visible{transform:translateY(-8px)}.books-hand--you .books-card--dragging{opacity:.4;cursor:grabbing}.books-hand--you .books-card--drop-before .books-card__art{box-shadow:-4px 0 0 var(--gold)}.books-hand--you .books-card--drop-after .books-card__art{box-shadow:4px 0 0 var(--gold)}.books-hand--you.is-consulting .books-card{cursor:pointer}.books-hand--you.is-consulting .books-card__art{box-shadow:0 0 0 1px var(--gold)}.books-hand--you.is-drawing .books-card{cursor:pointer}.books-card--toss .books-card__art{box-shadow:0 0 0 2px var(--gold),0 0 14px #a6843f73}.books-hand--you .books-card--toss{transform:translateY(-8px)}.books-hand--you[data-hand-size="22"] .books-card{width:clamp(62px,6.6vw,92px)}.books-hand--you[data-hand-size="15"] .books-card{width:clamp(68px,7.6vw,100px)}.books-card{flex:0 0 auto;width:86px;padding:0;border:none;background:transparent;color:inherit;text-align:center;cursor:default;border-radius:8px}button.books-card{font:inherit}.books-card--playable{cursor:pointer}.books-card--legal .books-card__art{box-shadow:0 0 0 2px var(--gold),0 0 16px #a6843f73}.books-card--dim{opacity:.42;filter:grayscale(.35)}.books-card--shake{animation:books-shake .38s ease}@keyframes books-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px) rotate(-1.5deg)}75%{transform:translate(7px) rotate(1.5deg)}}.books-card__art{display:block;position:relative;aspect-ratio:2 / 3;border-radius:7px;overflow:hidden;background:#1a1814;border:1px solid #4a4030;box-shadow:0 4px 10px #0006}.books-card--playable:hover .books-card__art{border-color:var(--gold)}.books-card__art img{width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.books-card__fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:6px;font-size:.7rem;color:var(--gold-light)}.books-card__cap{display:block;margin-top:4px;font-size:.62rem;line-height:1.25;color:var(--text-muted)}.books-card__el{position:absolute;left:0;right:0;bottom:0;padding:8px 4px 5px;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);background:linear-gradient(transparent,#000000d1);pointer-events:none}.books-log{position:absolute;left:16px;right:16px;bottom:8px;max-height:28vh;overflow:hidden;display:none;flex-direction:column;background:#0a0908f0;border:1px solid rgba(166,132,63,.4);border-radius:10px;box-shadow:0 12px 32px #0000008c;z-index:50;padding:10px 12px 8px}.books-log.is-open{display:flex}.books-log__title{font-family:var(--font-title);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}.books-log__list{list-style:none;margin:0;padding:0;overflow-y:auto;font-size:.78rem;color:var(--text-muted)}.books-log__item{margin:3px 0}.books-log__item--claim{color:var(--gold-light)}.books-log__item--switch{color:#c9b07a}.books-log__item--resolve{color:var(--text)}.books-log__item--info{color:var(--gold)}.books-log__item--warn{color:#e8c07a}@media(max-width:700px){.books-top{padding:4px 6px 6px;gap:6px}.books-title{font-size:.88rem}.books-eyebrow,.books-hint{display:none}.books-score{gap:4px}.books-score__chip{padding:2px 7px;font-size:.62rem}.books-score__chip strong{font-size:.82rem;margin-left:3px}.books-handsize__label{display:none}.books-handsize__btn{min-width:1.7rem;padding:4px 6px}.books-btn{padding:5px 8px;font-size:.68rem}.books-felt,.books-felt--2,.books-felt--3,.books-felt--4{overflow:hidden;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"opps" "table"}.books-felt--2 .books-opps,.books-felt--3 .books-opps,.books-felt--4 .books-opps{display:flex;flex-direction:row;grid-area:opps;align-items:stretch;justify-content:space-evenly;gap:4px;max-height:none;min-height:0;padding:0 4px 2px;overflow:hidden}.books-felt--2 .books-seat--north{flex:1 1 auto}.books-seat{flex:1 1 0;max-height:none;overflow:hidden;padding:2px 4px 4px;text-align:center}.books-seat .books-row-label{display:flex;justify-content:center;align-items:baseline;gap:6px;margin:0 0 2px;font-size:.62rem}.books-seat__taken,.books-seat__n,.books-seat__think{display:none}.books-seat.is-turn .books-seat__think{display:inline}.books-seat .books-hand--back{flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:nowrap;gap:3px;overflow:hidden;padding:0}.books-seat--west .books-hand--back,.books-seat--east .books-hand--back{flex-direction:row;overflow:hidden;padding:0}.books-seat--west .books-card,.books-seat--east .books-card,.books-hand--back .books-card{width:22px;height:auto;margin:0;display:block}.books-seat--west .books-card__art,.books-seat--east .books-card__art{width:auto;height:auto;transform:none}.books-seat.is-token .books-card:nth-child(n+3){display:none}.books-table{margin:2px 6px;padding:6px 6px 8px;min-height:0;border-radius:12px}.books-pile__who,.books-pile .books-card__cap{display:none}.books-banner{font-size:.8rem;margin-top:2px}.books-status{gap:4px 8px}.books-status__suit{font-size:.8rem}.books-status__phase{font-size:.62rem;padding:2px 8px}.books-you{flex:0 0 auto;max-height:none;min-height:0;height:auto;padding:2px 4px max(8px,env(safe-area-inset-bottom,0px))}.books-you .books-row-label,.books-you__note{white-space:normal;overflow:visible;text-overflow:unset}.books-hand--you{flex:0 0 auto;min-height:5.75rem;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.books-hand--you .books-card,.books-hand--you[data-hand-size="15"] .books-card,.books-hand--you[data-hand-size="22"] .books-card{width:52px;flex:0 0 52px}.books-hand--you .books-card__art{width:52px;height:78px;min-height:78px;aspect-ratio:2 / 3}}@media(max-width:700px)and (max-height:640px){.books-title{display:none}.books-hand--you{min-height:5.15rem}.books-hand--you .books-card,.books-hand--you[data-hand-size="15"] .books-card,.books-hand--you[data-hand-size="22"] .books-card{width:46px;flex-basis:46px}.books-hand--you .books-card__art{width:46px;height:69px;min-height:69px}}@media(min-width:701px){.books-hand--back{flex-wrap:nowrap;overflow-x:auto;justify-content:center}.books-hand--you .books-card{width:clamp(68px,6.5vw,96px)}.books-hand--you[data-hand-size="15"] .books-card{width:clamp(64px,6vw,88px)}.books-hand--you[data-hand-size="22"] .books-card{width:clamp(58px,5.4vw,80px)}}@media(min-width:1100px)and (min-height:820px){.books-hand--you .books-card{width:clamp(76px,6.8vw,104px)}}.books-screen{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px 20px 40px;min-height:0;overflow:auto}.books-screen__lead{margin:0;max-width:28rem;text-align:center;color:var(--text-muted);font-size:.95rem;line-height:1.45}.books-menu{display:grid;grid-template-columns:repeat(2,minmax(0,16rem));gap:16px;width:min(100%,34rem)}.books-menu__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:18px 16px 20px;border-radius:12px;border:1px solid rgba(166,132,63,.35);background:#0c0a08b8;color:var(--text);cursor:pointer;font:inherit}.books-menu__card:hover,.books-menu__card:focus-visible{border-color:var(--gold);background:#18120ae6}.books-menu__kicker{font-family:var(--font-ui);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.books-menu__name{font-family:var(--font-title);font-size:1.2rem;letter-spacing:.06em;color:var(--gold-light)}.books-menu__blurb{font-size:.82rem;color:var(--text-muted);line-height:1.4}.books-lobby{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:18px;width:min(100%,52rem)}.books-lobby__pane{display:flex;flex-direction:column;gap:12px;padding:18px 16px;border-radius:12px;border:1px solid rgba(166,132,63,.28);background:#0c0a08b8}.books-lobby__pane .books-btn--primary{margin-top:auto}.books-lobby__title{margin:0;font-family:var(--font-title);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light)}.books-lobby__note{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.books-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid rgba(166,132,63,.4);background:#00000059;color:var(--gold-light);font-family:var(--font-title);font-size:1.35rem;letter-spacing:.28em;text-align:center;text-transform:uppercase}.books-input:focus{outline:1px solid var(--gold)}.books-code{margin:0;font-family:var(--font-title);font-size:clamp(2.4rem,8vw,3.6rem);letter-spacing:.28em;color:var(--gold-light)}.books-waiting__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.books-error{margin:0;max-width:28rem;text-align:center;color:#e8c07a;font-size:.88rem}@media(max-width:700px){.books-menu,.books-lobby{grid-template-columns:1fr;width:min(100%,22rem)}}.books-help{position:absolute;inset:0;z-index:80;display:flex;align-items:stretch;justify-content:center;padding:12px;background:#000000b8}.books-help.hidden{display:none}.books-help__sheet{display:flex;flex-direction:column;width:min(100%,36rem);max-height:100%;overflow:hidden;border-radius:14px;border:1px solid rgba(166,132,63,.4);background:#100e0b;box-shadow:0 18px 48px #0000008c}.books-help__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:12px 16px 8px;border-bottom:1px solid rgba(166,132,63,.28)}.books-help__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px 8px;-webkit-overflow-scrolling:touch}.books-help__lead{margin:0 0 16px;color:var(--text-muted);font-size:.95rem;line-height:1.45}.books-help__sec{margin:0 0 16px}.books-help__sec h3{margin:0 0 6px;font-family:var(--font-title);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.books-help__sec p,.books-help__sec li{margin:0 0 8px;font-size:.9rem;line-height:1.45;color:var(--text)}.books-help__sec ul{margin:0 0 8px;padding-left:1.15rem}.books-help__sec strong{color:var(--gold-light)}.books-help__foot{flex:0 0 auto;display:flex;justify-content:flex-end;padding:10px 16px 14px;border-top:1px solid rgba(166,132,63,.22)}.books-settings{position:absolute;inset:0;z-index:75;display:flex;align-items:flex-start;justify-content:center;padding:56px 12px 12px;background:#0000009e}.books-settings.hidden{display:none}.books-settings__sheet{display:flex;flex-direction:column;width:min(100%,22rem);max-height:100%;overflow:hidden;border-radius:14px;border:1px solid rgba(166,132,63,.4);background:#100e0b;box-shadow:0 18px 48px #0000008c}.books-settings__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:12px 16px 8px;border-bottom:1px solid rgba(166,132,63,.28)}.books-settings__body{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px;overflow-y:auto}.books-settings__group{display:flex;flex-direction:column;gap:8px}.books-settings__label{margin:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.books-settings__note{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.4}.books-settings__full{width:100%;justify-content:center}.books-fly{position:fixed;z-index:70;pointer-events:none;overflow:hidden;border-radius:7px;box-shadow:0 10px 22px #00000073}.books-fly .books-card__art,.books-fly img{width:100%;height:100%;object-fit:cover;display:block}.books-score__chip.is-bump{animation:books-chip-bump .45s ease}@keyframes books-chip-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.books-table.is-claim:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 90px #eed18c61;animation:books-claim-fade .7s ease forwards}@keyframes books-claim-fade{0%{opacity:.9}to{opacity:0}}.books-status__turn.is-yours{animation:books-turn-pulse 2.2s ease-in-out infinite}@keyframes books-turn-pulse{0%,to{opacity:1}50%{opacity:.55}}.books-hand--you.is-dealing .books-card,.books-hand--back.is-dealing .books-card{animation:books-deal-in .42s ease both;animation-delay:calc(var(--i, 0) * 20ms)}@keyframes books-deal-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.books-pile__item--pop{animation:books-land-pop .38s cubic-bezier(.2,.85,.22,1)}@keyframes books-land-pop{0%{opacity:0;transform:translateY(22px) scale(.86)}to{opacity:1;transform:none}}.books-finale{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;overflow:hidden}.books-finale.hidden{display:none}.books-finale__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.books-finale--win{background:radial-gradient(ellipse at 50% 42%,#2a221226,#00000047)}.books-finale--lose{background:radial-gradient(ellipse at 50% 40%,#120a0a59,#0000009e)}.books-finale--draw{background:#0000008c}.books-finale__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 32px 24px;border-radius:16px;border:1px solid rgba(166,132,63,.4);background:#080604d1;box-shadow:0 18px 50px #0000008c;text-align:center;max-width:min(90vw,22rem);animation:books-finale-in .7s ease both;animation-delay:.45s}.books-finale--lose .books-finale__copy{border-color:#78504666;background:#060404e0}.books-finale__copy .books-title{margin:0;font-size:clamp(1.8rem,5vw,2.6rem)}.books-finale__score{margin:4px 0 8px;color:var(--gold-light);font-size:1rem;letter-spacing:.04em}.books-finale__note{margin:0;color:var(--text-muted);font-size:.82rem}.books-finale__acts{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}@keyframes books-finale-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.books-hand--you .books-card{transition:none}.books-hand--you .books-card:hover,.books-hand--you .books-card:focus-visible{transform:none}.books-banner.is-pop,.books-card--shake,.books-pile__item--pop,.books-score__chip.is-bump,.books-status__turn.is-yours,.books-hand--you.is-dealing .books-card,.books-hand--back.is-dealing .books-card,.books-table.is-claim:after,.books-finale__copy{animation:none!important}}