@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #f4ede1;--surface: #fffdf9;--surface-alt: #faf3e7;--ink: #2b2420;--muted: #7a7266;--border: #e3d7c3;--gold: #b8872b;--gold-light: #e0a800;--shadow: 0 10px 30px rgba(43, 36, 32, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--card-border-inset-x: 13%;--card-border-inset-y: 7.53%;font-family:Inter,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at top,#fbf6ec 0%,var(--bg) 55%);color:var(--ink);min-height:100vh}h1,h2,h3{font-family:Playfair Display,Georgia,serif;margin:0}button{font-family:inherit}.app{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.app-header{padding:2rem 0 1.5rem;border-bottom:2px solid var(--border);margin-bottom:2rem}.app-header__title{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.app-header__crown{font-size:2.4rem;color:var(--gold-light);line-height:1}.app-header__title h1{font-size:1.7rem;color:var(--ink)}.app-header__subtitle{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}.app-header__intro{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1.1rem;margin-bottom:1.25rem}.app-header__intro summary{cursor:pointer;font-weight:600;color:var(--gold)}.app-header__intro-body{margin-top:.75rem;color:var(--ink);line-height:1.55}.app-header__intro-body ul{margin:.5rem 0 0;padding-left:1.2rem}.app-header__intro-body li{margin-bottom:.35rem}.app-header__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ws-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted);margin-right:auto}.ws-indicator__dot{width:8px;height:8px;border-radius:50%;background:#c0392b}.ws-indicator--on .ws-indicator__dot{background:#2e8b3d}.progress-indicator{font-size:.82rem;color:var(--muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem}.btn{border:none;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#2b1f00;box-shadow:0 4px 14px #b8872b59}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.app__status{text-align:center;color:var(--muted);padding:3rem 0}.app__status--error{color:#b23121}.card-group{margin-bottom:2.25rem}.card-group__title{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;color:var(--suit-color, var(--ink));padding-bottom:.4rem;border-bottom:2px solid color-mix(in srgb,var(--suit-color, var(--ink)) 35%,transparent);margin-bottom:1rem}.card-group__symbol{font-size:1.1rem}.card-group__row{display:flex;flex-wrap:wrap;gap:1rem}.card-group--jokers{margin-top:1rem}.card-table__scroll{overflow-x:auto;padding-bottom:.5rem}.card-table__header,.card-table__row{display:flex;align-items:flex-start;gap:1rem}.card-table__header{align-items:flex-end;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.card-table__row{margin-bottom:1.25rem}.card-table__row-label{flex:none;width:2.2rem;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.1rem;color:var(--muted)}.card-table__header-cell{flex:none;width:140px;display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;color:var(--suit-color, var(--ink))}.card-table__header-symbol{font-size:1.05rem}.card-tile{all:unset;cursor:pointer;width:140px;display:flex;flex-direction:column;gap:.5rem;border-radius:var(--radius-md);transition:transform .15s ease}.card-tile:hover,.card-tile:focus-visible{transform:translateY(-4px)}.card-tile:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.card-tile__frame{position:relative;display:block;width:140px;height:242px;border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.card-tile__photo{position:absolute;top:var(--card-border-inset-y);left:var(--card-border-inset-x);width:calc(100% - 2 * var(--card-border-inset-x));height:calc(100% - 2 * var(--card-border-inset-y));object-fit:cover;opacity:.5}.card-tile__placeholder{position:absolute;top:var(--card-border-inset-y);left:var(--card-border-inset-x);width:calc(100% - 2 * var(--card-border-inset-x));height:calc(100% - 2 * var(--card-border-inset-y));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--muted);background:repeating-linear-gradient(135deg,#efe6d4,#efe6d4 10px,#e8dcc3 10px,#e8dcc3 20px)}.card-tile__placeholder span:first-child{font-size:1.6rem}.card-tile__placeholder-text{font-size:.72rem;text-align:center;padding:0 .5rem}.card-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.card-tile__caption{display:flex;flex-direction:column;gap:.1rem;padding:0 .1rem}.card-tile__label{font-size:.85rem;font-weight:600}.card-tile__description{font-size:.75rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b150f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:3vh 1rem;overflow-y:auto;z-index:50}.modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(1000px,94vw);height:min(88vh,900px);display:flex;overflow:hidden}.modal--history{display:block;width:100%;height:auto;max-width:640px;padding:2rem}.modal__close{position:absolute;top:1rem;right:1rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:.9rem;z-index:1}.modal__loading{text-align:center;padding:3rem 2rem;color:var(--muted)}.modal__visual{flex:0 0 50%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);padding:2rem}.modal__preview{position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:11 / 19;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);background:#fff}.modal__preview-photo{position:absolute;top:var(--card-border-inset-y);left:var(--card-border-inset-x);width:calc(100% - 2 * var(--card-border-inset-x));height:calc(100% - 2 * var(--card-border-inset-y));object-fit:cover;opacity:.5}.modal__preview-placeholder{position:absolute;top:var(--card-border-inset-y);left:var(--card-border-inset-x);width:calc(100% - 2 * var(--card-border-inset-x));height:calc(100% - 2 * var(--card-border-inset-y));display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;color:var(--muted);padding:.5rem}.modal__preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.modal__panel{flex:1 1 50%;height:100%;overflow-y:auto;padding:2rem}.modal__panel-header{margin-bottom:1.5rem}.modal__hint{color:var(--muted);font-size:.85rem;margin:.3rem 0 0}.modal__section{margin-bottom:1.5rem}.modal__section h3{font-size:1rem;margin-bottom:.5rem}.modal__textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .8rem;font-family:inherit;font-size:.92rem;resize:vertical;background:var(--surface-alt);color:var(--ink)}.modal__textarea:focus{outline:2px solid var(--gold-light)}.modal__save-status{min-height:1.2rem;font-size:.78rem;color:var(--muted);margin:.3rem 0 0}.modal__error{color:#b23121}.modal__dropzone{display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--border);border-radius:var(--radius-md);padding:1.5rem 1rem;cursor:pointer;color:var(--muted);font-size:.88rem;background:var(--surface-alt);transition:border-color .12s ease,background .12s ease}.modal__dropzone--active{border-color:var(--gold-light);background:#fbeecb}.modal__dropzone--busy{opacity:.7;pointer-events:none}.modal__file-input{display:none}.modal__image-history{display:flex;flex-wrap:wrap;gap:.6rem}.modal__history-thumb{position:relative;width:64px;height:90px;padding:0;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;background:var(--surface-alt)}.modal__history-thumb img{width:100%;height:100%;object-fit:cover}.modal__history-thumb--current{border-color:var(--gold-light);cursor:default}.modal__history-badge{position:absolute;bottom:0;left:0;right:0;background:#b8872be6;color:#fff;font-size:.6rem;padding:1px 0}.modal__history-delete{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#1b150fa6;color:#fff;font-size:.65rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal__history-delete:hover{background:#b23121}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.history-list__item{display:flex;gap:.75rem;align-items:flex-start;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.history-list__icon{font-size:1.1rem}.history-list__summary{margin:0;font-size:.9rem}.history-list__date{margin:.15rem 0 0;font-size:.76rem;color:var(--muted)}@media (max-width: 640px){.app-header__actions{justify-content:flex-start}.ws-indicator{margin-right:0;width:100%;order:-1}.card-tile,.card-tile__frame,.card-table__header-cell{width:120px}.card-tile__frame{height:207px}.modal{flex-direction:column;width:94vw;height:92vh}.modal__visual{flex:0 0 auto;height:38vh;width:100%;padding:1.25rem}.modal__panel{flex:1 1 auto;width:100%;padding:1.25rem 1.5rem}.modal--history{padding:1.5rem}}