@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tt-bg-0:#07080f;--tt-bg-1:#0c0d18;--tt-bg-2:#11132a;--tt-panel:#161930c7;--tt-panel-strong:#1c1f3aeb;--tt-panel-inset:#080a16b8;--tt-border:#7fd8e424;--tt-border-soft:#ffffff0f;--tt-border-strong:#d4af6a5c;--tt-text:#e7e8f2;--tt-text-dim:#a7abc4;--tt-text-mute:#737897;--tt-gold:#d4af6a;--tt-gold-soft:#b8945a;--tt-gold-bright:#f0cf90;--tt-aether:#7fd8e4;--tt-aether-soft:#4db4c4;--tt-violet:#b388f5;--tt-player:#5fa8ff;--tt-player-soft:#3a82d6;--tt-player-glow:#5fa8ff73;--tt-opponent:#ff7a7a;--tt-opponent-soft:#d65a5a;--tt-opponent-glow:#ff7a7a73;--tt-error:#ff6b7a;--tt-error-bg:#ff6b7a1a;--tt-ok:#7be0a8;--tt-ok-bg:#7be0a81a;--tt-warn:#f5c75e;--tt-rarity-common:#94a3b8;--tt-rarity-uncommon:#7bd88f;--tt-rarity-rare:#b388f5;--tt-rarity-legendary:#f5c75e;--tt-radius-sm:6px;--tt-radius:10px;--tt-radius-lg:16px;--tt-shadow-sm:0 1px 2px #0006;--tt-shadow:0 8px 24px #00000080, 0 1px 0 #ffffff08 inset;--tt-shadow-lg:0 18px 48px #0009, 0 1px 0 #ffffff0a inset;--tt-transition:.2s ease;--tt-font-display:"Cinzel", "Trajan Pro", "Garamond", serif;--tt-font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html,body{min-width:320px;margin:0}body{font-family:var(--tt-font-body);background:var(--tt-bg-1);color:var(--tt-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 600px at 12% -8%,#7fd8e414,#0000 60%),radial-gradient(900px 520px at 92% 4%,#b388f512,#0000 65%),radial-gradient(800px 460px at 50% 110%,#d4af6a0f,#0000 70%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}a{color:var(--tt-aether);transition:color var(--tt-transition);text-decoration:none}a:hover{color:#b9ecf4}h1,h2,h3{font-family:var(--tt-font-display);letter-spacing:.04em;margin:0 0 .6em;font-weight:600}h1{color:var(--tt-gold);text-shadow:0 0 18px #d4af6a40;font-size:clamp(1.5rem,2.8vw,2rem)}h2{color:#e7dcc3;font-size:1.25rem}h3{color:var(--tt-text);letter-spacing:.06em;text-transform:uppercase;font-size:1rem}p{margin:0 0 .75em}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{color:#fff;background:#7fd8e452}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#20243f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#2c3258}@keyframes tt-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tt-pop-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes tt-pulse-ring{0%,to{box-shadow:0 0 #d4af6a73,0 0 18px #d4af6a40}50%{box-shadow:0 0 0 6px #d4af6a00,0 0 24px #d4af6a73}}@keyframes tt-pulse-red{0%,to{background:linear-gradient(90deg,#ff7a7a,#ff4d4d)}50%{background:linear-gradient(90deg,#ff9a9a,#ff5050)}}@keyframes tt-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tt-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.tt-header{z-index:10;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--tt-border);background:linear-gradient(#07080feb,#0b0c18c7);align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 1px #d4af6a14}.tt-brand{font-family:var(--tt-font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--tt-gold);text-shadow:0 0 14px #d4af6a66;border-right:1px solid var(--tt-border-strong);white-space:nowrap;padding-right:1rem;font-size:.95rem}.tt-nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.tt-nav a{color:var(--tt-text-dim);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--tt-radius-sm);transition:color var(--tt-transition), background var(--tt-transition);padding:.45rem .95rem;font-size:.9rem;font-weight:500;position:relative}.tt-nav a:hover{color:var(--tt-text);background:#7fd8e40f}.tt-nav a.active{color:var(--tt-gold);box-shadow:inset 0 -2px 0 var(--tt-gold);background:#d4af6a14}.tt-user{color:var(--tt-text-dim);letter-spacing:.05em;white-space:nowrap;font-size:.85rem}.tt-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 4rem;animation:.35s ease-out tt-fade-in}.tt-center{text-align:center;color:var(--tt-text-dim);font-family:var(--tt-font-display);letter-spacing:.1em;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 1rem;display:flex}.tt-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.tt-card{background:linear-gradient(160deg, #ffffff05, #0003), var(--tt-panel);border:1px solid var(--tt-border);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);transition:transform var(--tt-transition), border-color var(--tt-transition), box-shadow var(--tt-transition);padding:1rem;position:relative}.tt-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#d4af6a14,#0000 40%);position:absolute;inset:0}.tt-card:hover{border-color:var(--tt-border-strong);box-shadow:var(--tt-shadow-lg);transform:translateY(-2px)}.tt-empty,.tt-chat-empty,.tt-lobby-empty{text-align:center;color:var(--tt-text-mute);border:1px dashed var(--tt-border);border-radius:var(--tt-radius);background:var(--tt-panel-inset);padding:1.5rem 1rem;font-size:.9rem;font-style:italic}input[type=text],input[type=number],input:not([type]),select,textarea{background:var(--tt-panel-inset);border:1px solid var(--tt-border);border-radius:var(--tt-radius-sm);width:100%;color:var(--tt-text);transition:border-color var(--tt-transition), box-shadow var(--tt-transition), background var(--tt-transition);padding:.55rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--tt-aether-soft);background:#080a16d9;outline:none;box-shadow:0 0 0 3px #7fd8e429}input::placeholder{color:var(--tt-text-mute)}input[type=number]{width:auto;min-width:80px}input[type=checkbox]{width:auto;accent-color:var(--tt-aether);margin-right:4px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--tt-aether) 50%), linear-gradient(135deg, var(--tt-aether) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:auto;min-width:180px;padding-right:2rem}label{color:var(--tt-text-dim);font-size:.88rem}.tt-btn{font-family:var(--tt-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-gold-bright);border:1px solid var(--tt-border-strong);border-radius:var(--tt-radius-sm);cursor:pointer;white-space:nowrap;transition:transform var(--tt-transition), border-color var(--tt-transition), box-shadow var(--tt-transition), color var(--tt-transition), background var(--tt-transition);background:linear-gradient(#d4af6a2e,#d4af6a0f);justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px #0006,inset 0 1px #ffffff0f}.tt-btn:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#f0cf902e 50%,#0000 70%) -200% 0/200% 100%;transition:background-position .6s;position:absolute;inset:0}.tt-btn:hover:not(:disabled):not([disabled]){color:#fff5d8;border-color:var(--tt-gold);background:linear-gradient(#d4af6a52,#d4af6a1f);transform:translateY(-1px);box-shadow:0 2px #0006,0 0 18px #d4af6a47,inset 0 1px #ffffff1a}.tt-btn:hover:not(:disabled):not([disabled]):after{background-position:200% 0}.tt-btn:active:not(:disabled):not([disabled]){transform:translateY(0);box-shadow:0 1px #0006,inset 0 2px 4px #0006}.tt-btn:disabled,.tt-btn[disabled]{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.tt-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d4af6a59}button:not(.tt-btn){appearance:none;cursor:pointer;color:var(--tt-text);border:1px solid var(--tt-border);border-radius:var(--tt-radius-sm);letter-spacing:.03em;transition:all var(--tt-transition);background:linear-gradient(#7fd8e41f,#7fd8e40a);padding:.5rem .95rem;font-weight:500}button:not(.tt-btn):hover:not(:disabled){border-color:var(--tt-aether-soft);background:linear-gradient(#7fd8e438,#7fd8e414)}button:not(.tt-btn):disabled{opacity:.5;cursor:not-allowed}.tt-error{border-radius:var(--tt-radius);background:var(--tt-error-bg);color:var(--tt-error);border:1px solid #ff6b7a4d;margin:.75rem 0;padding:.6rem .9rem;font-size:.9rem}.tt-board{--tt-board-cell:clamp(82px, 14vw, 116px);grid-template-columns:repeat(3, var(--tt-board-cell));grid-template-rows:repeat(3, var(--tt-board-cell));background:radial-gradient(ellipse at center, #7fd8e40f, transparent 70%), linear-gradient(160deg, #d4af6a0f, #00000059), var(--tt-panel-strong);border:1px solid var(--tt-border-strong);border-radius:var(--tt-radius-lg);width:max-content;box-shadow:var(--tt-shadow-lg), 0 0 60px #7fd8e40d, inset 0 0 40px #0009;gap:6px;margin:0 auto;padding:10px;display:grid;position:relative}.tt-board:before,.tt-board:after{content:"";border-radius:calc(var(--tt-radius-lg) - 4px);pointer-events:none;position:absolute;inset:6px}.tt-board:before{border:1px solid #d4af6a2e}.tt-board:after{border:1px solid #7fd8e40f;inset:12px}.tt-cell{background:radial-gradient(circle at center, #7fd8e40a, transparent 70%), var(--tt-panel-inset);border:1px solid var(--tt-border-soft);border-radius:var(--tt-radius-sm);transition:border-color var(--tt-transition), background var(--tt-transition), box-shadow var(--tt-transition);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 12px #00000080}.tt-cell:before{content:"";pointer-events:none;transition:border-color var(--tt-transition), opacity var(--tt-transition);border:1px dashed #7fd8e412;border-radius:4px;position:absolute;inset:6px}.tt-cell.selectable{cursor:pointer;background:radial-gradient(circle at center, #d4af6a1f, transparent 70%), var(--tt-panel-inset);border-color:#d4af6a80;animation:1.8s ease-in-out infinite tt-pulse-ring}.tt-cell.selectable:before{border-color:#d4af6a8c}.tt-cell.selectable:hover{border-color:var(--tt-gold);background:radial-gradient(circle at center, #d4af6a38, transparent 70%), var(--tt-panel-inset)}.tt-hand{border-radius:var(--tt-radius);border:1px solid var(--tt-border-soft);background:linear-gradient(#ffffff04,#0003);flex-direction:column;gap:8px;min-width:96px;padding:6px;display:flex}.tt-card-mini{--owner-color:#d4af6a73;--owner-glow:#d4af6a47;aspect-ratio:5/6;border:1.5px solid var(--owner-color);width:clamp(76px,12vw,100px);height:auto;color:var(--tt-text);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;font-family:var(--tt-font-body);box-shadow:0 4px 12px #0000008c, 0 0 0 1px #00000080, inset 0 1px 0 #ffffff14, inset 0 0 14px var(--owner-glow);background:linear-gradient(165deg,#ffffff0f 0%,#ffffff05 35%,#00000059 100%),linear-gradient(#1c1f3a 0%,#14172e 100%);border-radius:8px;padding:6px 6px 4px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.35s cubic-bezier(.34,1.56,.64,1) tt-pop-in;position:relative;overflow:hidden}.tt-card-mini:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffffff0f;border-radius:5px;position:absolute;inset:3px}.tt-card-mini:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff1a,#0000);height:35%;position:absolute;top:0;left:0;right:0}.tt-card-mini>div:first-child{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--tt-gold-bright);text-shadow:0 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;text-align:center;border-bottom:1px solid #d4af6a33;padding-bottom:2px;font-weight:600;position:relative;overflow:hidden;font-family:var(--tt-font-display)!important;margin-bottom:3px!important;font-size:9px!important}.tt-card-mini>div[style*=background]{z-index:2;border:1px solid #00000080;position:relative;box-shadow:inset 0 0 10px #0009,0 1px #ffffff0d;border-radius:4px!important;height:38px!important}.tt-card-mini>div[style*=grid]{z-index:2;color:#fff;text-shadow:0 1px #000000f2,0 0 6px #000000b3;letter-spacing:.04em;font-weight:700;position:relative;font-family:var(--tt-font-display)!important;margin-top:4px!important;font-size:13px!important}.tt-card-mini>div[style*=grid]>span{line-height:1}.tt-card-mini>div[style*=grid]>span:nth-child(5){font-size:10px;color:#d4af6a66!important}.tt-card-mini>div:last-child:not(:first-child){z-index:2;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;position:relative;font-family:var(--tt-font-body)!important;color:var(--tt-aether)!important}.tt-card-mini.opponent:not(:has(>div)){font-family:var(--tt-font-display);color:#ff7a7a8c;text-shadow:0 0 12px #ff7a7a66;background:repeating-linear-gradient(45deg,#ff7a7a0a 0 6px,#0003 6px 12px),linear-gradient(#2a1a22 0%,#1d1218 100%);justify-content:center;align-items:center;font-size:2rem;display:flex}.tt-card-mini.player{--owner-color:var(--tt-player);--owner-glow:var(--tt-player-glow);border-color:var(--tt-player);box-shadow:0 4px 14px #0000008c, 0 0 0 1px #00000080, 0 0 14px var(--tt-player-glow), inset 0 1px 0 #ffffff14, inset 0 0 16px #5fa8ff2e;background:linear-gradient(165deg,#5fa8ff1f 0%,#ffffff05 35%,#0006 100%),linear-gradient(#1a2238 0%,#131a2c 100%)}.tt-card-mini.opponent{--owner-color:var(--tt-opponent);--owner-glow:var(--tt-opponent-glow);border-color:var(--tt-opponent);box-shadow:0 4px 14px #0000008c, 0 0 0 1px #00000080, 0 0 14px var(--tt-opponent-glow), inset 0 1px 0 #ffffff14, inset 0 0 16px #ff7a7a2e;background:linear-gradient(165deg,#ff7a7a1f 0%,#ffffff05 35%,#0006 100%),linear-gradient(#2a1a22 0%,#1d1218 100%)}.tt-card-mini:hover{box-shadow:0 10px 24px #000000b3, 0 0 0 1px #00000080, 0 0 22px var(--owner-glow), inset 0 1px 0 #ffffff1a, inset 0 0 18px var(--owner-glow);z-index:5;transform:translateY(-3px)scale(1.03)}.tt-card-mini.selected{border-color:var(--tt-gold-bright);box-shadow:0 12px 28px #000000b3, 0 0 0 2px var(--tt-gold), 0 0 26px #d4af6a99, inset 0 1px 0 #ffffff26, inset 0 0 22px #d4af6a33;animation:1.6s ease-in-out infinite tt-pulse-ring;transform:translateY(-4px)scale(1.05)}.tt-chat{background:linear-gradient(160deg, #ffffff05, #00000040), var(--tt-panel);border:1px solid var(--tt-border);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.tt-chat-list{background:var(--tt-panel-inset);border:1px solid var(--tt-border-soft);border-radius:var(--tt-radius);height:180px;padding:.5rem .75rem;font-size:.88rem;line-height:1.5;overflow-y:auto}.tt-chat-msg{word-wrap:break-word;overflow-wrap:anywhere;padding:.15rem 0;animation:.25s ease-out tt-fade-in}.tt-chat-msg+.tt-chat-msg{border-top:1px solid #ffffff08}.tt-chat-name{font-family:var(--tt-font-display);letter-spacing:.04em;color:var(--tt-aether);margin-right:4px;font-size:.82rem;font-weight:600}.tt-chat-text{color:var(--tt-text)}.tt-chat-input{align-items:stretch;gap:.5rem;display:flex}.tt-chat-input input{flex:1;width:auto;padding:.5rem .75rem;font-size:.9rem}.tt-chat-input .tt-btn{flex-shrink:0;padding:.5rem 1rem}.tt-turn-timer{background:var(--tt-panel-inset);border:1px solid var(--tt-border);border-radius:var(--tt-radius);max-width:360px;transition:opacity var(--tt-transition);align-items:center;gap:.75rem;margin:.75rem 0 1rem;padding:.5rem .85rem;display:flex}.tt-turn-timer[data-active="0"]{opacity:.4}.tt-turn-timer-label{font-family:var(--tt-font-display);letter-spacing:.06em;color:var(--tt-gold-bright);text-align:right;text-shadow:0 0 8px #d4af6a4d;min-width:36px;font-size:1rem;font-weight:600}.tt-turn-timer-track{background:#0009;border:1px solid #0009;border-radius:9999px;flex:1;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.tt-turn-timer-fill{background:linear-gradient(90deg, var(--tt-aether), var(--tt-gold));background-size:200% 100%;border-radius:9999px;height:100%;transition:width .25s linear,background .3s;box-shadow:0 0 10px #7fd8e473}.tt-turn-timer-fill[style*="width: 0"],.tt-turn-timer-fill[style*="width: 1"],.tt-turn-timer-fill[style*="width: 2"]{box-shadow:0 0 14px var(--tt-opponent-glow);animation:.7s ease-in-out infinite tt-pulse-red}.tt-lobby-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tt-lobby-item{background:linear-gradient(160deg, #ffffff05, #0003), var(--tt-panel);border:1px solid var(--tt-border);border-radius:var(--tt-radius);box-shadow:var(--tt-shadow-sm);transition:border-color var(--tt-transition), transform var(--tt-transition), box-shadow var(--tt-transition);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.tt-lobby-item:hover{border-color:var(--tt-border-strong);box-shadow:var(--tt-shadow);transform:translate(2px)}.tt-lobby-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.tt-lobby-host{font-family:var(--tt-font-display);letter-spacing:.04em;color:var(--tt-gold-bright);font-size:1rem}.tt-lobby-rules{color:var(--tt-text-mute);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.tt-rule-badges{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.tt-rule-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--tt-border);color:var(--tt-text-mute);white-space:nowrap;vertical-align:middle;background:#ffffff0a;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;display:inline-block}.tt-rule-badge--sm{padding:1px 5px;font-size:10px}.tt-rule-badge--classic{color:#c8c8d2bf;background:#b4b4be1a;border-color:#b4b4be47}.tt-rule-badge--open{color:#aadcf0;background:#7fc8e41f;border-color:#7fc8e473}.tt-rule-badge--same{color:#f0cd82;background:#e8bc5c1f;border-color:#e8bc5c80}.tt-rule-badge--plus{color:#9be1aa;background:#78d28c1f;border-color:#78d28c73}.tt-rule-badge--combo{color:#f0a0d7;background:#e478c81f;border-color:#e478c880}.tt-rule-badge--sudden_death{color:#f08c8c;background:#e460601f;border-color:#e4606080}.tt-rule-badge--elemental{color:#cdaaf0;background:#b482e61f;border-color:#b482e680}.tt-rule-badge--random_hand{color:#96dcd7;background:#60c8c41f;border-color:#60c8c480}.tt-rule-badge--all_open{color:#bef0fc;background:#8ce6fa24;border-color:#8ce6fa99}.tt-rule-picker{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.tt-rule-picker-option{border:1px solid var(--tt-border-soft);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:var(--tt-text-mute);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:.78rem;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.tt-rule-picker-option:hover{border-color:var(--tt-border);color:var(--tt-text)}.tt-rule-picker-option:has(input:checked){border-color:var(--tt-border-strong);color:var(--tt-gold-bright);background:#d4af6a14}.tt-rule-picker-option input[type=checkbox]{cursor:pointer;accent-color:var(--tt-gold);margin:0}.tt-match-summary{text-align:center;border-style:solid;border-width:1px;margin-top:1.5rem;padding:1.5rem 1.75rem;animation:.5s cubic-bezier(.34,1.56,.64,1) tt-pop-in;position:relative;overflow:hidden}.tt-match-summary:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff0d 50%,#0000 70%) 0 0/200% 100%;animation:4s linear infinite tt-shimmer;position:absolute;inset:0}.tt-match-summary-title{font-family:var(--tt-font-display);letter-spacing:.16em;text-transform:uppercase;z-index:1;margin:0 0 .5rem;font-size:2rem;position:relative}.tt-match-summary-scores{font-family:var(--tt-font-display);letter-spacing:.06em;color:var(--tt-text);margin:0 0 .4rem;font-size:1.1rem}.tt-match-summary-wager{color:var(--tt-gold);margin:0 0 .4rem;font-size:.95rem}.tt-match-summary-forfeit{color:var(--tt-error);margin:0 0 .4rem;font-size:.9rem;font-style:italic}.tt-match-summary-meta{color:var(--tt-text-mute);margin:0 0 1rem;font-size:.85rem}.tt-match-summary-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex;position:relative}.tt-match-summary[data-status=won]{background:radial-gradient(ellipse at top, #d4af6a2e, transparent 65%), var(--tt-panel-strong);box-shadow:0 0 60px #d4af6a40, var(--tt-shadow-lg);border-color:#d4af6a99}.tt-match-summary[data-status=won] .tt-match-summary-title{color:var(--tt-gold-bright);text-shadow:0 0 24px #d4af6a99,0 0 8px #fff0c866}.tt-match-summary[data-status=lost]{background:radial-gradient(ellipse at top, #ff6b7a26, transparent 65%), var(--tt-panel-strong);box-shadow:0 0 60px #ff6b7a2e, var(--tt-shadow-lg);border-color:#ff6b7a80}.tt-match-summary[data-status=lost] .tt-match-summary-title{color:#ff8a8a;text-shadow:0 0 18px #ff6b7a80}.tt-match-summary[data-status=draw]{background:radial-gradient(ellipse at top, #7fd8e41f, transparent 65%), var(--tt-panel-strong);box-shadow:0 0 50px #7fd8e426, var(--tt-shadow-lg);border-color:#7fd8e466}.tt-match-summary[data-status=draw] .tt-match-summary-title{color:var(--tt-aether);text-shadow:0 0 18px #7fd8e473}.tt-main table{border-collapse:separate;border-spacing:0;background:linear-gradient(160deg, #ffffff05, #0003), var(--tt-panel);border:1px solid var(--tt-border);border-radius:var(--tt-radius-lg);width:100%;box-shadow:var(--tt-shadow);font-size:.9rem;overflow:hidden}.tt-main thead th{font-family:var(--tt-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-gold);border-bottom:1px solid var(--tt-border-strong);background:#00000059;padding:.85rem 1rem;font-size:.78rem;font-weight:600}.tt-main tbody td{color:var(--tt-text);padding:.7rem 1rem;border-top:1px solid var(--tt-border-soft)!important}.tt-main tbody tr:hover td{background:#7fd8e40a}.tt-main tbody tr:nth-child(2n) td{background:#ffffff04}.tt-main>div>div[style*="display: flex"][style*="gap: 1.5rem"]{flex-wrap:wrap;justify-content:center}.tt-card .tt-card-mini{margin:0 auto}@media (width<=720px){.tt-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.tt-brand{letter-spacing:.24em;padding-right:.6rem;font-size:.85rem}.tt-nav{gap:.1rem}.tt-nav a{letter-spacing:.04em;padding:.35rem .6rem;font-size:.78rem}.tt-user{order:3;width:100%;font-size:.78rem}.tt-main{padding:1rem .85rem 3rem}.tt-board{--tt-board-cell:clamp(72px, 26vw, 96px);gap:4px;padding:6px}.tt-board:before{inset:4px}.tt-board:after{inset:8px}.tt-card-mini{width:clamp(64px,22vw,88px)}.tt-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.tt-match-summary{padding:1.25rem 1rem}.tt-match-summary-title{letter-spacing:.12em;font-size:1.5rem}.tt-main table{font-size:.82rem}.tt-main thead th,.tt-main tbody td{padding:.55rem .5rem}}@media (width<=420px){.tt-board{--tt-board-cell:clamp(60px, 28vw, 84px)}.tt-card-mini{width:clamp(54px,24vw,78px)}.tt-hand{gap:6px;min-width:auto;padding:4px}h1{font-size:1.35rem}.tt-btn{letter-spacing:.08em;padding:.45rem .85rem;font-size:.75rem}}.tt-score-panel{flex-direction:column;align-items:center;gap:.6rem;margin:.25rem 0 .75rem;display:flex}.tt-turn-banner{border-radius:var(--tt-radius);font-family:var(--tt-font-display);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--tt-text);border:1px solid var(--tt-border);transition:color var(--tt-transition), border-color var(--tt-transition), box-shadow var(--tt-transition), background var(--tt-transition);background:linear-gradient(#161930d9,#0c0d18d9);justify-content:center;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:clamp(1.05rem,1.6vw,1.22rem);font-weight:700;animation:2.4s ease-in-out infinite tt-turn-banner-pulse;display:inline-flex;box-shadow:0 6px 18px #00000073,inset 0 0 0 1px #ffffff05}.tt-turn-banner.is-player{color:var(--tt-player);box-shadow:0 6px 22px #00000080, 0 0 18px var(--tt-player-glow), 0 0 0 1px #5fa8ff2e inset;text-shadow:0 0 10px #5fa8ff59;background:linear-gradient(#3a82d62e,#0c0d18d9 70%);border-color:#5fa8ff73}.tt-turn-banner.is-opponent{color:var(--tt-opponent);box-shadow:0 6px 22px #00000080, 0 0 18px var(--tt-opponent-glow), 0 0 0 1px #ff7a7a2e inset;text-shadow:0 0 10px #ff7a7a59;background:linear-gradient(#d65a5a2e,#0c0d18d9 70%);border-color:#ff7a7a73}@keyframes tt-turn-banner-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@media (prefers-reduced-motion:reduce){.tt-turn-banner{animation:none}}.tt-turn-dot{vertical-align:middle;background:currentColor;border-radius:50%;width:.55em;height:.55em;margin-right:.35em;animation:1.2s ease-in-out infinite tt-turn-dot-pulse;display:inline-block;box-shadow:0 0 8px}@keyframes tt-turn-dot-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.tt-turn-dot{opacity:1;animation:none}}.tt-score{font-family:var(--tt-font-display);letter-spacing:.08em;color:var(--tt-text-mute);transition:color var(--tt-transition), font-weight var(--tt-transition), font-size var(--tt-transition), text-shadow var(--tt-transition), transform var(--tt-transition);align-items:center;gap:.4rem;font-size:1rem;font-weight:500;display:inline-flex}.tt-score.is-active{font-size:1.15rem;font-weight:700;transform:translateY(-1px)}.tt-score-player.is-active{color:var(--tt-player);text-shadow:0 0 10px #5fa8ff66}.tt-score-opponent.is-active{color:var(--tt-opponent);text-shadow:0 0 10px #ff7a7a66}.tt-hand-column{border-radius:var(--tt-radius-lg);border:1px solid #0000;padding:.35rem;transition:border-color .25s,box-shadow .25s,background-color .25s;position:relative;box-shadow:0 0 #0000}.tt-hand-column.is-active-turn{border-color:var(--tt-border);background-color:#ffffff04}.tt-hand-column.is-player.is-active-turn{box-shadow:0 0 22px var(--tt-player-glow), 0 0 0 1px #5fa8ff2e inset;border-color:#5fa8ff66}.tt-hand-column.is-active-turn:has(.tt-hand[data-owner=player]){box-shadow:0 0 22px var(--tt-player-glow), 0 0 0 1px #5fa8ff2e inset;border-color:#5fa8ff66}.tt-hand-column.is-opponent.is-active-turn{box-shadow:0 0 22px var(--tt-opponent-glow), 0 0 0 1px #ff7a7a2e inset;border-color:#ff7a7a66}.tt-hand-column.is-active-turn:has(.tt-hand[data-owner=opponent]){box-shadow:0 0 22px var(--tt-opponent-glow), 0 0 0 1px #ff7a7a2e inset;border-color:#ff7a7a66}@keyframes tt-card-flip{0%{transform:perspective(520px)rotateY(0)scale(1)}25%{transform:perspective(520px)rotateY(90deg)scale(1.05)}50%{transform:perspective(520px)rotateY(180deg)scale(1.08)}75%{transform:perspective(520px)rotateY(270deg)scale(1.05)}to{transform:perspective(520px)rotateY(360deg)scale(1)}}@keyframes tt-flip-glow-player{0%{box-shadow:0 0 0 0 #5fa8ff00, 0 0 14px var(--tt-player-glow)}40%{box-shadow:0 0 0 8px #5fa8ff8c,0 0 38px #5fa8ffd9}70%{box-shadow:0 0 0 4px #5fa8ff4d,0 0 28px #5fa8ff99}to{box-shadow:0 0 0 0 #5fa8ff00, 0 0 14px var(--tt-player-glow)}}@keyframes tt-flip-glow-opponent{0%{box-shadow:0 0 0 0 #ff7a7a00, 0 0 14px var(--tt-opponent-glow)}40%{box-shadow:0 0 0 8px #ff7a7a8c,0 0 38px #ff7a7ae6}70%{box-shadow:0 0 0 4px #ff7a7a4d,0 0 28px #ff7a7aa6}to{box-shadow:0 0 0 0 #ff7a7a00, 0 0 14px var(--tt-opponent-glow)}}@keyframes tt-cell-flip-pulse{0%{box-shadow:inset 0 0 12px #00000080,0 0 #fff0}35%{box-shadow:inset 0 0 18px #0006,0 0 0 6px #ffffff1a,0 0 28px #ffffff2e}to{box-shadow:inset 0 0 12px #00000080,0 0 #fff0}}.tt-cell.tt-cell--flipping,.tt-cell[data-flipping=true]{perspective:600px;z-index:6;animation:.65s ease-out tt-cell-flip-pulse}.tt-cell.tt-cell--flipping .tt-card-mini,.tt-cell[data-flipping=true] .tt-card-mini{transform-style:preserve-3d;backface-visibility:visible;will-change:transform, box-shadow;animation:.65s cubic-bezier(.45,.05,.35,1) both tt-card-flip}.tt-cell.tt-cell--flipping .tt-card-mini.player,.tt-cell[data-flipping=true] .tt-card-mini.player{animation:.65s cubic-bezier(.45,.05,.35,1) both tt-card-flip,.65s ease-out both tt-flip-glow-player}.tt-cell.tt-cell--flipping .tt-card-mini.opponent,.tt-cell[data-flipping=true] .tt-card-mini.opponent{animation:.65s cubic-bezier(.45,.05,.35,1) both tt-card-flip,.65s ease-out both tt-flip-glow-opponent}@media (prefers-reduced-motion:reduce){.tt-cell.tt-cell--flipping,.tt-cell[data-flipping=true]{perspective:none;z-index:auto;animation:none}.tt-cell.tt-cell--flipping .tt-card-mini,.tt-cell[data-flipping=true] .tt-card-mini,.tt-cell.tt-cell--flipping .tt-card-mini.player,.tt-cell[data-flipping=true] .tt-card-mini.player,.tt-cell.tt-cell--flipping .tt-card-mini.opponent,.tt-cell[data-flipping=true] .tt-card-mini.opponent{transition:box-shadow .2s,border-color .2s;animation:none;transform:none}}.tt-cell--elem{--tt-elem:#e7e8f2;--tt-elem-soft:#e7e8f259;--tt-elem-glow:#e7e8f22e;border-color:var(--tt-elem-soft);background:radial-gradient(circle at 28% 22%, var(--tt-elem-glow), transparent 62%), radial-gradient(circle at center, #7fd8e40a, transparent 70%), var(--tt-panel-inset);box-shadow:inset 0 0 14px #0000008c, inset 0 0 22px var(--tt-elem-glow), 0 0 12px #00000059}.tt-cell--elem:before{border-color:color-mix(in srgb, var(--tt-elem) 28%, transparent)}.tt-cell--elem-fire{--tt-elem:#ff7a3d;--tt-elem-soft:#ff7a3d73;--tt-elem-glow:#ff602838}.tt-cell--elem-ice{--tt-elem:#7fe3ff;--tt-elem-soft:#7fe3ff73;--tt-elem-glow:#78dcff33}.tt-cell--elem-thunder{--tt-elem:#ffd84a;--tt-elem-soft:#ffd84a80;--tt-elem-glow:#ffd24638}.tt-cell--elem-earth{--tt-elem:#c89464;--tt-elem-soft:#c8946473;--tt-elem-glow:#a06e463d}.tt-cell--elem-wind{--tt-elem:#8be7b6;--tt-elem-soft:#8be7b673;--tt-elem-glow:#6edca533}.tt-cell--elem-water{--tt-elem:#5fa8ff;--tt-elem-soft:#5fa8ff73;--tt-elem-glow:#5096ff38}.tt-cell--elem-holy{--tt-elem:#f4dd86;--tt-elem-soft:#f4dd868c;--tt-elem-glow:#f5d78242}.tt-cell--elem-poison{--tt-elem:#c186f5;--tt-elem-soft:#c186f573;--tt-elem-glow:#aa69e638}.tt-cell__element-tag{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--tt-elem) 35%, transparent), transparent 70%), #080a16b8;border:1px solid color-mix(in srgb, var(--tt-elem) 55%, transparent);width:20px;height:20px;box-shadow:0 0 0 1px #00000073, 0 0 10px color-mix(in srgb, var(--tt-elem) 40%, transparent), inset 0 0 6px #00000073;-webkit-backdrop-filter:blur(4px);text-shadow:0 0 4px color-mix(in srgb, var(--tt-elem) 60%, transparent);border-radius:6px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:4px;left:4px}.tt-cell--elem:has(.tt-card-mini){box-shadow:inset 0 0 0 1px var(--tt-elem-soft), 0 0 14px var(--tt-elem-glow), inset 0 0 14px #0000008c}.tt-sd-indicator{letter-spacing:.14em;text-transform:uppercase;color:#fff1ee;text-shadow:0 1px #00000073;white-space:nowrap;background:linear-gradient(#be2030eb,#78121eeb);border:1px solid #ff78788c;border-radius:999px;justify-content:center;align-items:center;margin:.5rem auto;padding:.4rem 1rem;font-family:Cinzel,serif;font-size:.85rem;animation:2.4s ease-in-out infinite tt-sd-indicator-glow;display:inline-flex;box-shadow:0 0 0 1px #0006,0 6px 18px #b41e2d59,0 0 18px #ff5a6459,inset 0 1px #ffc8c82e}@keyframes tt-sd-indicator-glow{0%,to{box-shadow:0 0 0 1px #0006,0 6px 18px #b41e2d59,0 0 14px #ff5a644d,inset 0 1px #ffc8c82e}50%{box-shadow:0 0 0 1px #0006,0 6px 18px #b41e2d66,0 0 24px #ff6e788c,inset 0 1px #ffc8c838}}.tt-sd-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:radial-gradient(#3c060c8c,#040408d9 70%),#0000008c;justify-content:center;align-items:center;padding:1.5rem;animation:.22s ease-out both tt-sd-overlay-fade;display:flex;position:fixed;inset:0}@keyframes tt-sd-overlay-fade{0%{opacity:0}to{opacity:1}}.tt-sd-overlay__inner{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2rem;animation:.26s cubic-bezier(.2,.8,.2,1) both tt-sd-inner-rise;display:flex}@keyframes tt-sd-inner-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tt-sd-overlay__title{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#ffd2cc 0%,#ff6a72 45%,#b51a28 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000073)drop-shadow(0 0 18px #ff505a8c);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:700;line-height:1;animation:1.4s ease-in-out .22s infinite tt-sd-title-pulse}@keyframes tt-sd-title-pulse{0%,to{filter:drop-shadow(0 2px #00000073)drop-shadow(0 0 14px #ff505a73);transform:scale(1)}50%{filter:drop-shadow(0 2px #00000073)drop-shadow(0 0 28px #ff6e78bf);transform:scale(1.035)}}.tt-sd-overlay__sub{letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text-dim);text-shadow:0 1px #00000080;font-family:Inter,sans-serif;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:500}@media (prefers-reduced-motion:reduce){.tt-sd-indicator,.tt-sd-overlay,.tt-sd-overlay__inner,.tt-sd-overlay__title{animation:none}}