@import url('./ophtha-merge-core.css');

.ophtha-merge-touch-zone{position:relative;margin:0 -8px;padding:0 8px;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.ophtha-merge-touch-zone.is-touch-active .ophtha-merge-board-wrap{outline:2px solid rgba(77,142,255,.55);outline-offset:3px;box-shadow:0 16px 42px rgba(4,18,37,.22)}
.ophtha-merge-touch-tip{position:absolute;z-index:30;left:50%;top:12px;width:min(88%,430px);padding:10px 14px;border:1px solid rgba(122,151,184,.45);border-radius:14px;background:rgba(5,24,49,.94);color:#fff;font-size:12px;font-weight:700;line-height:1.35;text-align:center;box-shadow:0 12px 30px rgba(4,18,37,.28);opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.ophtha-merge-touch-tip.is-visible{opacity:1;transform:translate(-50%,0)}
.ophtha-merge-tile-mark{display:grid;place-items:center;min-height:34px;margin:2px 0 2px;font-size:0;line-height:1}
.ophtha-merge-tile-icon{width:clamp(28px,6.5vw,46px);height:clamp(28px,6.5vw,46px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ophtha-merge-tile-number{letter-spacing:-.02em}
.ophtha-merge-tile.level-1{color:#17243a!important}.ophtha-merge-tile.level-2{color:#17243a!important}.ophtha-merge-tile.level-3{color:#173a2e!important}.ophtha-merge-tile.level-4{color:#3e3970!important}.ophtha-merge-tile.level-5{color:#7d321f!important}.ophtha-merge-tile.level-6{color:#6a4709!important}.ophtha-merge-tile.level-7{color:#205a4d!important}.ophtha-merge-tile.level-8{color:#254f76!important}.ophtha-merge-tile.level-9{color:#443679!important}.ophtha-merge-tile.level-10{color:#5e4107!important}.ophtha-merge-tile.tile-super{color:#f4d98a!important}
.ophtha-merge-page .button.secondary,.ophtha-merge-compact-button{background:#fff!important;border-color:#aebed0!important;color:#10233c!important;box-shadow:0 5px 16px rgba(4,18,37,.06)}
.ophtha-merge-page .button.secondary:hover,.ophtha-merge-compact-button:hover{background:#edf3f9!important;border-color:#6f8eae!important;color:#071a31!important}
.ophtha-merge-compact-button:disabled{background:#738292!important;border-color:#738292!important;color:#fff!important;opacity:1!important;cursor:not-allowed;box-shadow:none}
.ophtha-merge-mode{color:#42546b}.ophtha-merge-mode.is-active{color:#fff}
.ophtha-merge-profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.ophtha-merge-profile-name-row h2{margin:0!important}
.ophtha-merge-player-name-row{display:flex!important;align-items:center;gap:6px;min-width:0}.ophtha-merge-player-name-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ophtha-merge-player-level{display:inline-flex!important;align-items:center;justify-content:center;flex:none;max-width:120px;padding:3px 7px;border:1px solid rgba(139,106,40,.34);border-radius:999px;background:#fff6dc;color:#6a4a0a;font-size:9px!important;font-weight:900;letter-spacing:.03em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ophtha-merge-profile-level{max-width:none;padding:5px 9px;font-size:10px!important}
.ophtha-merge-profile-actions{display:flex;flex-wrap:wrap;gap:8px}.ophtha-merge-profile-actions .button{flex:1 1 145px}
.ophtha-merge-vault-button{display:inline-flex!important;align-items:center;justify-content:space-between;gap:10px}.ophtha-merge-vault-button span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:3px 7px;border-radius:999px;background:#fff3cf;color:#76530d;font-size:10px;font-weight:900;letter-spacing:.02em}
.ophtha-merge-vault-dialog{width:min(920px,calc(100vw - 24px))}
.ophtha-merge-vault-progress{margin:0 0 6px;color:#5b6c7e;font-size:13px;font-weight:700}.ophtha-merge-vault-progress strong{color:#8b6a28;font-size:15px}
.ophtha-merge-vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:60vh;margin-top:16px;padding:2px 4px 2px 0;overflow:auto}
.ophtha-merge-vault-card{display:flex;flex-direction:column;min-height:230px;padding:16px;border:1px solid #d8e1eb;border-radius:16px;background:#fff;color:#10233c;box-shadow:0 6px 20px rgba(4,18,37,.05)}
.ophtha-merge-vault-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ophtha-merge-vault-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(139,106,40,.3);border-radius:12px;background:#fff6dc;color:#76530d;font-size:19px;font-weight:900}.ophtha-merge-vault-kind{padding:4px 7px;border-radius:999px;background:#edf3f9;color:#53687f;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.ophtha-merge-vault-card h3{margin:0 0 8px;font-size:16px;line-height:1.2}.ophtha-merge-vault-card p{margin:0 0 14px;color:#5a6b7d;font-size:12px;line-height:1.5}.ophtha-merge-vault-card .ophtha-merge-vault-source{margin-top:auto;width:100%;padding:8px 10px;font-size:11px}
.ophtha-merge-vault-card.is-locked{background:#f3f6f9;border-style:dashed;color:#738292;box-shadow:none}.ophtha-merge-vault-card.is-locked .ophtha-merge-vault-icon{background:#e9eef3;border-color:#cbd5df;color:#738292}.ophtha-merge-vault-card.is-locked h3{color:#738292}.ophtha-merge-vault-card.is-locked p{color:#8290a0}
.ophtha-merge-vault-unlock-dialog{width:min(520px,calc(100vw - 24px));text-align:center}.ophtha-merge-vault-unlock-dialog .ophtha-merge-dialog-close{position:absolute;top:14px;right:14px}.ophtha-merge-vault-unlock-icon{display:grid;place-items:center;width:76px;height:76px;margin:4px auto 16px;border:1px solid rgba(139,106,40,.42);border-radius:24px;background:#fff3cf;color:#76530d;font-size:36px;box-shadow:0 12px 32px rgba(139,106,40,.14)}.ophtha-merge-vault-unlock-dialog h2{margin-bottom:10px}.ophtha-merge-vault-unlock-dialog>p:not(.eyebrow){color:#56687c;line-height:1.55}.ophtha-merge-vault-unlock-actions{display:flex;gap:8px;justify-content:center;margin-top:20px}.ophtha-merge-vault-unlock-actions .button{flex:0 0 auto;min-height:52px;height:52px;padding:0 18px;line-height:1.2}

html[data-site-theme="dark"] .ophtha-merge-score-card,
html[data-site-theme="dark"] .ophtha-merge-modes,
html[data-site-theme="dark"] .ophtha-merge-panel,
html[data-site-theme="dark"] .ophtha-merge-dialog-tab:not(.is-active),
html[data-site-theme="dark"] .ophtha-merge-field input{background:#0a2344;border-color:#365574;color:#edf4fb}
html[data-site-theme="dark"] .ophtha-merge-score-card strong,
html[data-site-theme="dark"] .ophtha-merge-panel h2,
html[data-site-theme="dark"] .ophtha-merge-stats dd,
html[data-site-theme="dark"] .ophtha-merge-dialog-tab:not(.is-active){color:#edf4fb}
html[data-site-theme="dark"] .ophtha-merge-stats div{background:#102a47;color:#edf4fb}
html[data-site-theme="dark"] .ophtha-merge-rank{background:#17304d;color:#edf4fb}
html[data-site-theme="dark"] .ophtha-merge-player-level{background:#2b2514;border-color:#8d7435;color:#f4d98a}
html[data-site-theme="dark"] .ophtha-merge-page .button.secondary,
html[data-site-theme="dark"] .ophtha-merge-compact-button{background:#17304d!important;border-color:#456786!important;color:#edf4fb!important}
html[data-site-theme="dark"] .ophtha-merge-page .button.secondary:hover,
html[data-site-theme="dark"] .ophtha-merge-compact-button:hover{background:#214364!important;border-color:#6d91b4!important;color:#fff!important}
html[data-site-theme="dark"] .ophtha-merge-compact-button:disabled{background:#536579!important;border-color:#536579!important;color:#fff!important;opacity:1!important}
html[data-site-theme="dark"] .ophtha-merge-mode{color:#c4d1df}
html[data-site-theme="dark"] .ophtha-merge-mode.is-active{background:#4d8eff;color:#fff}
html[data-site-theme="dark"] .ophtha-merge-touch-tip{background:rgba(3,15,32,.96);border-color:#456786;color:#f4f8fc}
html[data-site-theme="dark"] .ophtha-merge-vault-card{background:#102a47;border-color:#365574;color:#edf4fb}
html[data-site-theme="dark"] .ophtha-merge-vault-card p{color:#c4d1df}html[data-site-theme="dark"] .ophtha-merge-vault-card.is-locked{background:#0a2344;border-color:#365574;color:#8ea0b3}html[data-site-theme="dark"] .ophtha-merge-vault-card.is-locked h3,html[data-site-theme="dark"] .ophtha-merge-vault-card.is-locked p{color:#8ea0b3}html[data-site-theme="dark"] .ophtha-merge-vault-icon{background:#2b2514;border-color:#8d7435;color:#f4d98a}html[data-site-theme="dark"] .ophtha-merge-vault-kind{background:#17304d;color:#c4d1df}html[data-site-theme="dark"] .ophtha-merge-vault-progress{color:#c4d1df}html[data-site-theme="dark"] .ophtha-merge-vault-progress strong{color:#f4d98a}html[data-site-theme="dark"] .ophtha-merge-vault-button span{background:#2b2514;color:#f4d98a}html[data-site-theme="dark"] .ophtha-merge-vault-unlock-icon{background:#2b2514;border-color:#8d7435;color:#f4d98a}html[data-site-theme="dark"] .ophtha-merge-vault-unlock-dialog>p:not(.eyebrow){color:#c4d1df}

@media(max-width:680px){
  .ophtha-merge-touch-zone{margin:0 -12px;padding:0 12px}
  .ophtha-merge-touch-tip{top:10px;width:min(92%,400px);font-size:11px}
  .ophtha-merge-tile{padding:5px}
  .ophtha-merge-tile-number{font-size:clamp(25px,9vw,36px)}
  .ophtha-merge-tile-mark{min-height:30px;margin:1px 0}
  .ophtha-merge-tile-icon{width:clamp(26px,8vw,38px);height:clamp(26px,8vw,38px);stroke-width:2.2}
  .ophtha-merge-tile-label{font-size:9px;line-height:1.05}
  .ophtha-merge-board-wrap{box-shadow:0 14px 38px rgba(4,18,37,.18)}
  .ophtha-merge-player-level{max-width:92px;font-size:8px!important;padding:3px 6px}
  .ophtha-merge-profile-level{max-width:none;font-size:10px!important}
  .ophtha-merge-profile-actions{display:grid;grid-template-columns:1fr}.ophtha-merge-profile-actions .button{width:100%}
  .ophtha-merge-vault-grid{grid-template-columns:1fr;max-height:62vh}.ophtha-merge-vault-card{min-height:0}.ophtha-merge-vault-dialog{padding-left:14px;padding-right:14px}.ophtha-merge-vault-unlock-actions{flex-direction:column}.ophtha-merge-vault-unlock-actions .button{width:100%}
}