.tc-panel-shorts{font-family:'Poppins',sans-serif;background:#fff;border:1px solid #e4e4e4;border-radius:14px;padding:22px 24px 20px;margin:24px 0 0;position:relative;box-shadow:0 2px 14px rgba(0,0,0,.06);box-sizing:border-box;width:100%}.tc-panel-shorts__header{margin-bottom:16px}.tc-panel-shorts__title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.tc-panel-shorts__icon{flex-shrink:0;width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#be1002,#1e3073);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:1px}.tc-panel-shorts__icon:before{content:'';display:block;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='white' opacity='.9'/%3E%3Ccircle cx='12' cy='12' r='5.5' fill='%23be1002'/%3E%3Ccircle cx='12' cy='12' r='2' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}.tc-panel-shorts__title{margin:0 0 4px;font-size:15px;font-weight:700;color:#111;line-height:1.25}.tc-panel-shorts__subtitle{margin:0;font-size:12px;color:#888;line-height:1.5}.tc-panel-shorts__controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tc-panel-shorts__pills{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 auto;min-width:0}.tc-panel-shorts__pill{font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;padding:5px 12px;border-radius:20px;border:1.5px solid #dcdcdc;background:#f6f6f6;color:#555;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;line-height:1.4;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tc-panel-shorts__pill:hover{border-color:#be1002;color:#be1002;background:#fff0ee;transform:translateY(-1px)}.tc-panel-shorts__pill:active{transform:translateY(0)}.tc-panel-shorts__pill[aria-selected=true]{background:linear-gradient(90deg,#be1002,#1e3073);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(190,16,2,.3)}.tc-panel-shorts__pill--has-results{border-color:#be1002;color:#be1002;background:#fff0ee}.tc-panel-shorts__search-wrap{position:relative;flex-shrink:0;width:200px;max-width:100%}.tc-panel-shorts__search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:13px;height:13px;opacity:.4;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat}.tc-panel-shorts__search{font-family:'Poppins',sans-serif;font-size:12px;padding:7px 12px 7px 32px;border:1.5px solid #dcdcdc;border-radius:20px;outline:none;width:100%;box-sizing:border-box;color:#333;background:#fafafa;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none}.tc-panel-shorts__search:focus{border-color:#1e3073;background:#fff;box-shadow:0 0 0 3px rgba(30,48,115,.1)}.tc-panel-shorts__search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.tc-panel-shorts__league-header{grid-column:1/-1;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#999;padding:10px 0 5px;border-bottom:1px solid #eee;margin-bottom:4px}.tc-panel-shorts__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:16px;max-height:340px;overflow-y:auto;overflow-x:hidden;padding-right:6px;-webkit-overflow-scrolling:touch}@media (hover:hover){.tc-panel-shorts__grid::-webkit-scrollbar{width:5px}.tc-panel-shorts__grid::-webkit-scrollbar-track{background:#f2f2f2;border-radius:3px}.tc-panel-shorts__grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.tc-panel-shorts__grid::-webkit-scrollbar-thumb:hover{background:#aaa}}.tc-panel-shorts__card{background:#fafafa;border:1px solid #efefef;border-radius:10px;padding:11px 13px;transition:box-shadow .15s ease,border-color .15s ease}.tc-panel-shorts__card:hover{box-shadow:0 3px 10px rgba(0,0,0,.08);border-color:#e0e0e0}.tc-panel-shorts__team{font-size:12px;font-weight:600;color:#222;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-panel-shorts__swatches{display:flex;flex-wrap:wrap;gap:5px}.tc-panel-shorts__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border:1px solid #e2e2e2;border-radius:20px;background:#fff;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease,background .12s ease;font-family:'Poppins',sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tc-panel-shorts__chip:hover{border-color:#1e3073;transform:translateY(-1px);box-shadow:0 2px 7px rgba(0,0,0,.1)}.tc-panel-shorts__chip:active{transform:translateY(0);box-shadow:none}.tc-panel-shorts__chip.copied{border-color:#00843d;background:#f0faf4}.tc-panel-shorts__dot{display:block;width:15px;height:15px;min-width:15px;border-radius:50%;flex-shrink:0}.tc-panel-shorts__hex{font-size:10.5px;font-weight:500;color:#444;letter-spacing:.02em;font-family:'Courier New',Courier,monospace;white-space:nowrap}.tc-panel-shorts__toast{position:absolute;bottom:18px;right:22px;background:linear-gradient(90deg,#be1002,#1e3073);color:#fff;font-family:'Poppins',sans-serif;font-size:12px;font-weight:500;padding:7px 16px;border-radius:20px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:0 4px 12px rgba(30,48,115,.25);white-space:nowrap;z-index:10}.tc-panel-shorts__toast.visible{opacity:1;transform:translateY(0)}.tc-panel-shorts__empty{grid-column:1/-1;padding:28px 16px;text-align:center;color:#bbb;font-size:13px;font-style:italic}@media (max-width:1024px){.tc-panel-shorts__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width:768px){.tc-panel-shorts{padding:18px 16px 16px;border-radius:12px;margin:20px 0 0}.tc-panel-shorts__title-row{gap:10px;margin-bottom:12px}.tc-panel-shorts__icon{width:28px;height:28px;min-width:28px;border-radius:7px}.tc-panel-shorts__icon:before{width:14px;height:14px}.tc-panel-shorts__title{font-size:14px}.tc-panel-shorts__subtitle{font-size:11.5px}.tc-panel-shorts__controls{flex-direction:column;align-items:stretch;gap:8px}.tc-panel-shorts__pills{order:2}.tc-panel-shorts__search-wrap{order:1;width:100%}.tc-panel-shorts__search{width:100%;font-size:14px;padding:9px 14px 9px 34px}.tc-panel-shorts__pill{font-size:11px;padding:5px 10px}.tc-panel-shorts__grid{grid-template-columns:repeat(2,1fr);gap:7px;max-height:300px;padding-right:3px}.tc-panel-shorts__card{padding:10px 11px}.tc-panel-shorts__team{font-size:11.5px;margin-bottom:7px}.tc-panel-shorts__chip{padding:3px 8px 3px 4px;gap:4px}.tc-panel-shorts__dot{width:13px;height:13px;min-width:13px}.tc-panel-shorts__hex{font-size:10px}.tc-panel-shorts__toast{bottom:12px;right:14px;font-size:11.5px;padding:6px 13px}}@media (max-width:600px){.tc-panel-shorts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tc-panel-shorts{padding:14px 12px 14px;border-radius:10px;margin:16px 0 0}.tc-panel-shorts__title{font-size:13.5px}.tc-panel-shorts__subtitle{font-size:11px}.tc-panel-shorts__pill{font-size:10.5px;padding:4px 9px}.tc-panel-shorts__grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:260px}.tc-panel-shorts__card{padding:9px 10px;border-radius:8px}.tc-panel-shorts__team{font-size:11px;margin-bottom:6px}.tc-panel-shorts__chip{padding:3px 7px 3px 4px;gap:4px}.tc-panel-shorts__dot{width:12px;height:12px;min-width:12px}.tc-panel-shorts__hex{font-size:9.5px}.tc-panel-shorts__toast{left:50%;right:auto;transform:translateX(-50%) translateY(6px);bottom:12px;font-size:11px;padding:6px 14px}.tc-panel-shorts__toast.visible{transform:translateX(-50%) translateY(0)}}@media (max-width:380px){.tc-panel-shorts{padding:12px 10px 12px}.tc-panel-shorts__title-row{gap:8px}.tc-panel-shorts__icon{width:24px;height:24px;min-width:24px;border-radius:6px}.tc-panel-shorts__icon:before{width:12px;height:12px}.tc-panel-shorts__title{font-size:13px}.tc-panel-shorts__subtitle{font-size:10.5px}.tc-panel-shorts__pill{font-size:10px;padding:4px 8px}.tc-panel-shorts__grid{grid-template-columns:1fr 1fr;gap:5px;max-height:240px}.tc-panel-shorts__card{padding:8px 9px}.tc-panel-shorts__team{font-size:10.5px}.tc-panel-shorts__hex{font-size:9px}}@media (hover:none){.tc-panel-shorts__chip:hover,.tc-panel-shorts__pill:hover{transform:none}.tc-panel-shorts__chip:active{background:#f0f4ff;border-color:#1e3073}.tc-panel-shorts__pill:active{background:#fff0ee;border-color:#be1002;color:#be1002}}@media (prefers-reduced-motion:reduce){.tc-panel-shorts__pill,.tc-panel-shorts__chip,.tc-panel-shorts__toast,.tc-panel-shorts__search,.tc-panel-shorts__card{transition:none}}