.app-frame{width:100%;max-width:390px;height:min(844px,90svh);display:flex;overflow-y:auto;border-radius:32px;box-shadow:0 20px 40px #00000040;padding:16px;background:light-dark(#fff,#111)}@media (max-width: 480px){.app-frame{max-width:100%;height:100svh;border-radius:0;box-shadow:none;padding:16px}}.app{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-screen{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.landing-screen__card{width:100%;background:light-dark(#e5e7eb,#27272a);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:8px}.landing-screen__title{margin:0;font-size:1.8rem;font-weight:700}.landing-screen__subtitle{margin:0;font-size:1.1rem;font-weight:600;opacity:.85}.landing-screen__image-placeholder{flex:1;width:100%;min-height:0;border-radius:8px;background:repeating-linear-gradient(45deg,light-dark(#d1d5db,#3f3f46),light-dark(#d1d5db,#3f3f46) 10px,light-dark(#e5e7eb,#27272a) 10px,light-dark(#e5e7eb,#27272a) 20px);display:flex;align-items:center;justify-content:center;color:light-dark(#6b7280,#a1a1aa);font-size:.9rem}.landing-screen__enter-button{width:100%;padding:14px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-size:1rem;font-weight:600}.nickname-entry{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px;text-align:center}.nickname-entry__title{margin:8px 0 0}.nickname-entry__body{flex:1;display:flex;flex-direction:column;gap:12px}.nickname-entry__hint{font-size:.85rem;opacity:.7}.nickname-entry__row{display:flex;gap:8px}.nickname-entry__row input{flex:1}.nickname-entry__check-button{white-space:nowrap;background:#6366f1}.nickname-entry__check-message{font-size:.8rem;text-align:left;opacity:.7}.nickname-entry__check-message--ok{color:#16a34a;opacity:1}.nickname-entry__country{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:.85rem}.nickname-entry__country select,.nickname-entry input{padding:12px;font-size:1rem;border-radius:8px;border:1px solid #ccc}.nickname-entry button{padding:12px;border-radius:8px;border:none;background:#4f46e5;color:#fff}.nickname-entry button:disabled{background:#a5a5a5}.nickname-entry__start-button{margin-top:auto}.game-guide{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:20px}.game-guide__card{background:light-dark(#e5e7eb,#27272a);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:24px;text-align:center}.game-guide__title{margin:0;font-size:1.1rem;font-weight:600}.game-guide__subtitle{margin:0;font-size:1.2rem;font-weight:700}.game-guide__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.game-guide__steps li{display:flex;flex-direction:column;gap:4px}.game-guide__step-label{font-weight:600}.game-guide__step-description{font-size:.9rem;opacity:.75}.game-guide__start-button{padding:12px;border-radius:8px;border:none;background:#4f46e5;color:#fff}.game-board{width:100%;display:flex;flex-direction:column;gap:12px}.game-board__status{display:flex;justify-content:space-between;font-weight:600}.game-board__score{color:#4f46e5;font-weight:700}.game-board__grid{display:grid;gap:8px;overflow-x:auto}.game-card{position:relative;aspect-ratio:1 / 1;border-radius:10px;border:none;background:#4f46e5;color:#fff;font-size:1.5rem}.game-card:disabled{opacity:1}.game-card.is-revealed{background:#e0e7ff;color:#111}.game-card.is-matched{background:#bbf7d0}.game-card__face--front{display:block}.game-card.is-revealed .game-card__face--front,.game-card__face--back{display:none}.game-card.is-revealed .game-card__face--back{display:flex;align-items:center;justify-content:center}.game-card__image{width:60%;height:60%;object-fit:contain}.result-screen{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.result-screen__card{background:light-dark(#e5e7eb,#27272a);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;gap:12px;text-align:center}.result-screen__cert-content{display:flex;flex-direction:column;gap:12px}.result-screen__title{margin:0 0 8px;font-size:1.2rem;font-weight:700}.result-screen__stat-row{display:flex;justify-content:space-between;align-items:center;background:light-dark(#fff,#1f1f1f);border-radius:8px;padding:12px 16px;font-weight:700}.result-screen__image-placeholder{margin-top:8px;aspect-ratio:16 / 10;border-radius:8px;background:repeating-linear-gradient(45deg,light-dark(#d1d5db,#3f3f46),light-dark(#d1d5db,#3f3f46) 10px,light-dark(#e5e7eb,#27272a) 10px,light-dark(#e5e7eb,#27272a) 20px);display:flex;align-items:center;justify-content:center;color:light-dark(#6b7280,#a1a1aa);font-size:.9rem}.result-screen__share-hint{margin:0;font-size:.8rem;opacity:.75}.result-screen__status-message{margin:0;font-size:.8rem;border-radius:8px;padding:8px 12px}.result-screen__status-message--busy{background:light-dark(#e0e7ff,#312e81);color:light-dark(#3730a3,#c7d2fe)}.result-screen__status-message--info{background:light-dark(#dbeafe,#1e3a8a);color:light-dark(#1e40af,#bfdbfe)}.result-screen__status-message--error{background:light-dark(#fee2e2,#7f1d1d);color:light-dark(#b91c1c,#fecaca)}.result-screen__share-buttons{display:flex;gap:8px}.result-screen__share-buttons button{flex:1;padding:10px;border-radius:8px;border:none;background:light-dark(#fbcfe8,#4c2436);color:light-dark(#831843,#fbcfe8);font-size:.85rem}.result-screen__share-buttons button:disabled{opacity:.6;cursor:default}.result-screen__actions{display:flex;gap:8px}.result-screen__actions button{flex:1;padding:12px;border-radius:8px;border:none;background:light-dark(#e5e7eb,#27272a);color:light-dark(#111,#f5f5f5)}.leaderboard-screen{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.leaderboard-screen__title{margin:8px 0;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:.05em}.leaderboard-screen__scroll-area{flex:1;min-height:0;overflow-y:auto}.leaderboard-screen__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.leaderboard-screen__row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid light-dark(#e5e7eb,#3f3f46)}.leaderboard-screen__row--player{background:light-dark(#fce7f3,#4c2436);border-radius:8px}.leaderboard-screen__rank{width:28px;font-weight:700}.leaderboard-screen__flag{width:20px}.leaderboard-screen__nickname{flex:1;font-weight:600}.leaderboard-screen__time{font-variant-numeric:tabular-nums;opacity:.8}.leaderboard-screen__scroll-hint{margin:0;text-align:center;font-size:.8rem;opacity:.6}.leaderboard-screen__player-pinned{position:relative;border-top:2px solid light-dark(#e5e7eb,#3f3f46);padding-top:14px}.leaderboard-screen__player-pinned:before{content:"▶";position:absolute;left:-18px;color:#db2777}.leaderboard-screen__retry-button{margin-top:auto;padding:12px;border-radius:8px;border:none;background:#4f46e5;color:#fff}.content-editor__toggle{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:none;background:#1f2937;color:#fff;font-size:1.1rem;z-index:50;box-shadow:0 4px 12px #0000004d}.content-editor__panel{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;max-height:80svh;overflow-y:auto;background:light-dark(#fff,#1f1f1f);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000004d;z-index:60}.content-editor__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:inherit}.content-editor__header h2{margin:0;font-size:1rem}.content-editor__header button{border:none;background:transparent;font-size:1.2rem}.content-editor__section{display:flex;flex-direction:column;gap:10px;margin:12px 16px;padding:12px;border:1px solid #e5e7eb;border-radius:8px}.content-editor__field{display:flex;flex-direction:column;gap:4px;font-size:.8rem;text-align:left}.content-editor__field input{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.content-editor__grid-row{display:flex;gap:8px}.content-editor__grid-row .content-editor__field{flex:1}.content-editor__warning-text{margin:0;font-size:.75rem;color:#b45309;text-align:left}.content-editor__reset{display:block;width:calc(100% - 32px);margin:16px;padding:12px;border-radius:8px;border:none;background:#e5e7eb;color:#111}.content-editor__action-button{display:block;width:100%;padding:12px;border-radius:8px;border:none;background:#ef4444;color:#fff}.content-editor__hint-text{margin:0;font-size:.75rem;opacity:.7;text-align:left}.content-editor__row{display:flex;gap:8px}.content-editor__row input{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.content-editor__row button{padding:8px 12px;border-radius:6px;border:none;background:#4f46e5;color:#fff}.content-editor__symbol-list{display:flex;flex-wrap:wrap;gap:8px}.content-editor__symbol-item{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;font-size:1.3rem}.content-editor__symbol-preview{width:70%;height:70%;object-fit:contain;display:flex;align-items:center;justify-content:center}.content-editor__symbol-item button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:.6rem;line-height:1;padding:0}.debug-panel__toggle{position:fixed;left:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:none;background:#1f2937;color:#fff;font-size:1.1rem;z-index:50;box-shadow:0 4px 12px #0000004d}.debug-panel__toggle-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:.6rem;line-height:16px}.debug-panel__panel{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;max-height:80svh;display:flex;flex-direction:column;background:light-dark(#fff,#1f1f1f);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000004d;z-index:60}.debug-panel__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.debug-panel__header h2{margin:0;font-size:1rem}.debug-panel__header button{border:none;background:transparent;font-size:1.2rem}.debug-panel__filters{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid #e5e7eb}.debug-panel__filter{padding:4px 10px;border-radius:12px;border:1px solid #ccc;background:transparent;font-size:.75rem}.debug-panel__filter--active{background:#4f46e5;color:#fff;border-color:#4f46e5}.debug-panel__list{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:6px}.debug-panel__empty{margin:16px 0;font-size:.85rem;opacity:.6;text-align:center}.debug-panel__entry{padding:8px;border-radius:8px;border-left:3px solid #9ca3af;background:light-dark(#f9fafb,#2a2a2a);text-align:left;font-size:.75rem}.debug-panel__entry--warn{border-left-color:#d97706}.debug-panel__entry--error{border-left-color:#ef4444}.debug-panel__entry-meta{display:flex;gap:8px;opacity:.6;font-size:.65rem;margin-bottom:4px}.debug-panel__entry-level{font-weight:700}.debug-panel__entry-message{font-family:ui-monospace,monospace;word-break:break-word}.debug-panel__entry-data{margin:6px 0 0;padding:6px;background:light-dark(#eef2f7,#111);border-radius:6px;font-size:.65rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.debug-panel__clear{display:block;width:calc(100% - 32px);margin:12px 16px 16px;padding:12px;border-radius:8px;border:none;background:#e5e7eb;color:#111}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;justify-content:center;padding:16px;touch-action:manipulation}#root{width:100%}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}