@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[role=button],a,button,input,label,select,summary,textarea{touch-action:manipulation}@media (hover:none){.hp-auc-card:active,.hp-card:active,.lc-card:active,.ls-tab:active{transform:scale(.97);transition:transform .08s ease}[role=button]:active,a:active,button:active{opacity:.75;transition:opacity .05s}}.overflow-auto,.overflow-x-auto,.overflow-x-scroll,.overflow-y-auto,.overflow-y-scroll,[style*=overflow]{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hp-auc-img img,.hp-auc2-img img,.hp-card-img img,.hp-news-thumb img,.lc-card img{transition:opacity .35s ease}@media (hover:hover){.hp-auc-img img,.hp-auc2-img img,.hp-card-img img,.hp-card2 .hp-card-img img,.hp-news-thumb img,.lc-card img{transition:transform .4s ease,opacity .3s ease}.hp-auc-card:hover .hp-auc-img img,.hp-auc2-card:hover .hp-auc2-img img,.hp-card2:hover .hp-card-img img,.hp-card:hover .hp-card-img img,.lc-card:hover img{transform:scale(1.06)}}.btn,[role=button],a.btn,button{transition:all .15s ease}.btn:active,[role=button]:active,a.btn:active,button:active{transform:scale(.97)}.text-heading{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#111}.text-title{font-size:16px;font-weight:600;line-height:1.3;color:#111}.text-body{font-size:14px;font-weight:400;line-height:1.55;color:#374151}.text-caption{font-size:12px;font-weight:400;line-height:1.45;color:#6b7280}.text-micro{font-size:10px;font-weight:500;line-height:1.3;color:#9ca3af;letter-spacing:.02em}.text-price{font-size:18px;font-weight:700;line-height:1.2;color:#c30101;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.radius-card{border-radius:14px}.radius-btn{border-radius:10px}.radius-input{border-radius:8px}.radius-badge{border-radius:100px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}:root{--nav-row1:60px;--nav-row2:48px;--nav-h:calc(var(--nav-row1) + var(--nav-row2));--primary:#c30101;--primary-hover:#a30000;--red-primary:#c30101;--red-hover:#a30000;--red-light:#ff6b4d;--red-dark:#a30000;--red-subtle:#c3010112;--red-border:#c3010133;--red-border-hover:#c3010180;--gold-primary:#c30101;--gold-light:#ff6b4d;--gold-dark:#a30000;--gold-subtle:#c3010112;--gold-border:#c3010133;--gold-border-hover:#c3010180;--green:#16a34a;--error:#ef4444;--red:#ef4444;--bg-main:#fff;--bg-page:#fff;--bg-card:#fff;--bg-elevated:#eee;--bg-input:#fff;--bg-nav:#fffffff7;--bg-dropdown:#fff;--bg-overlay:#fffffffa;--text-primary:#222;--text-secondary:#555;--text-muted:#999;--text-placeholder:#bbb;--text-inverse:#fff;--border:#e5e5e5;--border-card:#e5e5e5;--border-elevated:#ccc;--shadow-card:0 1px 6px #0000000f;--shadow-raised:0 2px 12px #0000001a;--scrollbar-track:#f0f0f0;--scrollbar-thumb:#ccc;--mono:var(--font-dm-mono),"IBM Plex Mono",var(--font-prompt),"Prompt","Courier New",monospace;--thai:var(--font-prompt),var(--font-sarabun),var(--font-noto-sc),"Prompt","Sarabun",sans-serif;--thai-body:var(--font-sarabun),var(--font-prompt),var(--font-noto-sc),"Sarabun","Prompt",sans-serif;color-scheme:light}[data-theme=dark]{--red-primary:#ff3b38;--red-hover:#c30101;--red-light:#ff6b68;--red-dark:#c30101;--red-subtle:#c301011f;--red-border:#c301014d;--red-border-hover:#c3010199;--gold-primary:#ff3b38;--gold-light:#ff6b68;--gold-dark:#c30101;--gold-subtle:#c301011f;--gold-border:#c301014d;--gold-border-hover:#c3010199;--bg-page:#111;--bg-card:#1c1c1c;--bg-elevated:#242424;--bg-input:#1c1c1c;--bg-nav:#111111f7;--bg-dropdown:#1c1c1c;--bg-overlay:#111111fa;--text-primary:#f5f5f5;--text-secondary:#f66;--text-muted:#aaa;--text-placeholder:#666;--text-inverse:#111;--border:#2e2e2e;--border-card:#2e2e2e;--border-elevated:#3a3a3a;--scrollbar-track:#111;--scrollbar-thumb:#3a3a3a;color-scheme:dark}[data-theme=light]{--primary:#c30101;--primary-hover:#a30000;--red-primary:#c30101;--red-hover:#a30000;--red-light:#ff6b4d;--red-dark:#a30000;--red-subtle:#c3010112;--red-border:#c3010133;--red-border-hover:#c3010180;--gold-primary:#c30101;--gold-light:#ff6b4d;--gold-dark:#a30000;--gold-subtle:#c3010112;--gold-border:#c3010133;--gold-border-hover:#c3010180;--bg-main:#fff;--bg-page:#fff;--bg-card:#fff;--bg-elevated:#f7f7f8;--bg-input:#fff;--bg-nav:#fffffff7;--bg-dropdown:#fff;--bg-overlay:#fffffffa;--text-primary:#222;--text-secondary:#555;--text-muted:#999;--text-placeholder:#bbb;--text-inverse:#fff;--border:#e5e5e5;--border-card:#e5e5e5;--border-elevated:#ccc;--shadow-card:0 1px 3px #00000014;--shadow-raised:0 2px 8px #0000001f;--scrollbar-track:#f0f0f0;--scrollbar-thumb:#ccc;color-scheme:light}#tc-nav-offset{display:block;height:calc(var(--nav-h) + env(safe-area-inset-top))}@media (max-width:768px){:root{--nav-h:var(--nav-row1)}#tc-chat-bubble,#tc-chat-panel{bottom:80px!important}body{padding-bottom:calc(60px + env(safe-area-inset-bottom));overscroll-behavior-y:contain}}*{box-sizing:border-box}body,html{background:var(--bg-page);overflow-x:hidden}body{margin:0;padding:0;color:var(--text-primary);font-family:var(--font-prompt),var(--font-sarabun),var(--font-noto-sc),"Prompt","Sarabun",sans-serif;font-size:14px;line-height:22px;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.input-gold{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px 14px;width:100%;transition:border-color .2s,background .2s;font-family:var(--thai);font-size:14px}.input-gold::placeholder{color:var(--text-placeholder)}.input-gold:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c301011f}.select-gold,select.input-gold{appearance:none;-webkit-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23E10600' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 36px 10px 14px;width:100%;cursor:pointer;font-family:var(--thai);font-size:14px;transition:border-color .2s,background-color .2s;color-scheme:light}[data-theme=dark] .select-gold,[data-theme=dark] select.input-gold{color-scheme:dark}.select-gold:focus,select.input-gold:focus{outline:none;border-color:var(--red-primary);box-shadow:0 0 0 3px #c301011f}.select-gold:disabled,select.input-gold:disabled{opacity:.45;cursor:not-allowed}.select-gold option,select.input-gold option{background-color:var(--bg-dropdown);color:var(--text-primary)}[data-theme=dark] .select-gold option,[data-theme=dark] select.input-gold option{background:#1c1c1c;color:#f5f5f5}[data-theme=light] .select-gold option,[data-theme=light] select.input-gold option{background:#fff;color:#111}textarea.input-gold{resize:vertical;min-height:100px}.ax-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-family:var(--thai);font-size:14px;color:#111;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.ax-input::placeholder{color:#9ca3af}.ax-input:focus{border-color:#c30101;box-shadow:0 0 0 3px #c301011a}.btn-gold{background:var(--primary);color:#fff;font-weight:600;padding:10px 24px;border-radius:10px;border:none;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;font-family:var(--thai);font-size:14px;letter-spacing:.01em}.btn-gold:hover{background:var(--primary-hover);box-shadow:0 2px 8px #c301014d}.btn-gold:active{transform:scale(.98)}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#0000;color:var(--primary);border:1.5px solid var(--primary);padding:9px 24px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s;font-family:var(--thai);font-size:14px}.btn-outline:hover{background:var(--red-subtle)}.card-elevated{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-raised)}.rarity-common{color:#9ca3af;border-color:#d1d5db}.rarity-uncommon{color:#16a34a;border-color:#86efac}.rarity-rare{color:#2563eb;border-color:#93c5fd}.rarity-ultra_rare{color:#7c3aed;border-color:#c4b5fd}.rarity-legendary{color:#c30101;border-color:#ff3b38}@keyframes tcSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes red-shimmer{0%{background-position:-200%}to{background-position:200%}}.gold-shimmer{background:linear-gradient(90deg,#a30000,#ff3b38 40%,#c30101 50%,#ff3b38 60%,#a30000);background-size:200% auto;animation:red-shimmer 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.live-dot{width:8px;height:8px;background:var(--red-primary);border-radius:50%;animation:pulse-red 1.5s ease-in-out infinite;display:inline-block}@keyframes flash-green{0%,to{background:#0000}50%{background:#16a34a26}}@keyframes flash-red{0%,to{background:#0000}50%{background:#ef444426}}.price-up{animation:flash-green .6s ease;color:var(--green)}.price-down{animation:flash-red .6s ease;color:var(--error)}.ob-root{font-family:var(--font-prompt),var(--font-noto-sc),"Prompt",ui-monospace,monospace}@keyframes ob-flash-green{0%{background:#16a34a26}to{background:#0000}}@keyframes ob-flash-red{0%{background:#c3010126}to{background:#0000}}.flash-green{animation:ob-flash-green .55s ease-out forwards}.flash-red{animation:ob-flash-red .55s ease-out forwards}@keyframes ob-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.ob-live-dot{animation:ob-pulse 1.9s ease-in-out infinite}@keyframes ob-badge-blink{0%,to{opacity:1}50%{opacity:.4}}.ob-badge-dot{animation:ob-badge-blink 1.7s ease-in-out infinite}@keyframes ob-shimmer{0%,to{opacity:.3}50%{opacity:.65}}.ob-shimmer{animation:ob-shimmer 1.4s ease-in-out infinite}.ob-level-row:hover{background:#00000008}@keyframes ob-pressure-in{0%{width:50%}}.ob-pressure{animation:ob-pressure-in .5s cubic-bezier(.4,0,.2,1);transition:width .45s cubic-bezier(.4,0,.2,1),background .3s ease}.cat-link:hover{border-color:#c3010166!important}.nav-search-result{transition:background .1s}.nav-search-result:hover{background:#fef2f2}.cw-conv-row{transition:background .1s}.cw-conv-row:hover{background:#f9fafb}.cw-input{transition:border-color .15s}.cw-input:focus{border-color:#c30101!important}.lc-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.lc-heart:hover:not([style*="cursor: default"]){transform:scale(1.12)}.ls-wrap{max-width:1280px;margin:0 auto;padding:0 20px}.ls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ls-title{font-size:20px;font-weight:700;color:#111;font-family:var(--thai);margin:0;letter-spacing:-.01em}.ls-viewall{font-size:13px;font-weight:600;color:#c30101;text-decoration:none}.ls-viewall:hover{text-decoration:underline}.ls-tabs-scroll{overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:20px}.ls-tabs-scroll::-webkit-scrollbar{display:none}.ls-tabs{display:flex;gap:8px;min-width:max-content}.ls-tab{min-height:36px;padding:6px 20px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;border:none;cursor:pointer;font-family:var(--thai);transition:all .15s}.ls-tab.active{background:#c30101;color:#fff}.ls-tab.inactive{background:#f5f5f5;color:#666}.ls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.ls-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width:1024px){.ls-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.ls-empty{padding:64px 0;text-align:center;color:#aaa}.btn-primary,.ls-empty{font-size:14px;font-family:var(--thai)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 24px;border-radius:10px;border:none;background:#c30101;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#a30000}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 24px;border-radius:10px;border:1.5px solid #c30101;background:#0000;color:#c30101;font-family:var(--thai);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,transform .1s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#c301010d}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:#0000;color:var(--text-muted);font-family:var(--thai);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.btn-ghost:hover:not(:disabled){color:#c30101;background:#c301010d}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border-card);border-radius:12px;padding:20px}.card,.card-sm{background:var(--bg-card)}.card-sm{border:1px solid var(--border-card);border-radius:10px;padding:14px 16px}.form-input{width:100%;padding:9px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--thai);font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.form-input:focus{border-color:#c30101}.form-input::placeholder{color:var(--text-placeholder)}.form-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-family:var(--mono)}.badge-red{border-radius:20px;background:#c3010114;color:#c30101;border:1px solid #c3010133}.badge-green,.badge-red{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono)}.badge-green{border-radius:20px;background:#16a34a14;color:#16a34a;border:1px solid #16a34a33}.badge-gray{border-radius:20px;background:#6b728014;color:#6b7280;border:1px solid #6b728033}.badge-amber,.badge-gray{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono)}.badge-amber{border-radius:20px;background:#d9770614;color:#d97706;border:1px solid #d9770633}.guide-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .15s,border-color .15s}.guide-list-card:hover{box-shadow:0 4px 16px #00000014;border-color:#c301014d}