:root {
  color-scheme: dark;
  --page:#071522; --panel:#0e2030; --panel-2:#13283a; --ink:#f5f7fa; --muted:#a6b4bf;
  --line:rgba(226,237,245,.13); --accent:#b6f24a; --accent-ink:#15200a;
  --felt-a:#1b6b49; --felt-b:#124735; --felt-line:rgba(205,241,206,.16); --shadow:0 18px 44px rgba(0,0,0,.25);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { min-height:100%; background:var(--page); }
body { min-width:320px; min-height:100vh; margin:0; color:var(--ink); background:var(--page); }
body.theme-premium { --page:#090d14; --panel:#111924; --panel-2:#192332; --felt-a:#192d2b; --felt-b:#10211f; --felt-line:rgba(215,232,210,.12); --accent:#c4f15b; }
body.theme-light { color-scheme:light; --page:#edf1ef; --panel:#fff; --panel-2:#f5f8f6; --ink:#17212a; --muted:#66737c; --line:#dfe7e2; --felt-a:#d8eadc; --felt-b:#cde3d4; --felt-line:rgba(44,100,61,.16); --shadow:0 14px 36px rgba(29,53,39,.12); }
button, select { font:inherit; }
button { color:inherit; }
.app { width:min(1420px,100%); min-height:100vh; margin:0 auto; padding:0 22px 22px; }
.topbar { display:flex; align-items:center; justify-content:space-between; min-height:66px; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-size:18px; font-weight:950; letter-spacing:.03em; }
.brand span { display:block; margin-top:1px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.19em; }
.top-actions,.game-top-actions { display:flex; align-items:center; gap:8px; }
.icon-btn { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--panel); font-weight:800; cursor:pointer; }
.icon-btn:hover,.quiet-btn:hover { color:var(--ink); border-color:var(--accent); }
.panel { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--panel); box-shadow:var(--shadow); }
.setup { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); max-width:1050px; min-height:510px; margin:34px auto; }
.setup-art { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:510px; overflow:hidden; padding:42px; background:radial-gradient(ellipse at 82% 22%,rgba(182,242,74,.24),transparent 32%),radial-gradient(ellipse at 60% 105%,rgba(77,204,133,.26),transparent 50%),linear-gradient(145deg,#071a2b,#0d3a34 70%,#123d32); }
.setup-art::before,.setup-art::after { position:absolute; content:""; border:1px solid rgba(215,247,219,.16); border-radius:50%; pointer-events:none; }
.setup-art::before { width:430px; height:260px; right:-135px; top:70px; transform:rotate(-18deg); }
.setup-art::after { width:360px; height:210px; right:-80px; top:94px; transform:rotate(-18deg); }
.setup-kicker,.eyebrow { position:relative; color:var(--accent); font-size:10px; font-weight:850; letter-spacing:.17em; }
.setup-art h1 { position:relative; margin:17px 0 12px; color:#fff; font-size:clamp(42px,6vw,70px); line-height:.96; letter-spacing:-.06em; }
.setup-art p { position:relative; max-width:420px; margin:0; color:#d5e3e4; font-size:16px; line-height:1.55; }
.setup-points { position:relative; display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.setup-points span { padding:8px 11px; border:1px solid rgba(231,246,240,.2); border-radius:999px; color:#e8f2ea; background:rgba(4,16,24,.28); font-size:12px; font-weight:700; }
.setup-form { display:flex; flex-direction:column; align-items:stretch; justify-content:center; padding:36px clamp(24px,4vw,48px); }
.setup-form h2 { margin:0 0 20px; font-size:23px; letter-spacing:-.03em; }
.setup-form label { margin:13px 0 7px; color:var(--muted); font-size:12px; font-weight:700; }
.setup-form select { min-height:44px; padding:0 12px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--panel-2); color-scheme:inherit; }
.primary-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 20px; border:1px solid var(--accent); border-radius:13px; color:var(--accent-ink); background:var(--accent); font-weight:850; cursor:pointer; transition:filter .18s ease,transform .18s ease; }
.primary-btn:hover { filter:brightness(1.06); transform:translateY(-1px); }
.start-btn { justify-content:space-between; margin-top:24px; }
.safe-note { margin:13px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.hidden { display:none !important; }
.game { padding-top:18px; }
.game-topline { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 15px; }
.game-topline h1 { margin:4px 0 0; font-size:25px; letter-spacing:-.04em; }
.round-status { padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--panel); font-size:11px; font-weight:750; }
.quiet-btn { min-height:36px; padding:0 12px; border:1px solid var(--line); border-radius:11px; color:var(--muted); background:var(--panel); font-size:12px; font-weight:750; cursor:pointer; }
.table-layout { display:grid; grid-template-columns:minmax(0,1fr) 248px; gap:15px; align-items:stretch; }
.felt-table { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:400px; overflow:hidden; padding:18px 22px 14px; border:1px solid var(--felt-line); border-radius:26px; background:radial-gradient(ellipse at center,rgba(255,255,255,.075),transparent 54%),radial-gradient(ellipse at 50% 50%,var(--felt-a),var(--felt-b)); box-shadow:inset 0 0 0 8px rgba(0,0,0,.08),inset 0 0 60px rgba(0,0,0,.12),var(--shadow); }
.felt-table::before,.felt-table::after { position:absolute; content:""; z-index:0; left:50%; top:49%; width:72%; height:65%; border:1px solid var(--felt-line); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.felt-table::after { width:62%; height:55%; border-color:rgba(255,255,255,.07); }
.opponents,.player-seat,.table-center { position:relative; z-index:1; }
.opponents { display:flex; align-items:center; justify-content:center; gap:8px; min-height:66px; overflow-x:auto; padding:0 4px 3px; scrollbar-width:thin; }
.opponent-seat,.player-seat { position:relative; display:flex; align-items:center; gap:8px; min-width:130px; max-width:210px; padding:8px 10px; border:1px solid rgba(231,245,239,.2); border-radius:14px; color:#f5f8f5; background:rgba(4,24,19,.34); backdrop-filter:blur(8px); }
body.theme-light .opponent-seat,body.theme-light .player-seat { color:#21352a; border-color:rgba(44,100,61,.18); background:rgba(255,255,255,.68); }
.opponent-seat.is-active { border-color:var(--accent); box-shadow:0 0 0 2px rgba(182,242,74,.14); }
.opponent-seat.is-out { opacity:.55; }
.seat-avatar { display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; border-radius:11px; color:#17220d; background:var(--accent); font-size:12px; font-weight:900; }
.seat-avatar--human { font-size:8px; letter-spacing:-.05em; }
.seat-copy { display:flex; flex:1; flex-direction:column; min-width:0; }
.seat-copy b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.seat-copy small { margin-top:2px; color:var(--muted); font-size:10px; }
body.theme-light .seat-copy small { color:#66737c; }
.seat-cards { display:flex; align-items:center; padding-left:2px; }
.mini-back { display:block; width:13px; height:20px; margin-left:-5px; border:1px solid rgba(255,255,255,.75); border-radius:3px; background:repeating-linear-gradient(45deg,#193d36 0 3px,#a8ed20 3px 4px,#193d36 4px 7px); }
.seat-turn { color:var(--accent); font-size:9px; }
.table-center { display:flex; align-items:center; justify-content:center; gap:clamp(12px,3vw,42px); min-height:200px; }
.stock-box { display:flex; align-items:center; gap:8px; }
.stock-stack { position:relative; display:grid; place-items:center; width:48px; height:70px; border:1px solid rgba(255,255,255,.7); border-radius:8px; color:#fff; background:repeating-linear-gradient(45deg,#173f37 0 5px,#a8ed20 5px 6px,#173f37 6px 10px); box-shadow:0 5px 10px rgba(0,0,0,.22); }
.stock-stack i { position:absolute; inset:3px 4px -4px -4px; z-index:-1; border:1px solid rgba(255,255,255,.5); border-radius:8px; background:#0d312b; }
.stock-stack i:nth-child(2) { inset:6px 7px -7px -7px; z-index:-2; }
.stock-stack b { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; color:#18351d; background:var(--accent); font-size:11px; }
.stock-empty { color:rgba(255,255,255,.65); font-size:9px; font-weight:800; line-height:1.5; text-align:center; }
.trump-card { position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; transform:rotate(8deg); }
.trump-card > span { color:var(--accent); font-size:8px; font-weight:900; letter-spacing:.1em; transform:rotate(-8deg); }
.trump-suit { display:flex; flex-direction:column; align-items:center; gap:1px; color:#fff; }
.trump-suit span { font-family:Georgia,serif; font-size:32px; }
.trump-suit small { color:var(--accent); font-size:8px; font-weight:900; }
.played-area { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:9px; max-width:min(600px,72%); min-height:134px; }
.card-pair { display:flex; align-items:center; min-width:94px; min-height:118px; }
.attack-slot,.defense-slot { display:grid; place-items:center; width:63px; height:100px; }
.defense-slot { margin-left:-25px; margin-top:19px; transform:rotate(8deg); }
.empty-slot { display:grid; place-items:center; width:59px; height:88px; border:1px dashed rgba(255,255,255,.38); border-radius:9px; color:rgba(255,255,255,.68); font-size:7px; font-weight:800; text-align:center; }
.table-empty { display:flex; flex-direction:column; align-items:center; gap:6px; color:rgba(244,251,247,.88); text-align:center; }
.table-empty b { font-size:13px; }
.table-empty small { color:rgba(244,251,247,.65); font-size:10px; }
.table-rings { width:54px; height:35px; margin-bottom:5px; border:1px solid rgba(255,255,255,.28); border-radius:50%; box-shadow:0 0 0 8px rgba(255,255,255,.04),0 0 0 16px rgba(255,255,255,.035); }
.playing-card { position:relative; display:block; width:62px; height:94px; flex:0 0 62px; padding:5px; overflow:hidden; border:1px solid #d5d8dc; border-radius:9px; color:#20242b; background:linear-gradient(145deg,#fffefa,#f1efe7); box-shadow:0 5px 12px rgba(0,0,0,.24); font-family:Georgia,"Times New Roman",serif; user-select:none; }
button.playing-card { cursor:pointer; }
.playing-card.is-red { color:#b72d3b; }
.card-corner { display:flex; flex-direction:column; align-items:center; width:14px; line-height:.95; }
.card-corner b { font-size:14px; }
.card-corner i { font-size:12px; font-style:normal; }
.card-center-suit { position:absolute; top:50%; left:50%; font-size:37px; line-height:1; transform:translate(-50%,-50%); }
.card-corner--bottom { position:absolute; right:5px; bottom:5px; transform:rotate(180deg); }
.card-back { display:grid; place-items:center; border:2px solid #edf3dd; color:#d8f3ac; background:repeating-linear-gradient(45deg,#173f37 0 6px,#a8ed20 6px 7px,#173f37 7px 13px); }
.back-mark { display:grid; place-items:center; width:40px; height:62px; border:1px solid rgba(244,255,228,.7); border-radius:5px; color:#d9ffa0; font-size:20px; }
.playing-card.is-small { width:42px; height:64px; flex-basis:42px; border-radius:6px; }
.is-small .card-corner { width:11px; }
.is-small .card-corner b { font-size:10px; }
.is-small .card-corner i { font-size:9px; }
.is-small .card-center-suit { font-size:25px; }
.is-small .card-corner--bottom { right:3px; bottom:3px; }
.player-seat { align-self:flex-end; width:max-content; min-width:130px; margin:2px auto 0; }
.game-sidebar { display:flex; flex-direction:column; gap:9px; }
.side-card { padding:13px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.side-label { display:block; color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.13em; }
.turn-card { min-height:100px; }
.turn-card strong { display:block; margin-top:6px; font-size:18px; }
.turn-card p { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.4; }
.turn-timer { float:right; margin-top:-18px; color:var(--accent); font-size:13px; font-weight:850; font-variant-numeric:tabular-nums; }
.side-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.side-heading > span:last-child { color:var(--muted); font-size:10px; }
.hand-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:9px; }
.count-chip { display:flex; align-items:center; justify-content:space-between; gap:5px; min-width:0; padding:6px 8px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:10px; }
.count-chip b { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.count-chip i { display:grid; place-items:center; width:19px; height:19px; flex:0 0 19px; border-radius:50%; color:var(--ink); background:var(--panel-2); font-size:10px; font-style:normal; font-weight:800; }
.count-chip.is-active { border-color:var(--accent); color:var(--ink); }
.count-chip.is-active i { color:var(--accent-ink); background:var(--accent); }
.history-card { flex:1; min-height:120px; }
.text-btn { padding:2px 0; border:0; color:var(--muted); background:transparent; font-size:10px; cursor:pointer; }
.action-log { display:flex; flex-direction:column; gap:5px; max-height:136px; overflow:auto; margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:10px; line-height:1.4; }
.action-log li::marker { color:var(--accent); }
.leave-btn { margin-top:auto; }
.hand-panel { margin-top:13px; padding:12px 14px 13px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.hand-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.hand-head > div { display:flex; align-items:center; gap:8px; }
.hand-head > div > span:last-child { color:var(--ink); font-size:11px; font-weight:750; }
.hand-hint { color:var(--muted); font-size:10px; }
.hand-scroll { overflow-x:auto; overflow-y:hidden; padding:7px 2px 5px; scrollbar-width:thin; scrollbar-color:rgba(166,180,191,.4) transparent; }
.player-hand { display:flex; align-items:flex-end; justify-content:center; min-width:max-content; min-height:112px; padding:0 18px 6px; }
.hand-card-wrap { position:relative; z-index:var(--card-index); flex:0 0 auto; margin-left:-18px; transform:translateY(calc(sin((var(--card-index) - 3) * 8deg) * 4px)) rotate(calc((var(--card-index) - 3) * 2deg)); transition:transform .18s ease,margin .18s ease; }
.hand-card-wrap:first-child { margin-left:0; }
.hand-card-wrap:hover { z-index:30; transform:translateY(-9px) rotate(0); }
.hand-card-wrap .playing-card { width:clamp(50px,7vw,68px); height:clamp(76px,10vw,102px); flex-basis:clamp(50px,7vw,68px); }
.hand-card-wrap .card-center-suit { font-size:clamp(29px,4vw,38px); }
.hand-card-wrap .card-corner b { font-size:clamp(12px,1.6vw,15px); }
.playing-card.is-selected { z-index:20; outline:3px solid var(--accent); outline-offset:1px; transform:translateY(-14px) rotate(0); }
.playing-card.is-disabled { cursor:not-allowed; filter:saturate(.55); }
.action-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; min-height:42px; }
.action-btn { min-width:104px; min-height:42px; padding:0 15px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--panel-2); font-size:12px; font-weight:850; cursor:pointer; }
.action-btn:hover:not(:disabled) { border-color:var(--accent); }
.action-btn.is-primary { border-color:var(--accent); color:var(--accent-ink); background:var(--accent); }
.action-btn:disabled { opacity:.43; cursor:not-allowed; }
.action-message { color:var(--muted); font-size:11px; }
.thinking-dot { display:inline-block; width:7px; height:7px; margin-right:4px; border-radius:50%; background:var(--accent); animation:pulse 1s infinite ease-in-out; }
.result-overlay { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(3,10,14,.72); backdrop-filter:blur(9px); }
.result-card { width:min(420px,100%); padding:30px; border:1px solid var(--line); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); text-align:center; }
.result-mark { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 16px; border-radius:20px; color:var(--accent-ink); background:var(--accent); font-size:28px; }
.result-card h2 { margin:8px 0; font-size:29px; }
.result-card p { margin:0 0 21px; color:var(--muted); font-size:14px; line-height:1.5; }
.result-card .primary-btn { width:100%; }
.rules-dialog { width:min(540px,calc(100% - 28px)); max-height:85vh; overflow:auto; padding:26px; border:1px solid var(--line); border-radius:22px; color:var(--ink); background:var(--panel); box-shadow:var(--shadow); }
.rules-dialog::backdrop { background:rgba(3,10,14,.72); backdrop-filter:blur(5px); }
.rules-dialog h2 { margin:8px 0 14px; }
.rules-dialog ol { padding-left:21px; color:var(--muted); font-size:13px; line-height:1.58; }
.rules-dialog li+li { margin-top:8px; }
.rules-dialog p { color:var(--muted); font-size:12px; }
.dialog-close { float:right; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; color:var(--muted); background:transparent; font-size:22px; line-height:1; cursor:pointer; }
.toast { position:fixed; right:20px; bottom:20px; z-index:30; max-width:min(400px,calc(100% - 40px)); padding:11px 15px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--panel); box-shadow:var(--shadow); font-size:12px; opacity:0; pointer-events:none; transform:translateY(8px); }
.toast.is-visible { opacity:1; transform:translateY(0); }
@keyframes pulse { 50% { opacity:.35; transform:scale(.8); } }
@media (max-width:960px) { .table-layout { grid-template-columns:minmax(0,1fr) 220px; } .felt-table { min-height:380px; padding-inline:13px; } .opponents { gap:6px; } .opponent-seat { min-width:115px; padding-inline:7px; } }
@media (max-width:720px) {
  .app { padding:0 12px 14px; }
  .topbar { min-height:56px; }
  .setup { grid-template-columns:1fr; margin:18px auto; border-radius:20px; }
  .setup-art { min-height:220px; padding:24px; }
  .setup-art h1 { margin:10px 0 8px; font-size:42px; }
  .setup-art p { max-width:500px; font-size:13px; }
  .setup-points { margin-top:17px; }
  .setup-points span { padding:6px 9px; font-size:10px; }
  .setup-form { padding:19px 22px 22px; }
  .setup-form h2 { margin-bottom:9px; font-size:19px; }
  .setup-form label { margin-top:10px; }
  .setup-form select { min-height:41px; }
  .start-btn { margin-top:17px; }
  .game { padding-top:12px; }
  .game-topline { align-items:flex-start; margin-bottom:10px; }
  .game-topline h1 { font-size:21px; }
  .round-status { display:none; }
  .quiet-btn { min-height:34px; padding:0 9px; font-size:10px; }
  .table-layout { display:flex; flex-direction:column; gap:9px; }
  .felt-table { order:1; min-height:295px; padding:9px 8px 10px; border-radius:20px; }
  .opponents { justify-content:flex-start; min-height:49px; }
  .opponent-seat { min-width:112px; max-width:150px; padding:5px 7px; border-radius:11px; }
  .seat-avatar { width:27px; height:27px; flex-basis:27px; }
  .seat-cards { display:none; }
  .table-center { min-height:175px; gap:8px; }
  .stock-box { flex-direction:column; gap:4px; }
  .stock-stack { width:39px; height:56px; border-radius:7px; }
  .stock-empty { font-size:7px; }
  .trump-card { gap:2px; }
  .trump-card > span,.trump-suit small { font-size:7px; }
  .playing-card.is-small { width:34px; height:52px; flex-basis:34px; }
  .is-small .card-corner b { font-size:8px; }
  .is-small .card-corner i { font-size:7px; }
  .is-small .card-center-suit { font-size:19px; }
  .played-area { max-width:calc(100% - 90px); min-height:118px; gap:2px; }
  .card-pair { min-width:75px; min-height:105px; }
  .attack-slot,.defense-slot { width:51px; height:80px; }
  .defense-slot { margin-left:-20px; margin-top:14px; }
  .attack-slot .playing-card,.defense-slot .playing-card { width:50px; height:76px; flex-basis:50px; border-radius:7px; }
  .attack-slot .card-center-suit,.defense-slot .card-center-suit { font-size:29px; }
  .attack-slot .card-corner b,.defense-slot .card-corner b { font-size:11px; }
  .empty-slot { width:45px; height:65px; font-size:6px; }
  .player-seat { min-height:38px; margin-top:0; padding:4px 9px; }
  .game-sidebar { order:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7px; }
  .side-card { padding:9px; border-radius:13px; }
  .turn-card { min-height:79px; }
  .turn-card strong { font-size:14px; }
  .turn-card p { font-size:9px; }
  .history-card { grid-column:1/-1; min-height:68px; }
  .action-log { display:none; }
  .hand-panel { margin-top:8px; padding:10px 9px; border-radius:15px; }
  .hand-head { align-items:flex-start; }
  .hand-head > div { flex-direction:column; align-items:flex-start; gap:3px; }
  .hand-hint { max-width:45%; font-size:9px; text-align:right; }
  .player-hand { justify-content:flex-start; min-height:101px; padding:0 8px 5px; }
  .hand-card-wrap { margin-left:-22px; }
  .hand-card-wrap .playing-card { width:55px; height:82px; flex-basis:55px; }
  .hand-card-wrap .card-center-suit { font-size:30px; }
  .action-row { gap:6px; }
  .action-btn { flex:1 1 30%; min-width:0; min-height:43px; padding:0 7px; font-size:11px; }
  .leave-btn { grid-column:1/-1; }
}
@media (max-width:390px) { .opponent-seat { min-width:105px; } .seat-copy b { font-size:10px; } .hand-card-wrap .playing-card { width:51px; height:77px; flex-basis:51px; } .hand-card-wrap { margin-left:-23px; } }
@media (orientation:landscape) and (max-height:560px) {
  .app { padding-bottom:9px; }
  .topbar { min-height:42px; }
  .setup { min-height:0; margin:12px auto; }
  .setup-art { min-height:310px; padding:22px; }
  .setup-form { padding:18px 24px; }
  .game { padding-top:8px; }
  .game-topline { margin-bottom:7px; }
  .table-layout { grid-template-columns:minmax(0,1fr) 190px; gap:8px; }
  .felt-table { min-height:calc(100svh - 190px); }
  .game-sidebar { gap:6px; }
  .history-card { min-height:70px; }
  .action-log { max-height:60px; }
  .hand-panel { margin-top:7px; padding:7px 10px; }
  .player-hand { min-height:80px; }
  .hand-card-wrap .playing-card { height:70px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }