.region-summary{grid-column:1;grid-row:1;margin:0 12px;height:auto;max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;background:linear-gradient(135deg,#141414f2,#1e1e1ef2);box-shadow:0 4px 12px #0000004d;pointer-events:auto;display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content auto min-content}@media (max-width: 700px){.region-summary{height:auto;grid-column:1 / span 2;flex-direction:column;align-items:center;justify-content:center}}.region-summary-header{grid-column:1;grid-row:1;text-align:center;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.15);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-toggle-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#d1d5db;cursor:pointer;width:32px;height:32px;border-radius:6px;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0}.sidebar-toggle-button:hover{background-color:#ffffff1a;color:#fff;border-color:#ffffff4d}@media (max-width: 768px){.sidebar-toggle-button{display:none}}.region-summary h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.region-summary-title{font-size:.75rem;color:#888;margin-top:4px;font-weight:400}.region-list{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:4px;min-height:150px;overflow-y:auto}.region-item{display:grid;grid-template-columns:20px 1fr 36px 32px;align-items:center;gap:4px;padding:6px;border-radius:4px;background-color:#1715157d;box-shadow:0 1px 3px #0000001a;min-height:36px;font-size:.8rem;cursor:pointer}.region-item.correct{border-left:4px solid #4caf50}.region-item.incorrect{border-left:4px solid #f44336}.region-number{font-weight:700;text-align:right}.region-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incorrect-answer{font-size:.85em;color:#666;font-style:italic}.region-score{font-weight:700;font-size:.82em;white-space:nowrap;text-align:right}.region-score.distance{color:#ef9a3a}.region-score.correct-score{color:#4caf50}.region-score.no-guess{color:#888;font-style:italic;font-size:.75em}.highlight-region-button{background:#fff;border:none;color:#000;cursor:pointer;width:36px;height:36px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;flex-shrink:0}.highlight-region-button:hover{background-color:#e0e0e0;transform:scale(1.05)}.highlight-region-button svg{color:#000}.answers-info{font-size:.85rem;color:#b0b0b0;text-align:center;margin-bottom:16px;padding:10px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(100,200,255,.5);line-height:1.4}.answers-info svg{display:inline;vertical-align:middle;margin:0 4px;color:#64c8ff;width:16px;height:16px}.region-detail-panel{grid-column:1;grid-row:2;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:8px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.region-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.region-detail-label{color:#888;font-weight:500}.region-detail-value{color:#fff;font-weight:600;word-break:break-word;text-align:right;flex:1;margin-left:8px}.region-item.selected{background-color:#64c8ff26;border-left-color:#64c8ff}.region-score.correct-score svg{display:inline;color:#4caf50}.region-navigation{grid-column:1;grid-row:4;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.nav-button{background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;transition:background-color .2s,transform .2s;flex-shrink:0}.nav-button:hover:not(:disabled){background-color:#e0e0e0;transform:scale(1.05)}.nav-button:disabled{background-color:#ffffff4d;cursor:not-allowed;color:#0000004d}.nav-counter{color:#888;font-size:.85rem;font-weight:500;min-width:50px;text-align:center}.review-init-message{background:#64c8ff26;border:1px solid rgba(100,200,255,.3);border-radius:8px;padding:16px;margin-bottom:16px;text-align:center}.review-init-message p{margin:0;color:#b0d4ff;font-size:.95rem;font-weight:400;line-height:1.4}.review-init-message strong{font-weight:600;color:#64c8ff}
