.match-search-page{max-width:1000px;margin:36px auto 60px;min-height:570px;padding:clamp(24px,5vw,64px);text-align:center;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(145deg,#153554e8,#18375ce8 55%,#3b3860e8);border:1px solid #bfeaff66;box-shadow:0 30px 70px #05152d70}
.match-search-page:before{content:'';position:absolute;width:500px;height:500px;left:50%;top:80px;transform:translateX(-50%);background:radial-gradient(circle,#75d6ed24,transparent 68%);pointer-events:none}.match-search-page h1{font-size:clamp(30px,5vw,49px);margin:12px 0}.match-search-page>p{color:#c8ddeb;line-height:1.6}.search-duel{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;align-items:center;margin:32px auto;max-width:700px}.search-player{padding:25px 14px;border:1px solid #a2cdef66;border-radius:25px;background:linear-gradient(155deg,#81bde330,#132c53aa);min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.search-player.opponent{border-style:dashed}.search-player strong{font-size:20px;overflow-wrap:anywhere}.search-player small{color:#c9e3f3;line-height:1.5}.search-portrait{height:84px;width:84px;border-radius:23px;background:linear-gradient(150deg,#2c75a5,#1a3157);border:1px solid #e4d291;display:grid;place-items:center;font-size:35px;color:#fff0bd;box-shadow:0 5px 0 #0b1c3c66,0 10px 25px #0c183666}.search-portrait img{width:80px;height:80px}.search-versus{font-family:Georgia,serif;font-size:32px;font-weight:700;color:#f4d58b;text-shadow:0 3px 10px #071a43}.search-loader{display:block;width:44px;height:44px;border:3px solid #b5deff24;border-top-color:#ffe09e;border-right-color:#8ce7ff;border-radius:50%;animation:search-spin 1s linear infinite}.search-candidate{display:inline-flex;align-items:center;gap:12px;min-height:55px;padding:8px 20px;margin:8px auto 22px;background:#0a244756;border:1px solid #80b8db55;border-radius:15px;animation:candidate-enter .45s ease-out}.search-candidate .live-dot{display:inline-block;width:7px;height:7px;background:#90f1d8;border-radius:50%;box-shadow:0 0 10px #90f1d8}.search-candidate b{color:#f4e0ae}.search-candidate small{color:#c9dcea}.search-steps{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#b5cbe1;margin:24px 0}.search-steps span:before{content:'✦';color:#edcc87;margin-right:6px}.search-color-note{font-size:13px;color:#d9e6f4;max-width:570px;margin:0 auto 22px;line-height:1.6}.online-color-choice{display:grid;gap:7px;text-align:left;max-width:380px;margin:12px auto 16px;color:#e3effa;font-size:14px}.online-color-choice select,.practice-setup select{width:100%;background:#102e50;color:#fff6e0;border:1px solid #a8c5dd77;border-radius:12px;padding:12px;min-height:46px}.online-color-choice small{color:#b7cee3;font-size:12px;line-height:1.5}.practice-setup{display:grid;gap:16px;margin-top:20px}.practice-setup label{display:grid;gap:7px;color:#d5e8f5;font-size:14px}.bot-description{display:flex;gap:15px;align-items:center;background:#254c6e5c;border:1px solid #77b3da55;border-radius:18px;padding:16px}.bot-description>span{font-size:36px}.bot-description p{margin:4px 0!important;font-size:13px}.bot-description b{color:#ffe0a0}.bot-strength-note{font-size:12px!important;line-height:1.5;color:#bdcee0!important}.coach-lesson{background:linear-gradient(140deg,#245b6a77,#173454bb);border:1px solid #8ce2e577;border-radius:16px;padding:16px;margin:16px 0;color:#d7eef7}.coach-lesson h3{margin:0 0 8px;color:#ffdf99}.coach-lesson p{font-size:13px;line-height:1.65;margin:7px 0}.coach-hint-options{display:grid;gap:10px;margin:18px 0}.coach-hint-option{border:1px solid #a0c9d655;border-radius:13px;background:#23466577;padding:14px}.coach-hint-option p{font-size:13px;line-height:1.6}.coach-hint-option button{width:100%;min-height:40px}.panel-actions button:disabled{opacity:.4;cursor:not-allowed}.sticker-turn-note{color:#acc3d6;font-size:11px;margin:4px 0 15px}.brand img{object-fit:contain}
@keyframes search-spin{to{transform:rotate(360deg)}}@keyframes candidate-enter{from{opacity:1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.match-search-page{margin:16px 0 30px;border-radius:24px;min-height:560px}.search-duel{grid-template-columns:1fr 30px 1fr;gap:8px}.search-player{min-height:190px;padding:16px 8px}.search-player strong{font-size:16px}.search-portrait{width:62px;height:62px}.search-portrait img{width:60px;height:60px}.search-versus{font-size:21px}.search-candidate{display:flex;flex-wrap:wrap;justify-content:center}.search-candidate small{flex-basis:100%}.search-steps{gap:12px;font-size:11px}.match-search-page h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.search-loader{animation:none;border-style:dotted}.search-candidate,.match-layout{animation:none}}.reduced .search-loader,.reduced .search-candidate,.reduced .match-layout{animation:none}