.dragon-selector,.dragon-content{box-shadow:0 1px 3px #00000005,0 4px 12px #37393b08;}
.dragon-selection-actions{padding:0 20px 20px;justify-content:space-between;gap:0;}
.dragon-selection-actions button{width:104px;font-size:14px;color:#5f5f5f;border-color:#e8ebf1;background:transparent;}
#dragonTypes details{position:relative;margin-left:12px;margin-right:20px;}
#dragonTypes summary{color:#1e293b;background:#f8fafc;}
#dragonTypes details[open] summary{padding-right:42px;}
.dragon-chevron{margin-right:18px;}
#dragonTypes details[open] .dragon-chevron{margin-right:0;}
.dragon-group-actions{position:absolute;top:0;right:0;padding:0;height:40px;width:38px;}
#dragonTypes details:not([open]) .dragon-group-actions{display:none;}
.dragon-group-actions button{width:38px;height:40px;padding:0;font-size:13px;font-weight:600;}
.dragon-group-actions button:disabled{color:#999;cursor:default;}
#dragonTypes label{height:42px;margin:2px 0 0 24px;padding:0 8px;color:#475569;align-items:center;gap:10px;}
#dragonTypes input{appearance:none;width:16px;height:16px;margin:0;border:1px solid #cbd5e1;border-radius:3px;background:white;flex:none;}
#dragonTypes input:checked{background:#609aeb;border-color:#609aeb;}
#dragonTypes input:checked::after{content:'';display:block;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin:1px 4px;}
.dragon-table-scroll{transform:translateY(-2.4px);}
.dragon-table th{border-bottom:2px solid #e2e8f0;line-height:19.2px;}
.dragon-table td{color:#5f5f5f;}
.dragon-table{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;}
.dragon-table .dragon-streak{font-weight:500;background:linear-gradient(135deg,#f59e0b,#ff9800);box-shadow:0 2px 5px #f99b4266;}
.dragon-table .dragon-streak.streak-long{background:linear-gradient(135deg,#ef4444,#dc2626);animation:dragon-badge-pulse 2s ease-in-out infinite;}
.dragon-table .super-dragon-row td{animation:dragon-row-pulse 2s ease-in-out infinite;}
@keyframes dragon-badge-pulse{0%,100%{box-shadow:0 2px 6px #dc262655;}50%{box-shadow:0 4px 12px #dc262680;}}
@keyframes dragon-row-pulse{0%,100%{background-color:rgba(239,68,68,.015);}50%{background-color:rgba(239,68,68,.05);}}
@media(prefers-reduced-motion:reduce){.dragon-table .dragon-streak.streak-long,.dragon-table .super-dragon-row td{animation:none;}}
.dragon-detail-summary{margin-top:0;}
.dragon-ball-controls{display:flex;justify-content:center;gap:8px;margin-top:3px;}
.dragon-ball-controls button{font:inherit;font-size:12px;border:1px solid #e8ebf1;border-radius:3px;background:white;color:#6092e9;padding:4px 10px;cursor:pointer;}
.dragon-ball-controls button[aria-pressed=true]{background:#6092e9;color:white;}
.dragon-detail-summary[data-family=sixmark] .prediction-summary-main{transform:translateY(-3px);}
.dragon-detail-summary[data-family=sixmark] .prediction-shell-balls>.ball-row{display:flex;align-items:center;justify-content:space-evenly;width:417px;gap:0;}
.dragon-detail-summary .ball-red{background:#e35858!important;border-color:#e35858!important;}
.dragon-detail-summary .ball-blue{background:#6092e9!important;border-color:#6092e9!important;}
.dragon-detail-summary .ball-green{background:#48b27e!important;border-color:#48b27e!important;}
.dragon-detail-summary .ball{color:white;animation:none!important;box-shadow:none!important;}
.dragon-detail-summary .ball-special{animation:none!important;box-shadow:none!important;}
.dragon-detail-summary .dragon-large-balls .ball,.dragon-detail-summary.dragon-large-balls .ball{width:40px;height:40px;font-size:26px;}
@media(max-width:768px){.dragon-selection-actions{justify-content:flex-start;gap:16px;}.dragon-detail-summary .prediction-shell-balls{overflow:auto;}.dragon-table-scroll{transform:none;}}

/* Remaining navigation page review, 2026-10-12. */
.dragon-header #dragonMinimum{box-sizing:border-box;width:74px;height:30px;background:white;border:1px solid #eee;border-radius:4px;padding:5px 8px;font:inherit;color:#5f5f5f;appearance:none}.dragon-header #dragonMinimum::-webkit-inner-spin-button,.dragon-header #dragonMinimum::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

body:has(.dragon-layout) .prediction-contact{display:flex!important}

/* Calibrate each text role separately; retain the original table density. */
.dragon-header label{font-size:13px;line-height:20px}
.dragon-header .dragon-mode-tabs{gap:4px}
.dragon-header .dragon-mode-tabs button{font-size:14px;font-weight:600}
.dragon-categories button{font-size:12px;line-height:18px;padding:6px 14px}
.dragon-header #dragonMinimum,.dragon-header #dragonRefresh{font-size:14px}
.dragon-table th{font-size:14px;font-weight:600;line-height:19.2px;padding:12px 16px}
.dragon-table td{font-size:14px;line-height:19.8px}
.dragon-table .dragon-streak{font-size:14px;line-height:20px}
@media(max-width:768px){.dragon-table th,.dragon-table td{font-size:12px;line-height:18px;padding:10px 8px}.dragon-header .dragon-mode-tabs{gap:4px}}
