@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.p.e644b68f.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.7dda2f4b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.b093ab45.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.b3163490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.96754dc3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.cfb14465.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.a32f81c5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.eabc3dff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.5eeb9c45.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.71b7b808.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.a98998d3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.772b3575.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.686004b0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.56af7f28.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.823aae1d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.fc7dc774.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5cd84bccd140a27e-s.p.a0602b11.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/76724868bba90169-s.50e05bf8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/affb3a7a977decf3-s.3a9d0fd2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5db3af44c16866f3-s.p.72e262d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_c48d5b2b-module__U4-amW__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_c48d5b2b-module__U4-amW__variable{--font-kanit:"Kanit","Kanit Fallback"}
:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f3f4f6;--text:#111827;--text-muted:#6b7280;--text-inverse:#fff;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#facc15;--secondary-hover:#eab308;--accent:#ef4444;--border:#e5e7eb;--border-strong:#d1d5db;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--focus-ring:#93c5fd;--spacing-base:8px;--section-padding-desktop:72px;--section-padding-mobile:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 8px 24px #00000014;--container-max-width:1120px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0;font-family:Kanit,sans-serif;font-weight:800}h1{font-size:40px;line-height:1.2}h2{font-size:28px;line-height:1.286}h3{font-size:20px;font-weight:700;line-height:1.4}.container{max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 24px}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.logo-link{align-items:center;display:flex}.logo{width:auto;height:40px}.nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text);border-bottom:2px solid #0000;padding:8px 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.header-actions{align-items:center;gap:12px;display:flex}.icon-button{width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover{background:var(--surface-2);color:var(--text)}.button{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .15s ease-out;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.button:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.button-lg{height:48px;padding:0 20px;font-size:16px}.button-md{height:40px;padding:0 16px;font-size:14px}.button-sm{height:32px;padding:0 12px;font-size:13px}.button-primary{background:var(--primary);color:var(--text-inverse)}.button-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm)}.button-secondary{color:#7c5e00;background:#fff7db;border:1px solid #fde68a}.button-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#fef3c7}.button-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.button-outline:hover:not(:disabled){background:var(--primary);color:var(--text-inverse)}.button-ghost{color:var(--text);background:0 0}.button-ghost:hover:not(:disabled){background:var(--surface-2)}.section{padding:var(--section-padding-desktop)0}.section-light{background:var(--surface)}.section-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.section-title{color:var(--text);font-size:28px;font-weight:800}.link-more{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.link-more:hover{color:var(--primary-hover)}.hero{background:var(--surface);padding:80px 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80%,#facc150f 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-text{max-width:520px}.hero-title{color:var(--text);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:18px;font-weight:500;line-height:1.556}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-illustration{justify-content:center;align-items:center;display:flex}.hero-illustration img{width:100%;max-width:500px;height:auto}.game-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .15s ease-out;position:relative;overflow:hidden}.game-card:hover:not(.game-card-disabled){border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-card-disabled{opacity:.6}.beta-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse-beta;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #ee5a6f66}@keyframes pulse-beta{0%,to{box-shadow:0 2px 8px #ee5a6f66}50%{box-shadow:0 2px 12px #ee5a6f99}}.game-thumbnail{aspect-ratio:5/4;border-radius:var(--radius-sm);background:var(--surface-2);width:100%;margin-bottom:12px;overflow:hidden}.game-thumbnail svg,.game-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.game-thumbnail-hover{position:relative}.game-thumbnail-hover .thumbnail-hover{opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.game-card:hover .game-thumbnail-hover .thumbnail-hover{opacity:1}.game-info{flex-direction:column;gap:8px;display:flex}.game-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.game-meta{color:var(--text-muted);margin:0;font-size:14px;font-weight:500}.game-actions{gap:8px;margin-top:8px;display:flex}.badge{letter-spacing:.5px;text-transform:uppercase;z-index:1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1;position:absolute;top:12px;right:12px}.badge-new{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-original{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.tools-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;display:grid}.tool-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;text-decoration:none;transition:all .15s ease-out;display:flex}.tool-button:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-button:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.tool-icon{font-size:32px;line-height:1}.tool-label{color:var(--text);font-size:14px;font-weight:600}.watch-hero{background:var(--surface-2);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:48px;padding:40px;display:grid}.watch-illustration{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.watch-illustration iframe{aspect-ratio:16/9;border-radius:var(--radius-sm);width:100%;height:auto}.watch-illustration svg{width:100%;max-width:400px;height:auto}.watch-content{flex-direction:column;gap:20px;display:flex}.watch-description{color:var(--text-muted);margin:0;font-size:16px;line-height:1.5}.video-section{margin-top:48px}.video-section-title{margin-bottom:20px;font-size:20px;font-weight:700}.video-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:min(520px,100%);height:40px;font:inherit;outline:none;padding:10px 14px;font-size:14px;transition:all .15s}.search:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.search::placeholder{color:var(--text-muted)}.muted{color:var(--text-muted);font-size:14px;font-weight:500}.embed{margin-top:16px}.responsive-iframe{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#0f172a;padding-top:56.25%;position:relative;overflow:hidden}.responsive-iframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-browser{margin-top:6px}.playlist{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:20px}.playlist+.playlist{margin-top:16px}.playlist-title{color:var(--text);margin:0 0 16px;font-size:18px;font-weight:700}.video-list{grid-template-columns:1fr;gap:12px;display:grid}.video-item{color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;text-decoration:none;transition:all .15s ease-out;display:flex}.video-item:hover{box-shadow:var(--shadow-sm);border-color:var(--primary);transform:translateY(-1px)}.thumb{background:#0f172a;border-radius:8px;flex:none;width:120px;height:68px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-meta{min-width:0}.video-title{color:var(--text);margin:0;font-size:14px;font-weight:600}.video-sub{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:500}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:80px;padding:48px 0}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.footer-logo{align-items:center;display:flex}.footer-logo img{width:auto;height:36px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--text-muted);margin:0;font-size:14px}.mobile-menu{z-index:200;opacity:0;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-menu.active{opacity:1;display:block}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-menu-content{background:var(--surface);flex-direction:column;width:320px;max-width:85vw;height:100%;transition:transform .3s;display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.mobile-menu.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.mobile-menu-close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-menu-close:hover{background:var(--surface-2);color:var(--text)}.mobile-menu-nav{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.mobile-menu-link{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);align-items:center;gap:16px;padding:16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-link:hover{background:var(--primary);border-color:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-sm);transform:translate(-4px)}.mobile-menu-link svg{flex-shrink:0;width:24px;height:24px}.mobile-menu-link:hover svg{stroke:var(--text-inverse)}.mobile-menu-link:hover svg[fill=currentColor]{fill:var(--text-inverse)}@media (max-width:768px){.section{padding:var(--section-padding-mobile)0}.hero{padding:60px 0}.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-text{max-width:100%}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.nav{display:none}.game-grid,.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px}.watch-hero{grid-template-columns:1fr;gap:24px;padding:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.video-list{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 16px}.header-content{height:56px}.logo{height:32px}h1{font-size:32px}h2{font-size:24px}.hero-title{font-size:28px}.game-grid,.tools-grid{grid-template-columns:1fr;gap:12px}.tool-button{flex-direction:row;justify-content:flex-start;padding:16px}.tool-icon{font-size:24px}.video-item{flex-direction:column;align-items:flex-start}.thumb{aspect-ratio:16/9;width:100%;height:auto}}@media (min-width:1024px){.video-list{grid-template-columns:1fr 1fr}}.dice-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dice-display-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:40px}.dice-display-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.dice-count-label{color:var(--text-muted);font-size:14px;font-weight:600}.dice-result-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:160px;margin-bottom:24px;display:flex}.dice-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.dice-placeholder-icon{opacity:.5;font-size:64px}.dice-placeholder-text{margin:0;font-size:16px}.dice-item{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative}.dice-item.queued{background:var(--surface);border:2px dashed var(--border-strong);cursor:default}.dice-item.queued:hover{border-color:var(--primary);transform:translateY(-2px)}.dice-remove-btn{background:var(--danger);width:24px;height:24px;color:var(--text-inverse);border:2px solid var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px}.dice-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.dice-item.rolling{background:var(--primary);border-color:var(--primary);color:var(--text-inverse);animation:.6s ease-in-out diceRoll}.dice-item.revealed{background:var(--surface);border-color:var(--primary);animation:.3s ease-out diceReveal}.dice-face{color:var(--text);font-family:Kanit,sans-serif;font-size:32px;font-weight:700}.dice-item.rolling .dice-face{color:var(--text-inverse)}.dice-type-badge{color:var(--text-muted);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;bottom:4px}.dice-item.rolling .dice-type-badge{color:var(--text-inverse);background:#fff3}@keyframes diceRoll{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(1.1)}}@keyframes diceReveal{0%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dice-total{text-align:center;background:var(--surface-2);border-radius:var(--radius-md);padding:16px;display:none}.dice-total:not(:empty){display:block}.dice-total-label{color:var(--text-muted);margin-right:8px;font-size:14px}.dice-total-value{color:var(--primary);font-family:Kanit,sans-serif;font-size:32px;font-weight:800}.dice-controls{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:32px}.dice-control-section{margin-bottom:24px}.dice-section-title{color:var(--text);margin:0 0 16px;font-size:18px;font-weight:700}.dice-type-tabs{border-bottom:2px solid var(--border);gap:8px;margin-bottom:16px;display:flex}.dice-type-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.dice-type-tab:hover{color:var(--text)}.dice-type-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.dice-type-panel{display:none}.dice-type-panel.active{display:block}.dice-type-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dice-type-button{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;transition:all .2s;display:flex}.dice-type-button:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dice-type-button.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.dice-type-label{font-family:Kanit,sans-serif;font-size:18px;font-weight:700}.dice-type-desc{opacity:.8;font-size:12px}.dice-type-button.active .dice-type-label,.dice-type-button.active .dice-type-desc{color:var(--text-inverse)}.dice-custom-input{max-width:400px}.dice-custom-label{color:var(--text);flex-direction:column;gap:4px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.dice-custom-sublabel{color:var(--text-muted);font-size:12px;font-weight:400}.dice-control-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.dice-count-control{align-items:center;gap:12px;max-width:240px;display:flex}.dice-count-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text);justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:all .2s;display:flex}.dice-count-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.dice-number-input{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;height:40px;padding:0 12px;font-size:16px;transition:all .2s}.dice-number-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.dice-roll-button{width:100%;margin-top:8px}.dice-roll-button:disabled{opacity:.5;cursor:not-allowed}.dice-queue-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dice-queue{background:var(--surface-2);border-radius:var(--radius-md);border:2px dashed var(--border);flex-wrap:wrap;gap:8px;min-height:60px;padding:16px;display:flex}.dice-queue-empty{justify-content:center;align-items:center;width:100%;display:flex}.dice-queue-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.dice-queue-label{color:var(--text)}.dice-queue-remove{background:var(--danger);width:20px;height:20px;color:var(--text-inverse);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .2s;display:flex}.dice-queue-remove:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.dice-history-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.dice-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dice-history-list{flex-direction:column;gap:12px;max-height:500px;display:flex;overflow-y:auto}.dice-history-empty{text-align:center;padding:40px}.dice-history-item{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:16px}.dice-history-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.dice-history-time{color:var(--text-muted);font-size:12px}.dice-history-type{color:var(--text);font-size:14px;font-weight:600}.dice-history-total{color:var(--primary);font-size:14px;font-weight:700}.dice-history-results{flex-wrap:wrap;gap:6px;display:flex}.dice-history-result{background:var(--surface);border:1px solid var(--border);min-width:32px;height:32px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.modal{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-md);z-index:1;padding:32px;position:relative}.modal-title{color:var(--text);margin:0 0 12px;font-size:20px;font-weight:700}.modal-text{color:var(--text-muted);margin:0 0 24px;font-size:16px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (max-width:768px){.dice-header{flex-direction:column;align-items:flex-start;gap:16px}.dice-display-section,.dice-controls,.dice-history-section{padding:24px}.dice-type-grid{grid-template-columns:repeat(2,1fr)}.dice-item{width:64px;height:64px}.dice-face,.dice-total-value{font-size:24px}.modal-content{padding:24px}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}}.timer-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.timer-header-actions{align-items:center;gap:12px;display:flex}.timer-mode-tabs{justify-content:center;gap:12px;margin-bottom:32px;display:flex}.timer-mode-tab{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;min-width:160px;padding:20px 40px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.timer-mode-tab span:first-child{font-size:32px}.timer-mode-tab:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.timer-mode-tab.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.timer-display-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:200px;margin-bottom:32px;padding:60px 40px;display:flex}.timer-display{color:var(--text);letter-spacing:.05em;font-family:Kanit,sans-serif;font-size:120px;font-weight:800;line-height:1}.timer-milliseconds{color:var(--text-muted);align-self:flex-end;padding-bottom:12px;font-family:Kanit,sans-serif;font-size:48px;font-weight:700}.timer-display-container.timer-warning{animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{background:var(--surface)}50%{background:#fef3c7}}.timer-display-container.timer-finished{background:var(--success);animation:.5s ease-in-out 3 timerFlash}.timer-display-container.timer-finished .timer-display{color:var(--text-inverse)}@keyframes timerFlash{0%,to{opacity:1}50%{opacity:.5}}.timer-mode-panel{display:none}.timer-mode-panel.active{display:block}.timer-presets{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.timer-preset-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text);padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.timer-preset-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.timer-input-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.timer-input-field{flex-direction:column;gap:8px;min-width:120px;display:flex}.timer-input-label{color:var(--text);text-align:center;font-size:14px;font-weight:600}.timer-input-control{align-items:center;gap:8px;display:flex}.timer-input-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:48px;color:var(--text);justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:all .2s;display:flex}.timer-input-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.timer-input{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;width:70px;height:48px;padding:0 12px;font-family:Kanit,sans-serif;font-size:24px;font-weight:700;transition:all .2s}.timer-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.timer-controls{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.timer-controls .button{justify-content:center;align-items:center;gap:8px;min-width:140px;display:flex}.timer-btn-icon{font-size:20px}.timer-lap-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.timer-section-title{color:var(--text);margin:0 0 16px;font-size:18px;font-weight:700}.timer-lap-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.timer-lap-empty{text-align:center;padding:40px}.timer-lap-item{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:80px 1fr 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.timer-lap-number{color:var(--text-muted);font-size:14px;font-weight:600}.timer-lap-split{color:var(--primary);text-align:center;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.timer-lap-time{color:var(--text-muted);text-align:right;font-family:Kanit,sans-serif;font-size:14px;font-weight:500}:-webkit-any(:fullscreen .timer-display-container,:-webkit-full-screen .timer-display-container,:fullscreen .timer-display-container){border-radius:0;justify-content:center;align-items:center;height:100vh;margin:0;display:flex}:-moz-any(:fullscreen .timer-display-container,:fullscreen .timer-display-container,:-moz-full-screen .timer-display-container){border-radius:0;justify-content:center;align-items:center;height:100vh;margin:0;display:flex}:is(:fullscreen .timer-display-container,:fullscreen .timer-display-container,:fullscreen .timer-display-container){border-radius:0;justify-content:center;align-items:center;height:100vh;margin:0;display:flex}:-webkit-any(:fullscreen .timer-display,:-webkit-full-screen .timer-display,:fullscreen .timer-display){font-size:200px}:-moz-any(:fullscreen .timer-display,:fullscreen .timer-display,:-moz-full-screen .timer-display){font-size:200px}:is(:fullscreen .timer-display,:fullscreen .timer-display,:fullscreen .timer-display){font-size:200px}:-webkit-any(:fullscreen .timer-milliseconds,:-webkit-full-screen .timer-milliseconds,:fullscreen .timer-milliseconds){padding-bottom:24px;font-size:80px}:-moz-any(:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds,:-moz-full-screen .timer-milliseconds){padding-bottom:24px;font-size:80px}:is(:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds){padding-bottom:24px;font-size:80px}@media (max-width:1024px){.timer-display{font-size:100px}.timer-milliseconds{padding-bottom:10px;font-size:40px}}@media (max-width:768px){.timer-header{flex-direction:column;align-items:flex-start;gap:16px}.timer-mode-tabs{flex-direction:column;width:100%}.timer-mode-tab{width:100%}.timer-display-container{padding:40px 20px}.timer-display{font-size:72px}.timer-milliseconds{padding-bottom:8px;font-size:32px}.timer-input-group{flex-direction:column;align-items:stretch}.timer-input-field{min-width:auto}.timer-controls{flex-direction:column}.timer-controls .button{width:100%}.timer-lap-item{grid-template-columns:60px 1fr 1fr;gap:8px;font-size:14px}.timer-lap-section{padding:24px}:-webkit-any(:fullscreen .timer-display,:-webkit-full-screen .timer-display,:fullscreen .timer-display){font-size:120px}:-moz-any(:fullscreen .timer-display,:fullscreen .timer-display,:-moz-full-screen .timer-display){font-size:120px}:is(:fullscreen .timer-display,:fullscreen .timer-display,:fullscreen .timer-display){font-size:120px}:-webkit-any(:fullscreen .timer-milliseconds,:-webkit-full-screen .timer-milliseconds,:fullscreen .timer-milliseconds){font-size:48px}:-moz-any(:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds,:-moz-full-screen .timer-milliseconds){font-size:48px}:is(:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds,:fullscreen .timer-milliseconds){font-size:48px}}.team-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.team-container{grid-template-columns:400px 1fr;align-items:start;gap:32px;display:grid}.team-input-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.team-input-section{margin-bottom:24px}.team-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.team-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:200px;color:var(--text);background:var(--surface);resize:vertical;padding:12px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;transition:border-color .15s}.team-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.team-textarea::placeholder{color:var(--text-muted)}.team-mode-section{margin-bottom:24px}.team-mode-options{gap:12px;display:flex}.team-mode-option{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.team-mode-option:hover{border-color:var(--primary);background:var(--surface-2)}.team-mode-option input[type=radio]{cursor:pointer;margin:0}.team-mode-option input[type=radio]:checked+span{color:var(--primary)}.team-mode-option:has(input[type=radio]:checked){border-color:var(--primary);background:var(--surface-2)}.team-number-section{margin-bottom:24px}.team-number-input{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;width:100%;color:var(--text);background:var(--surface);padding:12px;font-size:16px;font-weight:600;transition:border-color .15s}.team-number-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.team-warning{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;margin-bottom:24px;padding:12px;font-size:13px;line-height:1.5;display:none}.team-actions{gap:12px;display:flex}.team-actions .button{flex:1}.team-results-panel{min-height:400px}.team-results-empty{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:80px 32px;display:flex}.empty-state{text-align:center}.empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.empty-text{color:var(--text-muted);margin:0;font-size:16px}.team-results-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.team-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:3px solid;transition:transform .15s,box-shadow .15s;overflow:hidden}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card-header{color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.team-card-title{color:#fff;text-shadow:0 1px 2px #0003;margin:0;font-size:18px;font-weight:700}.team-card-count{color:#fff;background:#ffffff4d;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:600}.team-card-body{padding:20px}.team-member-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.team-member-item{align-items:center;gap:12px;display:flex}.team-member-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.team-member-name{color:var(--text);font-size:15px;font-weight:500}.team-reshuffle-container{text-align:center;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}@media (max-width:768px){.team-container{grid-template-columns:1fr;gap:24px}.team-results-grid{grid-template-columns:repeat(2,1fr);gap:16px}.team-card-title{font-size:16px}.team-member-name{font-size:14px}}@media (max-width:480px){.team-header{flex-direction:column;align-items:flex-start;gap:16px}.team-input-panel{padding:24px}.team-results-grid{grid-template-columns:1fr}.team-mode-options,.team-actions{flex-direction:column}.team-actions .button{width:100%}}.cardloop-game{max-width:900px;margin:0 auto}.cardloop-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;background:#fff;padding:24px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.stat-value{color:var(--primary);font-family:Kanit,sans-serif;font-size:36px;font-weight:800;line-height:1}.card-display{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.card-slot{aspect-ratio:2.5/3.5;perspective:1000px}.card-back,.card-front{border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;justify-content:center;align-items:center;font-family:Kanit,sans-serif;transition:all .3s;display:flex}.card-back{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);font-size:48px;font-weight:800}.card-slot.revealed .card-front{animation:.6s flipCard}@keyframes flipCard{0%{opacity:0;transform:rotateY(180deg)scale(.8)}50%{transform:rotateY(90deg)scale(.9)}to{opacity:1;transform:rotateY(0)scale(1)}}.card-front{border:3px solid #e5e7eb}.card-front.red{color:#dc2626}.card-front.black{color:#1f2937}.card-value{margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.card-suit{font-size:36px;line-height:1}.question-area{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;background:#fff;padding:40px}.question-text{color:var(--text-primary);margin:0 0 32px;font-family:Kanit,sans-serif;font-size:28px;font-weight:700}.answer-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.answer-btn{border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;min-width:140px;padding:16px 32px;font-size:18px;font-weight:700;transition:all .2s}.answer-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.answer-btn:active{transform:translateY(0)}.start-btn{background:var(--primary);color:#fff;padding:20px 48px;font-size:20px}.start-btn:hover{background:#2563eb}.red-btn{color:#fff;background:#dc2626}.red-btn:hover{background:#b91c1c}.black-btn{color:#fff;background:#1f2937}.black-btn:hover{background:#111827}.higher-btn{background:var(--success);color:#fff}.higher-btn:hover{background:#16a34a}.lower-btn{background:var(--warning);color:#fff}.lower-btn:hover{background:#ea580c}.inside-btn{color:#fff;background:#8b5cf6}.inside-btn:hover{background:#7c3aed}.outside-btn{color:#fff;background:#ec4899}.outside-btn:hover{background:#db2777}.suit-btn{color:#1f2937;background:#fff;border:3px solid #e5e7eb;min-width:80px;padding:12px 20px;font-size:32px}.suit-btn:hover{border-color:var(--primary);background:#eff6ff}.suit-btn.suit-red{color:#dc2626}.suit-btn.suit-red:hover{background:#fef2f2;border-color:#dc2626}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;background:#fff;width:90%;max-width:500px;padding:48px;transition:transform .3s;transform:scale(.9)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-title{color:var(--text-primary);margin:0 0 16px;font-family:Kanit,sans-serif;font-size:36px;font-weight:800}.modal-text{color:var(--text-secondary);margin:0 0 24px;font-size:18px}.modal-rounds{color:var(--primary);margin:0 0 32px;font-size:20px;font-weight:700}.modal-rounds span{font-family:Kanit,sans-serif;font-size:32px;font-weight:800}.modal-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:16px 48px;font-size:18px;font-weight:700;transition:all .2s}.modal-btn:hover{box-shadow:var(--shadow-md);background:#2563eb;transform:translateY(-2px)}.wrong-modal .modal-title{color:var(--danger)}.wrong-btn{background:var(--danger)}.wrong-btn:hover{background:#dc2626}@media (max-width:768px){.cardloop-section{padding:60px 0 80px}.cardloop-title{font-size:36px}.cardloop-stats{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.card-display{grid-template-columns:repeat(2,1fr);gap:12px}.question-area{padding:32px 24px}.question-text{font-size:22px}.answer-btn{min-width:120px;padding:14px 24px;font-size:16px}.start-btn{padding:16px 36px;font-size:18px}.suit-btn{min-width:70px;padding:10px 16px;font-size:28px}}.scoreboard-setup{max-width:700px;margin:0 auto}.setup-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;padding:48px}.setup-icon{text-align:center;margin-bottom:24px;font-size:64px}.setup-title{text-align:center;color:var(--text-primary);margin:0 0 12px;font-family:Kanit,sans-serif;font-size:32px;font-weight:800}.setup-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 32px;font-size:16px}.scoreboard-input{min-height:200px;font-size:16px;line-height:1.6}.input-hint{background:var(--surface-light);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:14px;display:flex}.input-hint svg{color:var(--primary);flex-shrink:0}.setup-card .button{justify-content:center;align-items:center;width:100%;margin-top:24px;display:flex}.scoreboard-actions{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.scoreboard-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.score-card{border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;transition:all .2s;overflow:hidden}.score-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.score-card-header{background:var(--primary);text-align:center;padding:16px}.score-card-name{color:#fff;margin:0;font-family:Kanit,sans-serif;font-size:20px;font-weight:700}.score-card-body{text-align:center;padding:24px}.team-members-list{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.team-member-badge{background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 12px;font-size:14px;font-weight:500}.score-display{margin-bottom:20px}.score-value{color:var(--primary);font-family:Kanit,sans-serif;font-size:56px;font-weight:800;line-height:1}.score-controls{justify-content:center;gap:12px;display:flex}.score-btn{border-radius:var(--radius-md);cursor:pointer;width:60px;height:60px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.score-btn:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.score-btn:active{transform:scale(.95)}.minus-btn{background:var(--danger);color:#fff}.minus-btn:hover{background:#dc2626}.plus-btn{background:var(--success);color:#fff}.plus-btn:hover{background:#16a34a}.summary-modal{max-width:600px}.ranking-list{flex-direction:column;gap:16px;margin:32px 0;display:flex}.ranking-item{background:var(--surface-light);border-radius:var(--radius-md);border:2px solid var(--border);align-items:center;gap:20px;padding:20px;transition:all .2s;display:flex}.ranking-item:hover{transform:translate(4px)}.ranking-item.rank-1{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#f59e0b}.ranking-item.rank-2{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-color:#9ca3af}.ranking-item.rank-3{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);border-color:#f97316}.ranking-medal{text-align:center;min-width:60px;font-family:Kanit,sans-serif;font-size:48px;font-weight:800;line-height:1}.ranking-info{flex:1}.ranking-name{color:var(--text-primary);margin-bottom:4px;font-family:Kanit,sans-serif;font-size:24px;font-weight:700}.ranking-score{color:var(--text-secondary);font-size:18px;font-weight:600}@media (max-width:768px){.scoreboard-list{grid-template-columns:1fr}.scoreboard-actions{flex-direction:column}.scoreboard-actions .button{width:100%}.ranking-medal{min-width:50px;font-size:36px}.ranking-name{font-size:20px}.ranking-score{font-size:16px}.setup-card{padding:32px 24px}.setup-title{font-size:28px}.setup-icon{font-size:56px}}@media (max-width:480px){.score-value{font-size:48px}.score-btn{width:50px;height:50px}.ranking-item{padding:16px}.setup-card{padding:24px 20px}.setup-title{font-size:24px}.setup-icon{font-size:48px}.input-hint{padding:10px 12px;font-size:13px}.cardloop-title{font-size:28px}.cardloop-description{font-size:16px}.stat-value{font-size:28px}.card-display{gap:8px}.card-value{font-size:36px}.card-suit{font-size:28px}.question-area{padding:24px 16px}.question-text{margin-bottom:24px;font-size:18px}.answer-buttons{gap:12px}.answer-btn{min-width:100px;padding:12px 20px;font-size:15px}.modal-content{padding:32px 24px}.modal-title{font-size:28px}}.about-hero{background:var(--surface);padding:80px 0 60px;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80%,#facc150f 0%,#0000 50%);position:absolute;inset:0}.about-hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.about-hero-title{color:var(--text);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.about-hero-subtitle{color:var(--text-muted);margin:0;font-size:20px;font-weight:500;line-height:1.6}.about-content{padding:var(--section-padding-desktop)0}.about-sections{max-width:800px;margin:0 auto}.about-section{margin-bottom:48px}.about-section:last-child{margin-bottom:0}.about-section-title{color:var(--text);border-bottom:3px solid var(--primary);margin:0 0 24px;padding-bottom:16px;font-size:32px;font-weight:800}.about-section-content{color:var(--text);font-size:16px;line-height:1.8}.about-section-content p{margin:0 0 16px}.about-section-content p:last-child{margin-bottom:0}.about-contact-subtitle{text-align:center;color:var(--text-muted);margin:-16px 0 32px;font-size:16px}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px;display:grid}.contact-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:32px 24px;text-decoration:none;transition:all .15s ease-out;display:flex}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-card-icon{border-radius:var(--radius-md);background:var(--surface-2);width:80px;height:80px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:16px;transition:all .15s;display:flex}.contact-card:hover .contact-card-icon{background:var(--primary);color:var(--text-inverse);transform:scale(1.1)}.contact-card-icon svg{width:48px;height:48px}.contact-card-title{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:700}.contact-card-description{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.contact-card-link{color:var(--primary);font-size:14px;font-weight:600;transition:color .15s}.contact-card:hover .contact-card-link{color:var(--primary-hover)}@media (max-width:768px){.about-hero{padding:60px 0 40px}.about-hero-title{font-size:36px}.about-hero-subtitle{font-size:16px}.about-content{padding:var(--section-padding-mobile)0}.about-section{margin-bottom:40px}.about-section-title{font-size:28px}.contact-cards{grid-template-columns:repeat(2,1fr);gap:16px}.contact-card{padding:24px 16px}.contact-card-icon{width:64px;height:64px}.contact-card-icon svg{width:40px;height:40px}}@media (max-width:480px){.about-hero-title{font-size:28px}.about-hero-subtitle{font-size:15px}.about-section-title{font-size:24px}.about-section-content{font-size:15px}.contact-cards{grid-template-columns:1fr}}.input-field{width:100%;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);outline:none;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;transition:all .2s}.input-field:hover{border-color:var(--primary)}.input-field:focus{border-color:var(--primary);background:var(--background);box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:var(--text-muted);opacity:.6}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.countdown-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.countdown-overlay.active{display:flex}.countdown-content{text-align:center;animation:.5s ease-out countdown-pulse}.countdown-text{color:var(--text-inverse);opacity:.8;margin-bottom:24px;font-size:32px;font-weight:700}.countdown-number{color:var(--primary);text-shadow:0 0 40px #3b82f699;font-size:120px;font-weight:800;animation:1s ease-in-out countdown-scale}@keyframes countdown-pulse{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes countdown-scale{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.timer-setup{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:none}.timer-setup.active{display:flex}.timer-setup>.button{width:100%;max-width:400px;margin:8px auto 0}.setup-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:24px}.setup-section-title{color:var(--text);margin:0 0 16px;font-size:20px;font-weight:700}.player-count-selector{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.player-count-selector label{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.player-names-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.player-name-input{flex-direction:column;gap:6px;display:flex}.player-name-input label{color:var(--text);font-size:14px;font-weight:600}.time-presets{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.preset-btn{flex:1;min-width:100px}.preset-btn.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.custom-time-input{flex-direction:column;gap:8px;display:flex}.custom-time-input label{color:var(--text);font-size:14px;font-weight:600}.timer-game{flex-direction:column;gap:32px;display:none}.timer-game.active{display:flex}.timer-controls-top{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.timer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid}.timer-card{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex;position:relative}.timer-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.timer-player-name{color:var(--text);margin:0;font-size:18px;font-weight:700}.timer-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 8px;font-size:12px;font-weight:700}.timer-display{text-align:center;color:var(--text);letter-spacing:2px;font-family:Courier New,monospace;font-size:48px;font-weight:800}.timer-card.active{border-color:var(--primary);background:linear-gradient(135deg,#3b82f61a 0%,#3b82f60d 100%);transform:scale(1.02);box-shadow:0 0 0 4px #3b82f61a}.timer-card.active .timer-display{color:var(--primary)}.timer-card.warning{border-color:var(--warning);animation:1s ease-in-out infinite pulse-warning}.timer-card.warning .timer-display{color:var(--warning)}.timer-card.timeout{border-color:var(--danger);opacity:.7;background:linear-gradient(135deg,#ef44441a 0%,#ef44440d 100%)}.timer-card.timeout .timer-display{color:var(--danger)}.timer-card.timeout .timer-status{background:var(--danger);color:var(--text-inverse)}@keyframes pulse-warning{0%,to{box-shadow:0 0 #facc1566}50%{box-shadow:0 0 0 8px #facc1500}}.timer-controls-bottom{justify-content:center;gap:16px;margin-top:16px;display:flex}.button-xl{min-width:200px;padding:20px 48px;font-size:20px;font-weight:700}@media (max-width:768px){.countdown-text{font-size:24px}.countdown-number{font-size:80px}.timer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.timer-card{padding:20px}.timer-display{font-size:36px}.timer-player-name{font-size:16px}.player-names-grid{grid-template-columns:1fr}.time-presets{flex-direction:column}.preset-btn{width:100%}.button-xl{width:100%;padding:16px 32px;font-size:18px}.timer-controls-top{flex-direction:column}.timer-controls-top .button{width:100%}}@media (max-width:480px){.countdown-text{font-size:20px}.countdown-number{font-size:64px}.timer-grid{grid-template-columns:1fr}.timer-display{font-size:32px}.setup-card{padding:16px}}.lucky-draw-container{grid-template-columns:1fr 1.5fr;gap:32px;margin-top:32px;display:grid}.lucky-draw-setup{flex-direction:column;gap:24px;display:flex}.item-input-group{gap:12px;display:flex}.item-input-group .input-field{flex:1}.settings-group{margin-top:16px}.checkbox-label{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.stats-bar{background:var(--surface-2);border-radius:var(--radius-md);gap:24px;margin-top:16px;padding:16px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.stat-value{color:var(--primary);font-size:24px;font-weight:700}.item-list{flex-wrap:wrap;gap:8px;min-height:100px;display:flex}.item-list-empty{border:2px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;min-height:100px;padding:24px;display:flex}.item-chip{background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.item-chip:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.item-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.item-chip-remove{width:20px;height:20px;color:var(--text-inverse);cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:all .2s;display:flex}.item-chip-remove:hover{background:#ffffff4d;transform:scale(1.1)}.lucky-draw-main{flex-direction:column;gap:24px;display:flex}.draw-area{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:300px;padding:48px 24px;display:flex}.draw-result-empty{text-align:center;padding:48px 24px}.draw-result-content{text-align:center;width:100%}.draw-result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600}.draw-result-item{color:var(--primary);word-wrap:break-word;font-size:48px;font-weight:800;line-height:1.2}.draw-animation{animation:.5s ease-out drawReveal}@keyframes drawReveal{0%{opacity:0;transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.draw-controls{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.history-section{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px}.history-title{color:var(--text);margin:0 0 12px;font-size:18px;font-weight:700}.history-stats{color:var(--text-muted);margin-bottom:16px;font-size:14px}.history-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.history-empty{text-align:center;padding:32px 16px}.history-item{background:var(--surface-2);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.history-item:hover{background:var(--background)}.history-order{background:var(--primary);width:40px;height:40px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.history-item-name{color:var(--text);word-break:break-word;flex:1;font-weight:600}@media (max-width:968px){.lucky-draw-container{grid-template-columns:1fr}.draw-result-item{font-size:36px}.stats-bar{flex-direction:column;gap:12px}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.stat-value{font-size:20px}}@media (max-width:480px){.item-input-group{flex-direction:column}.item-input-group .button{width:100%}.draw-result-item{font-size:28px}.draw-controls{flex-direction:column}.draw-controls .button{width:100%}.item-chip-text{max-width:150px}}.partners-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.partner-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:32px;transition:all .15s ease-out;display:flex}.partner-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.partner-logo{border-radius:var(--radius-md);background:var(--surface-2);justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:20px;padding:16px;display:flex}.partner-logo img{object-fit:contain;max-width:100%;max-height:100%}.partner-name{color:var(--text);margin:0 0 16px;font-size:20px;font-weight:700}.partner-code{border:2px solid var(--secondary);border-radius:var(--radius-md);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:16px 20px;display:flex}.partner-code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.partner-code-value{color:var(--secondary-hover);letter-spacing:1px;font-family:Kanit,sans-serif;font-size:24px;font-weight:800}.partner-card .button{width:100%}@media (max-width:768px){.partners-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.partners-grid{grid-template-columns:1fr;gap:16px}.partner-card{padding:24px}.partner-logo{width:100px;height:100px}.partner-code-value{font-size:20px}}.bracket-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.bracket-setup{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:32px}.bracket-setup-section{margin-bottom:24px}.bracket-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.bracket-mode-options{gap:12px;display:flex}.bracket-mode-option{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.bracket-mode-option:hover{border-color:var(--primary);background:var(--surface-2)}.bracket-mode-option input[type=radio]{cursor:pointer;margin:0}.bracket-mode-option:has(input[type=radio]:checked){border-color:var(--primary);background:var(--surface-2)}.bracket-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:150px;color:var(--text);background:var(--surface);resize:vertical;padding:12px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;transition:border-color .15s}.bracket-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.bracket-textarea::placeholder{color:var(--text-muted)}.bracket-checkbox-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.bracket-checkbox-option:hover{background:var(--surface);border-color:var(--primary)}.bracket-checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.bracket-checkbox-option label{cursor:pointer;margin:0;font-size:14px;font-weight:500}.bracket-display{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px;display:none}.bracket-display.active{display:block}.bracket-container{padding:20px 0;overflow:auto visible}.bracket-wrapper{gap:60px;min-width:min-content;display:flex}.bracket-section{margin-bottom:40px}.bracket-section-title{color:var(--text);text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.bracket-section.winner .bracket-section-title{color:var(--success)}.bracket-section.loser .bracket-section-title{color:var(--danger)}.bracket-section.grand-final .bracket-section-title{color:var(--secondary)}.bracket-round{flex-direction:column;justify-content:space-around;min-width:200px;display:flex}.bracket-round-title{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:600}.bracket-matches{flex-direction:column;gap:20px;display:flex}.bracket-match{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-width:180px;padding:12px;transition:all .15s}.bracket-match:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.bracket-match.completed{border-color:var(--success)}.bracket-participant{background:var(--surface);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;transition:all .15s;display:flex}.bracket-participant:last-child{margin-bottom:0}.bracket-participant.winner{background:var(--success);color:#fff;font-weight:600}.bracket-participant.loser{opacity:.5}.bracket-participant.bye{background:var(--surface-2);color:var(--text-muted);font-style:italic}.bracket-participant-name{font-size:14px;font-weight:500}.bracket-participant-score{margin-left:8px;font-size:14px;font-weight:700}.bracket-modal{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.bracket-modal.active{display:flex}.bracket-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.bracket-modal-content{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-md);z-index:1;padding:32px;position:relative}.bracket-modal-title{color:var(--text);margin:0 0 20px;font-size:20px;font-weight:700}.bracket-modal-match{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.bracket-modal-participant{background:var(--surface-2);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.bracket-modal-participant-name{flex:1;font-size:16px;font-weight:600}.bracket-modal-score-input{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;width:80px;padding:8px 12px;font-size:16px;font-weight:700}.bracket-modal-score-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.bracket-modal-actions{justify-content:flex-end;gap:12px;display:flex}.bracket-modal-winner-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.bracket-winner-button{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:16px;font-size:16px;font-weight:600;transition:all .15s;display:flex}.bracket-winner-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.bracket-champion{text-align:center;border-radius:var(--radius-lg);border:3px solid var(--secondary);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);margin-top:32px;padding:40px;display:none}.bracket-champion.active{display:block}.bracket-champion-icon{margin-bottom:16px;font-size:64px}.bracket-champion-title{color:var(--text);margin-bottom:12px;font-size:24px;font-weight:700}.bracket-champion-name{color:var(--secondary-hover);font-family:Kanit,sans-serif;font-size:36px;font-weight:800}@media (max-width:768px){.bracket-header{flex-direction:column;align-items:flex-start;gap:16px}.bracket-setup{padding:24px}.bracket-mode-options{flex-direction:column}.bracket-display{padding:24px}.bracket-wrapper{flex-direction:column;gap:40px}.bracket-round,.bracket-match{min-width:100%}.bracket-modal-content{padding:24px}.bracket-modal-actions{flex-direction:column}.bracket-modal-actions .button{width:100%}.bracket-champion-name{font-size:28px}}