.ted270-game{--navy:#06142f;--red:#d9233d;--blue:#1765c5;--gold:#e8b83b;--cream:#fff2b2;max-width:1280px;margin:0 auto 30px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;user-select:none;-webkit-user-select:none}
.ted270,.ted270 *{box-sizing:border-box}.ted270{position:relative;overflow:hidden;width:100%;aspect-ratio:30/19;min-height:590px;border:5px solid #092c5d;border-radius:28px;background:#020817;box-shadow:0 24px 80px rgba(1,9,27,.38),inset 0 0 0 2px var(--gold);touch-action:manipulation}
.ted270-canvas{display:block;width:100%;height:100%;touch-action:manipulation}
.ted270-topbar{position:absolute;z-index:8;left:1.7%;right:1.7%;top:2%;min-height:72px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:2px solid rgba(232,184,59,.86);border-radius:17px;background:linear-gradient(180deg,rgba(1,6,18,.97),rgba(5,23,54,.92));box-shadow:0 8px 28px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07)}
.ted270-brand{display:flex;flex-direction:column;min-width:260px;line-height:1}.ted270-brand b{font:900 22px/1 Impact,"Arial Black",sans-serif;letter-spacing:.7px}.ted270-brand em{color:var(--gold);font-style:normal}.ted270-brand span{margin-top:7px;color:#95cfff;font:900 9px/1 Arial,sans-serif;letter-spacing:3px}
.ted270-stat{min-width:96px;padding:5px 9px;border-left:1px solid rgba(255,255,255,.14);text-align:center}.ted270-stat small{display:block;color:#88b9e8;font:900 7px/1 Arial,sans-serif;letter-spacing:1px}.ted270-stat b{display:block;margin-top:6px;color:#fff1ae;font:900 15px/1 Arial,sans-serif;white-space:nowrap}.ted270-red b{color:#ff8392}.ted270-blue b{color:#76bdff}
.ted270-sound{margin-left:auto;width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;background:#071832;color:#fff;font-size:18px;cursor:pointer;box-shadow:inset 0 0 12px rgba(85,164,238,.18)}
.ted270-scoreline{position:absolute;z-index:7;left:3.5%;right:3.5%;top:13.1%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 14px;border:1px solid rgba(232,184,59,.55);border-radius:10px;background:rgba(1,7,20,.82);color:#91b8df;font:900 8px Arial,sans-serif;letter-spacing:1.2px}.ted270-scoreline b,.ted270-scoreline strong{color:#fff0a2}.ted270-scoreline span:last-child{display:grid;grid-template-columns:auto 145px 36px;align-items:center;gap:8px}.ted270-scoreline i{height:7px;overflow:hidden;border-radius:9px;background:#112a50}.ted270-scoreline i b{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d9213d,#f2bf3d,#50a8f5);box-shadow:0 0 13px #ffd64a;transition:width .4s ease}
.ted270-panel{position:absolute;z-index:20;left:50%;top:53%;width:min(700px,90%);transform:translate(-50%,-50%);padding:31px 39px;text-align:center;border:3px solid var(--gold);border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(38,88,155,.98),rgba(2,10,28,.985) 64%);box-shadow:0 28px 100px #000,0 0 45px rgba(238,187,56,.24),inset 0 0 0 4px rgba(255,255,255,.04)}
.ted270-panel[hidden],.ted270-toast[hidden],.ted270-pause[hidden]{display:none!important}.ted270-stars{color:#ffe06a;font-size:17px;letter-spacing:13px}.ted270-kicker{margin:10px 0;color:#91ceff;font:900 10px Arial,sans-serif;letter-spacing:3px}.ted270-panel h1{margin:6px 0 15px;font:900 49px/.9 Impact,"Arial Black",sans-serif;letter-spacing:.5px;text-shadow:0 5px 0 #061127}.ted270-panel h1 em{color:#ffd84f;font-style:normal}.ted270-panel h1 span{display:block;margin-top:13px;color:#fff0ab;font:900 15px/1 Arial,sans-serif;letter-spacing:5px}.ted270-panel p{max-width:610px;margin:0 auto 20px;color:#ddecff;font-size:15px;line-height:1.56}.ted270-panel small{display:block;margin-top:14px;color:#88a9ce;font-weight:750}
.ted270-primary{padding:15px 28px;border:2px solid #fff;border-radius:999px;background:linear-gradient(180deg,#f14458,#bb0e28);box-shadow:0 6px 0 #6d0718,0 0 25px rgba(240,53,76,.3);color:#fff;font:900 14px Arial,sans-serif;letter-spacing:1.2px;cursor:pointer}.ted270-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.ted270-over{width:min(740px,91%)}.ted270-scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.ted270-scorecard span{padding:11px;border:1px solid rgba(232,184,59,.55);border-radius:11px;background:rgba(0,0,0,.24);color:#88b9e7;font:900 8px Arial,sans-serif;letter-spacing:1px}.ted270-scorecard strong{display:block;margin-top:7px;color:#fff1a6;font-size:17px}
.ted270-toast{position:absolute;z-index:16;left:50%;bottom:4%;transform:translateX(-50%);min-width:310px;padding:12px 18px;border:2px solid var(--gold);border-radius:11px;background:rgba(1,7,20,.95);box-shadow:0 9px 28px rgba(0,0,0,.58);color:#fff1ad;text-align:center;font:900 12px Arial,sans-serif;letter-spacing:1px;pointer-events:none}
.ted270-pause{position:absolute;z-index:25;inset:0;display:grid;place-items:center;background:rgba(1,5,15,.78);backdrop-filter:blur(5px);color:#ffe06c;font:900 39px Impact,"Arial Black",sans-serif;letter-spacing:3px}
.ted270-hand{display:grid;grid-template-columns:190px repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;margin-top:13px}.ted270-hand-title{display:flex;flex-direction:column;justify-content:center;padding:14px;border:3px solid #092b5a;border-radius:16px;background:linear-gradient(145deg,#061733,#0e3970);box-shadow:0 6px 0 #041731}.ted270-hand-title b{color:#ffe16d;font:900 17px Impact,"Arial Black",sans-serif;letter-spacing:.7px}.ted270-hand-title span{margin-top:7px;color:#a7c4e4;font-size:9px;line-height:1.35}
.ted270-card-button{position:relative;min-height:154px;overflow:hidden;padding:12px 10px 11px;border:3px solid #e1ad31;border-radius:15px;background:linear-gradient(145deg,#183f79,#071933 72%);box-shadow:0 8px 0 #03142e,0 13px 24px rgba(2,11,31,.24),inset 0 1px rgba(255,255,255,.13);color:#fff;text-align:left;cursor:pointer;transform:translateY(0) rotateX(0);transform-origin:bottom;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.ted270-card-button:before{content:"★";position:absolute;right:-7px;bottom:-29px;color:rgba(255,210,76,.12);font-size:89px}.ted270-card-button:hover:not(:disabled),.ted270-card-button:focus-visible:not(:disabled){z-index:3;transform:translateY(-8px) rotateX(3deg);filter:brightness(1.13);box-shadow:0 12px 0 #03142e,0 20px 32px rgba(4,20,48,.38),0 0 22px rgba(239,189,61,.24)}.ted270-card-button:disabled{opacity:.48;filter:grayscale(.5);cursor:not-allowed}.ted270-card-button small,.ted270-card-button b,.ted270-card-button strong,.ted270-card-button span{position:relative;z-index:1;display:block}.ted270-card-button small{color:#8ed1ff;font:900 7px Arial,sans-serif;letter-spacing:1.1px}.ted270-card-button b{min-height:36px;margin-top:8px;color:#fff1a8;font:900 13px/1.1 Impact,"Arial Black",sans-serif;letter-spacing:.4px}.ted270-card-button strong{position:absolute;z-index:2;right:10px;top:39px;display:grid;width:39px;height:39px;place-items:center;border:2px solid #ffe68a;border-radius:50%;background:linear-gradient(#e8b934,#9a6410);box-shadow:0 3px 8px #000;color:#241700;font:900 19px Impact,"Arial Black",sans-serif}.ted270-card-button span{margin-top:8px;padding-right:27px;color:#b8d0e9;font-size:8px;line-height:1.35}
.ted270-underbar{display:grid;grid-template-columns:112px 1fr;gap:10px;margin-top:12px}.ted270-underbar button{border:3px solid #0b2b58;border-radius:14px;background:linear-gradient(#fff,#e7eef8);box-shadow:0 5px 0 #061c3e;color:#09244c;cursor:pointer}.ted270-underbar button b,.ted270-underbar button span{display:block}.ted270-underbar button b{font:900 20px Impact,"Arial Black",sans-serif}.ted270-underbar button span{font:900 8px Arial,sans-serif;letter-spacing:1px}.ted270-underbar p{display:flex;align-items:center;margin:0;padding:10px 16px;border:2px solid #dbe4ef;border-radius:14px;background:#fff;color:#425a78;font-size:11px;line-height:1.45}.ted270-underbar p strong{margin-right:5px;color:#ba1730}.ted270-keyboard,.ted270-disclaimer{margin:10px 0 0;color:#526d90;text-align:center;font-size:10px}.ted270-disclaimer{margin-top:5px;color:#8293aa;font-size:8px}
@media(max-width:980px){.ted270{min-height:0}.ted270-topbar{min-height:58px;padding:6px;gap:3px}.ted270-brand{min-width:190px}.ted270-brand b{font-size:17px}.ted270-brand span{font-size:7px}.ted270-stat{min-width:69px;padding:4px}.ted270-stat small{font-size:6px}.ted270-stat b{font-size:11px}.ted270-sound{width:34px;height:34px;font-size:14px}.ted270-scoreline{top:12.3%;font-size:6px}.ted270-scoreline span:last-child{grid-template-columns:auto 90px 30px}.ted270-hand{grid-template-columns:145px repeat(5,155px);overflow-x:auto;padding-bottom:10px}.ted270-card-button{min-height:145px}.ted270-hand-title{position:sticky;left:0;z-index:5}.ted270-panel{padding:25px 22px}.ted270-panel h1{font-size:40px}.ted270-panel p{font-size:13px}}
@media(max-width:650px){.ted270{aspect-ratio:30/19;border-width:3px;border-radius:18px}.ted270-brand{min-width:0;flex:1}.ted270-brand b{font-size:14px}.ted270-brand span{display:none}.ted270-stat{min-width:51px}.ted270-stat:nth-of-type(4){display:none}.ted270-scoreline{left:2%;right:2%;top:12.5%;padding:5px 7px}.ted270-scoreline span:last-child{grid-template-columns:auto 55px 27px}.ted270-panel{top:54%;width:92%}.ted270-panel h1{font-size:32px}.ted270-panel h1 span{font-size:10px}.ted270-panel p{font-size:11px}.ted270-panel small{font-size:8px}.ted270-hand{grid-template-columns:105px repeat(5,142px);gap:7px}.ted270-hand-title{padding:9px}.ted270-hand-title b{font-size:13px}.ted270-card-button{min-height:138px}.ted270-underbar{grid-template-columns:78px 1fr}.ted270-underbar p{font-size:9px;padding:8px}.ted270-keyboard{display:none}}
@media(prefers-reduced-motion:reduce){.ted270-card-button,.ted270-primary{transition:none}}