:root {
  --night: #0c263b;
  --deep: #123e5b;
  --ice: #9fe2ef;
  --ice-light: #e9fbff;
  --cream: #fff8e8;
  --wood: #8f552f;
  --wood-dark: #55321f;
  --gold: #ffc65c;
  --red: #e85b5b;
  --green: #2fb587;
  --text: #173448;
  --shadow: 0 14px 38px rgba(3, 23, 38, .25);
  font-family: "Arial Rounded MT Bold", "Microsoft JhengHei", system-ui, sans-serif;
  color: var(--text);
  background: var(--night);
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; overscroll-behavior: none; }
body { min-height: 100dvh; overflow-x: hidden; background: radial-gradient(circle at 50% 0, #2d6b8a 0, var(--night) 68%); }
button { font: inherit; }
button, .playing-card { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button:focus-visible, .playing-card:focus-visible { outline: 3px solid #ffe27f; outline-offset: 3px; }
.hidden { display: none !important; }
.screen { min-height: 100dvh; width: 100%; position: relative; }

.loading-screen { display: grid; place-content: center; justify-items: center; gap: 16px; color: white; text-align: center; background: radial-gradient(circle at 50% 30%, #4e91aa, #11314a 65%); }
.snow-orb { width: 112px; height: 112px; border-radius: 50%; background: linear-gradient(145deg,#fff,#a7dce8); box-shadow: 0 0 0 10px rgba(255,255,255,.08), inset -8px -9px 15px rgba(63,124,149,.3); position: relative; animation: bob 1.4s ease-in-out infinite; }
.orb-eye { position: absolute; width: 15px; height: 20px; border-radius: 50%; top: 38px; background: #183245; box-shadow: inset 4px 3px 0 rgba(255,255,255,.8); }
.orb-eye.left { left: 30px; }.orb-eye.right { right: 30px; }
.orb-beak { position: absolute; left: 43px; top: 61px; width: 28px; height: 18px; background:#f5a443; clip-path: polygon(0 35%,50% 100%,100% 35%,50% 0); }
.loading-screen h1 { font-size: clamp(1.25rem, 5vw, 2rem); margin: 0; letter-spacing: .08em; }
.loading-track { width: min(70vw, 360px); height: 12px; background: rgba(0,0,0,.25); border: 2px solid rgba(255,255,255,.45); border-radius: 99px; padding: 2px; overflow: hidden; }
.loading-track span { display:block; width:0; height:100%; border-radius:99px; background: linear-gradient(90deg,#91e9ff,#fff6a4); transition: width .16s ease; }
.loading-screen p { margin:0; opacity:.8; font-size:.9rem; }

.home-screen { color: white; display: grid; grid-template-rows: auto 1fr auto auto; gap: 12px; justify-items: center; padding: max(22px, env(safe-area-inset-top)) 22px max(18px, env(safe-area-inset-bottom)); background: radial-gradient(circle at 50% 38%, rgba(88,175,205,.72), transparent 39%), linear-gradient(160deg,#10334e,#1b5b76 55%,#0d2c44); overflow:hidden; }
.home-screen::before, .home-screen::after { content:""; position:absolute; inset:auto -15% -24% -15%; height:46%; border-radius:50% 50% 0 0; background:linear-gradient(#eafcff,#a4d8e6); transform:rotate(-2deg); opacity:.28; }
.home-screen::after { bottom:-31%; left:20%; background:#fff; transform:rotate(7deg); opacity:.14; }
.home-snow { position:absolute; inset:0; opacity:.28; pointer-events:none; background-image:radial-gradient(circle,#fff 0 2px,transparent 3px); background-size:67px 67px; animation:snow 12s linear infinite; }
.home-copy { z-index:1; text-align:center; }
.eyebrow { margin:0 0 7px; font-size:.67rem; letter-spacing:.28em; font-weight:900; text-transform:uppercase; opacity:.7; }
.home-copy h1 { margin:0; color:#fff; line-height:.9; font-size:clamp(2.4rem,10vw,5.6rem); text-shadow:0 6px 0 rgba(7,36,53,.5),0 0 28px rgba(151,229,255,.45); letter-spacing:-.05em; }
.home-copy h1 span { display:block; color:#bff4ff; font-size:.52em; letter-spacing:.08em; margin-bottom:7px; }
.subtitle { display:inline-block; margin:12px 0 8px; padding:6px 18px; color:#563a1e; background:#ffe4a3; border-radius:99px; box-shadow:inset 0 -3px 0 rgba(148,84,32,.2); font-weight:900; letter-spacing:.22em; }
.story-copy { max-width:450px; margin:8px auto 0; color:#d8f6ff; font-size:.92rem; }
.hero-panel { z-index:1; position:relative; width:min(82vw,430px); height:min(42vh,420px); min-height:280px; display:grid; place-items:end center; }
.ice-window { position:absolute; inset:6% 8% 0; border-radius:48% 48% 12% 12%; border:7px solid rgba(211,248,255,.35); background:radial-gradient(circle at 50% 55%,rgba(252,228,174,.5),rgba(66,140,167,.18) 45%,rgba(8,44,64,.35)); box-shadow:inset 0 0 50px rgba(203,246,255,.28); }
.hero-penguin { position:relative; z-index:2; width:auto; height:94%; max-width:96%; object-fit:contain; object-position:center bottom; border-radius:45% 45% 16% 16%; filter:drop-shadow(0 16px 18px rgba(3,22,33,.5)); }
.speech-bubble { position:absolute; z-index:3; right:-3%; top:17%; padding:11px 14px; max-width:140px; border-radius:18px 18px 18px 4px; background:#fff; color:#22445a; font-size:.78rem; font-weight:900; box-shadow:var(--shadow); transform:rotate(4deg); }
.floating-card { position:absolute; z-index:4; width:51px; height:70px; border-radius:8px; display:grid; place-items:center; background:#fffdf6; box-shadow:var(--shadow); border:2px solid #d6cab1; font-size:1.1rem; animation:float 2.4s ease-in-out infinite; }
.floating-card b { font-size:1.45rem; }.floating-card.red { color:#d94b4b; left:2%; top:37%; transform:rotate(-15deg); }.floating-card.black { color:#1e3540; right:3%; top:54%; transform:rotate(13deg); animation-delay:-1s; }
.home-actions { z-index:3; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
button { border:0; cursor:pointer; }
.primary-btn,.secondary-btn,.danger-btn { min-height:48px; padding:12px 24px; border-radius:15px; font-weight:900; transition:transform .16s,filter .16s; }
.primary-btn { color:#3f2b17; background:linear-gradient(#ffe391,#ffb948); box-shadow:0 6px 0 #b86a28,0 12px 22px rgba(0,0,0,.23); }
.secondary-btn { color:#123b53; background:linear-gradient(#f3fdff,#bce5ee); box-shadow:0 5px 0 #679bab; }
.danger-btn { color:white; background:#dc5d58; box-shadow:0 5px 0 #923733; }
.jumbo-btn { min-width:190px; font-size:1.08rem; }
.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover { filter:brightness(1.06); transform:translateY(-2px); }.primary-btn:active,.secondary-btn:active,.danger-btn:active { transform:translateY(3px); box-shadow:none; }
.icon-btn { width:49px; height:49px; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.3); font-size:1.25rem; }
.home-stats { z-index:2; display:flex; gap:28px; font-size:.78rem; color:#bce7f3; }.home-stats b { color:#fff2a3; font-size:1rem; }

.game-screen { display:flex; flex-direction:column; min-height:100dvh; background:linear-gradient(180deg,#163d56,#0a253a); color:white; }
.status-bar { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:max(9px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left)); background:linear-gradient(90deg,rgba(5,24,37,.8),rgba(22,68,92,.85)); border-bottom:1px solid rgba(187,237,250,.18); z-index:10; }
.round-btn { flex:none; width:43px; height:43px; border-radius:50%; color:#dffaff; background:#214f68; border:1px solid rgba(185,239,255,.2); font-weight:900; }
.round-info { min-width:0; text-align:center; line-height:1.1; }.round-info span { display:block; color:#bdeafa; font-size:.72rem; }.round-info strong { display:block; margin-top:4px; font-size:.94rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.status-actions { display:flex; gap:6px; }
.cafe-table { position:relative; flex:1; min-height:390px; overflow:hidden; background:radial-gradient(ellipse at center,#b47c4f 0 17%,#86512e 18% 43%,#633a22 44% 47%,transparent 48%),radial-gradient(circle at 50% 47%,rgba(255,210,127,.18),transparent 35%),linear-gradient(135deg,#1a536b,#0d354e 60%,#17485b); }
.cafe-table::before { content:""; position:absolute; inset:0; opacity:.19; background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%); background-size:80px 80px; transform:skewY(-8deg) scale(1.3); }
.aurora { position:absolute; inset:15% 12%; border-radius:50%; background:conic-gradient(from 30deg,rgba(113,248,219,.15),rgba(109,165,255,.1),rgba(242,113,255,.12),rgba(113,248,219,.15)); filter:blur(20px); animation:spin 10s linear infinite; }
.opponent { position:absolute; z-index:3; display:grid; justify-items:center; min-width:95px; transition:filter .2s, transform .2s; }
.opponent-top { top:8px; left:50%; transform:translateX(-50%); }.opponent-left { left:7px; top:43%; transform:translateY(-50%); }.opponent-right { right:7px; top:43%; transform:translateY(-50%); }
.opponent.active .avatar-wrap { box-shadow:0 0 0 4px #ffe079,0 0 22px #ffce5b; animation:pulse 1s ease-in-out infinite; }
.avatar-wrap { width:76px; height:76px; border-radius:50%; overflow:hidden; background:#d9f4fa; border:3px solid rgba(255,255,255,.75); box-shadow:0 8px 15px rgba(0,0,0,.3); position:relative; }
.avatar-wrap::after { content:""; position:absolute; inset:auto 4px 5px; height:9px; border-radius:99px; background:rgba(9,38,54,.24); filter:blur(4px); }
.avatar-wrap img { width:100%; height:100%; object-fit:cover; object-position:50% 25%; transform:scale(1.22); }
.ice-avatar img { filter:hue-rotate(8deg) saturate(.62) contrast(1.08); }.ice-avatar::before { content:"⌐○-○"; position:absolute; z-index:3; top:27px; left:10px; color:#213c4d; font-size:18px; font-weight:900; transform:rotate(-4deg); }
.star-avatar img { filter:hue-rotate(25deg) saturate(1.15) brightness(.74); }.star-avatar::before { content:"★"; position:absolute; z-index:3; right:4px; top:1px; color:#ffd461; font-size:23px; filter:drop-shadow(0 2px 0 #604213); }
.snow-avatar img { filter:brightness(1.12) saturate(.72); }.snow-avatar::before { content:""; position:absolute; z-index:3; left:5px; top:5px; width:18px; height:30px; background:#ff726b; border-radius:12px 12px 2px 2px; transform:rotate(-25deg); }
.opponent-copy { display:flex; align-items:center; gap:4px; margin-top:4px; text-shadow:0 2px 3px #061d2a; }.opponent-copy strong { font-size:.84rem; }
.ai-badge { padding:2px 5px; border-radius:99px; font-size:.56rem; color:white; }.rookie{background:#35aa80}.clever{background:#6788e6}.expert{background:#ba8540}
.card-count { margin-top:3px; padding:3px 7px; border-radius:9px; color:#dff8ff; background:rgba(3,25,38,.72); font-size:.68rem; }.card-count i { display:inline-block; width:8px; height:12px; border-radius:2px; background:#e9f8ff; margin-right:3px; vertical-align:-2px; }.card-count b { color:#ffe696; font-size:.86rem; }
.danger-label { display:none; margin-top:3px; padding:3px 7px; border-radius:8px; font-size:.57rem; background:#df5c55; animation:blink .8s infinite; }.opponent.danger .danger-label { display:block; }
.play-zone { position:absolute; z-index:2; left:50%; top:52%; width:min(50vw,360px); height:155px; transform:translate(-50%,-50%); display:grid; grid-template-rows:auto 1fr auto; place-items:center; }
.play-zone > p { margin:0 0 5px; padding:4px 10px; border-radius:99px; color:#fff0b3; background:rgba(65,35,18,.5); font-size:.67rem; }
.table-cards { min-height:83px; width:100%; display:flex; align-items:center; justify-content:center; overflow:visible; }
.table-cards .playing-card + .playing-card { margin-left:-28px; }.empty-table { color:rgba(255,255,255,.7); font-size:.72rem; text-align:center; padding:17px; border:1px dashed rgba(255,255,255,.3); border-radius:14px; }
.hand-type { color:#50331b; background:#ffe6a8; border-radius:7px; padding:3px 10px; font-size:.63rem; font-weight:900; box-shadow:0 3px 0 #9b6339; }
.fx-layer { position:absolute; inset:0; pointer-events:none; z-index:9; overflow:hidden; }
.fx-word { position:absolute; left:50%; top:46%; transform:translate(-50%,-50%) rotate(-7deg); font-size:clamp(2rem,10vw,5rem); color:#fff; -webkit-text-stroke:3px #1d4a63; text-shadow:0 7px 0 #122e41,0 0 22px #8eeaff; animation:popword .85s both; font-weight:1000; }
.confetti { position:absolute; top:-20px; width:10px; height:18px; animation:confetti 1.8s ease-in forwards; }

.player-console { position:relative; z-index:7; flex:none; padding:7px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:linear-gradient(#e5f8fb,#b6dce5); color:var(--text); box-shadow:0 -8px 25px rgba(0,0,0,.22); }
.player-meta { min-height:43px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; max-width:1000px; margin:0 auto; }
.mini-player { width:42px; height:42px; border-radius:50%; overflow:hidden; background:#fff; border:2px solid #fff; position:relative; }.mini-player img { width:100%; height:100%; object-fit:cover; }.mini-player span { position:absolute; inset:auto 0 0; background:rgba(11,42,57,.75); color:#fff; text-align:center; font-size:.55rem; }
.player-meta strong { display:block; font-size:.8rem; }.player-meta small { display:block; color:#5e7b89; font-size:.64rem; margin-top:2px; }.your-count { font-size:.67rem; color:#55727f; }.your-count b { color:#123c53; font-size:1.05rem; }
.player-hand { max-width:1000px; height:112px; margin:3px auto 4px; display:flex; align-items:flex-end; padding:14px 15px 3px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scroll-padding:25px; touch-action:pan-x; }
.player-hand .playing-card { flex:0 0 auto; }.player-hand .playing-card + .playing-card { margin-left:-22px; }
.playing-card { position:relative; width:62px; height:90px; padding:5px; border-radius:9px; color:#183140; background:linear-gradient(145deg,#fffef9,#f3ead6); border:1px solid #c9b998; box-shadow:0 4px 8px rgba(22,44,52,.28); user-select:none; transition:transform .15s,filter .15s; text-align:left; font-weight:900; }
button.playing-card { appearance:none; }.playing-card.red { color:#d94b4f; }.playing-card.selected { transform:translateY(-14px); box-shadow:0 0 0 3px #ffc857,0 9px 16px rgba(20,48,61,.28); z-index:5; }.playing-card:disabled { opacity:1; cursor:default; }
.playing-card .corner { display:flex; flex-direction:column; align-items:center; width:19px; line-height:.8; font-size:.82rem; }.playing-card .corner .suit { font-size:.9rem; margin-top:3px; }.playing-card .center-suit { position:absolute; inset:33% 0 auto; text-align:center; font-size:1.8rem; opacity:.82; }.playing-card .tiny-id { position:absolute; right:5px; bottom:4px; font-size:.5rem; opacity:.45; transform:rotate(180deg); }
.table-cards .playing-card { width:55px; height:80px; transform:rotate(var(--card-rotate,0)); box-shadow:0 4px 9px rgba(40,20,10,.4); }.table-cards .playing-card:nth-child(2n){--card-rotate:3deg}.table-cards .playing-card:nth-child(3n){--card-rotate:-4deg}
.card-back { width:33px; height:48px; border-radius:5px; background:repeating-linear-gradient(45deg,#287693 0 5px,#c4eff7 5px 8px); border:3px solid #f8ffff; box-shadow:0 3px 6px rgba(0,0,0,.3); }
.action-bar { max-width:740px; margin:0 auto; display:grid; grid-template-columns:repeat(2,minmax(48px,.55fr)) repeat(2,minmax(75px,1fr)); gap:7px; }
.action-bar button { min-height:48px; border-radius:13px; font-weight:900; box-shadow:inset 0 -3px 0 rgba(0,0,0,.17); }
.tool-btn { background:#f4fdff; color:#476773; }.pass-btn { background:#607886; color:white; }.play-btn { background:linear-gradient(#ffd86d,#f2a642); color:#493018; font-size:1.02rem; }
.action-bar button:disabled { filter:grayscale(.8); opacity:.45; cursor:not-allowed; }

.toast { position:fixed; z-index:100; left:50%; bottom:calc(185px + env(safe-area-inset-bottom)); max-width:86vw; transform:translate(-50%,20px); padding:10px 16px; border-radius:99px; color:#fff; background:rgba(8,35,50,.93); box-shadow:var(--shadow); font-size:.8rem; opacity:0; pointer-events:none; transition:.22s; }.toast.show { opacity:1; transform:translate(-50%,0); }
.toast.error { background:#b94743; }.toast.good { background:#227f69; }
.card-preview { position:fixed; z-index:120; inset:0; display:grid; place-items:center; background:rgba(5,24,35,.63); backdrop-filter:blur(4px); pointer-events:none; }.card-preview .playing-card { width:150px; height:218px; transform:translateY(-8%); border-radius:18px; padding:14px; }.card-preview .playing-card .corner { font-size:1.9rem; width:38px; }.card-preview .playing-card .center-suit { font-size:4.5rem; }.card-preview .playing-card .tiny-id { font-size:1rem; }

.game-dialog { width:min(92vw,560px); max-height:90dvh; overflow:auto; border:0; border-radius:24px; padding:27px; color:var(--text); background:linear-gradient(160deg,#f8ffff,#d6f0f4); box-shadow:0 25px 70px rgba(0,0,0,.4); text-align:center; }.game-dialog::backdrop { background:rgba(4,20,30,.72); backdrop-filter:blur(7px); }.game-dialog h2 { margin:5px 0 13px; font-size:1.7rem; color:#143f59; }.game-dialog p { line-height:1.65; }
.dialog-close { position:absolute; right:12px; top:10px; width:37px; height:37px; border-radius:50%; background:#b8dce4; color:#1b5369; font-size:1.4rem; }
.rules-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; text-align:left; }.rules-grid article { position:relative; padding:13px; border-radius:15px; background:rgba(255,255,255,.78); border:1px solid #b9dfe6; }.rules-grid article > span { position:absolute; right:9px; top:5px; color:#73a8b5; font-size:1.4rem; font-weight:900; }.rules-grid h3 { margin:0 0 6px; font-size:.91rem; }.rules-grid p { margin:0; font-size:.75rem; color:#5c7883; }
.tip-box { padding:10px 13px; border-radius:12px; color:#60481f; background:#fff1b9; font-size:.78rem; }
.pause-penguin { width:140px; height:140px; object-fit:cover; border-radius:50%; border:5px solid white; box-shadow:var(--shadow); }
.result-crown { margin:-52px auto 0; width:60px; height:60px; display:grid; place-items:center; border-radius:50%; color:#80521b; background:#ffd465; border:5px solid #fff8d9; font-size:2rem; box-shadow:var(--shadow); }.result-dialog { overflow:visible; }.result-dialog.lose .result-crown { filter:grayscale(1); }
.ranking-list { display:grid; gap:7px; margin:15px 0; }.ranking-row { display:grid; grid-template-columns:35px 1fr auto auto; gap:7px; align-items:center; padding:9px 12px; border-radius:13px; text-align:left; background:#fff; border:1px solid #cae2e7; }.ranking-row.you { background:#fff4c7; border-color:#efc55b; }.rank-num { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:#255c73; color:#fff; }.ranking-row:first-child .rank-num { background:#e3a936; }.rank-cards { color:#66808a; font-size:.74rem; }.rank-score { font-weight:900; color:#297c67; }.rank-score.negative { color:#c14d4d; }
.result-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }.confirm-dialog { max-width:420px; }

@keyframes bob { 50%{transform:translateY(-9px) rotate(2deg)} } @keyframes snow { to{background-position:20px 134px} } @keyframes float { 50%{margin-top:-10px} } @keyframes spin { to{transform:rotate(360deg)} } @keyframes pulse { 50%{transform:scale(1.05)} } @keyframes blink { 50%{opacity:.4} } @keyframes popword { 0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-14deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(5deg)}100%{opacity:0;transform:translate(-50%,-60%) scale(1) rotate(-5deg)} } @keyframes confetti { to{transform:translate(var(--drift),105dvh) rotate(760deg);opacity:.1} }

@media (min-width: 800px) {
  .game-screen { display:grid; grid-template-rows:auto minmax(480px,1fr) auto; }
  .cafe-table { min-height:500px; }
  .avatar-wrap { width:96px; height:96px; }.opponent-left{left:7%}.opponent-right{right:7%}.opponent-top{top:14px}
  .play-zone { width:400px; height:190px; }.table-cards .playing-card { width:68px; height:98px; }
  .player-hand { height:142px; padding-top:25px; }.playing-card { width:78px; height:112px; border-radius:11px; }.player-hand .playing-card + .playing-card{margin-left:-25px}.playing-card .center-suit{font-size:2.25rem}.playing-card .corner{font-size:1rem}
  .toast { bottom:225px; }
}

@media (max-width: 480px) {
  .status-bar{min-height:58px}.round-btn{width:39px;height:39px}.cafe-table{min-height:355px}
  .avatar-wrap{width:61px;height:61px}.opponent-copy strong{font-size:.73rem}.opponent-top{top:5px}.opponent-left,.opponent-right{top:40%}.opponent-left{left:3px}.opponent-right{right:3px}
  .ice-avatar::before{top:21px;left:6px;font-size:14px}.star-avatar::before{font-size:18px}
  .play-zone{top:55%;width:58vw;height:132px}.table-cards .playing-card{width:47px;height:68px}.table-cards .playing-card + .playing-card{margin-left:-24px}
  .player-hand{height:100px;padding-left:8px;padding-right:8px}.playing-card{width:54px;height:79px}.player-hand .playing-card + .playing-card{margin-left:-20px}.playing-card .center-suit{font-size:1.55rem}.playing-card .corner{font-size:.72rem}
  .rules-grid{grid-template-columns:1fr}.game-dialog{padding:24px 18px}.home-copy h1{font-size:2.7rem}.hero-panel{min-height:245px}.speech-bubble{right:-1%;top:15%;font-size:.7rem;max-width:120px}
}

@media (orientation: landscape) and (max-height: 620px) {
  .status-bar{min-height:50px;padding-top:5px}.game-screen{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,46vw);grid-template-rows:52px 1fr}.status-bar{grid-column:1/-1}.cafe-table{min-height:0}.player-console{min-height:0;overflow:hidden}.player-meta{height:36px}.player-hand{height:calc(100dvh - 155px)}.avatar-wrap{width:55px;height:55px}.opponent-top{top:2px}.play-zone{top:58%;height:116px}.toast{bottom:70px}
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important} }