:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1120;--panel:#181b30;--panel-alt:#242849;--accent:#7c5cff;--accent-2:#22d3ee;--success:#34d399;--text:#f5f6fb;--muted:#9ca0c0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);justify-content:center;margin:0;display:flex}#app{justify-content:center;width:100%;display:flex}.app-shell{background:var(--panel);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex}.app-header{text-align:center;padding:12px 16px 6px}.header-row{align-items:center;gap:8px;display:flex}.app-header h1{text-align:center;overflow-wrap:break-word;word-break:break-word;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:clamp(.55rem,14vw - 2.225rem,1.35rem);line-height:1.15;display:-webkit-box;overflow:hidden}.lang-select-wrapper{flex-shrink:0;width:40px;height:32px;position:relative}.lang-select{color:#0000;opacity:0;cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.lang-select-display{background:var(--panel-alt);pointer-events:none;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:flex;position:absolute;inset:0}.lang-select:focus-visible+.lang-select-display{outline:2px solid var(--accent-2);outline-offset:2px}.icon-button{background:var(--panel-alt);color:var(--text);cursor:pointer;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;padding:5px 9px;font-size:.9rem;line-height:1.4}.icon-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.icon-button:active{transform:scale(.96)}.stats{gap:8px;margin-top:8px;display:flex}.stat{background:var(--panel-alt);text-align:center;border-radius:12px;flex:1;padding:6px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;display:block}.stat-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;display:block}.board{grid-template-columns:repeat(var(--board-columns), 1fr);flex:1;grid-auto-rows:1fr;gap:6px 8px;min-height:0;padding:8px 14px;display:grid}.card{perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-height:56px;padding:0;position:relative;container:card/size}.card:disabled{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .45s cubic-bezier(.4,.2,.2,1);display:block;position:relative}.card.is-revealed .card-inner,.card.is-matched .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.card-front{background:linear-gradient(145deg, var(--accent), #4a37ad);color:#fff;font-size:clamp(1.6rem,30cqh,2.2rem)}.card-back{background:var(--panel-alt);text-align:center;border:2px solid #0000;gap:clamp(1px,3cqh,4px);padding:clamp(3px,5cqh,6px) clamp(2px,4cqw,5px);transform:rotateY(180deg)}.card.is-matched .card-back{border-color:var(--success);background:#143327}.card-emoji{font-size:clamp(1.1rem,26cqh,2.2rem);line-height:1}.card-name{font-size:clamp(.6rem,11cqh,.85rem);font-weight:700;line-height:1.1}.card-profession{color:var(--muted);font-size:clamp(.52rem,9.5cqh,.74rem);line-height:1.1}.card-hint{color:var(--accent-2);font-size:clamp(.5rem,9cqh,.7rem);line-height:1.1}.app-footer{color:var(--muted);text-align:center;padding:2px 16px 6px;font-size:.65rem}.win-overlay{z-index:20;background:#060710c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.win-overlay.hidden{display:none}.win-card{text-align:center;background:var(--panel-alt);border-radius:20px;width:100%;max-width:340px;padding:28px 24px;box-shadow:0 20px 60px #00000080}.win-card h2{margin:0 0 8px}.win-stats{justify-content:center;gap:18px;margin:14px 0;font-size:1rem;display:flex}.win-note{color:var(--muted);margin:0;font-size:.8rem}.win-countdown{color:var(--muted);justify-content:center;align-items:baseline;gap:6px;margin:8px 0 0;font-size:.85rem;display:flex}.win-countdown strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:.95rem}.share-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:18px;padding:12px 16px;font-size:.95rem;font-weight:700}.share-button:active{transform:scale(.98)}.share-button:disabled{opacity:.7;cursor:default}.share-status{min-height:1.2em;color:var(--success);margin:8px 0 0;font-size:.8rem}.howto-overlay{z-index:20;background:#060710c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.howto-overlay.hidden{display:none}.howto-card{text-align:left;background:var(--panel-alt);border-radius:20px;width:100%;max-width:340px;max-height:88dvh;padding:24px 20px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.howto-card h2{text-align:center;margin:0 0 10px}.howto-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px;font-size:.85rem}.howto-card p{margin:0 0 8px;font-size:.85rem;line-height:1.4}.howto-examples{flex-direction:column;gap:10px;display:flex}.howto-example{align-items:center;gap:10px;display:flex}.howto-example-card{background:var(--panel);text-align:center;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:84px;height:84px;padding:5px;display:flex}.howto-example-emoji{font-size:1.6rem;line-height:1}.howto-example-hint{color:var(--accent-2);font-size:.66rem;font-weight:600;line-height:1.15}.howto-example-desc{color:var(--muted);flex:1;margin:0;font-size:.78rem;line-height:1.35}.howto-cta{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:18px;padding:12px 16px;font-size:.95rem;font-weight:700}.howto-cta:active{transform:scale(.98)}@media (width>=560px){body{padding:24px 0}.app-shell{border-radius:28px;min-height:min(100dvh,900px);overflow:hidden;box-shadow:0 20px 60px #0000008c}}
/*# sourceMappingURL=matching-clues.95a05288.css.map */