/* Original Tavlê game skin. Loaded after styles.css; no external assets or fonts. */
:root{
  color-scheme:dark;
  --bg:#071a22;--paper:#102b33;--ink:#fff3d8;--muted:#a9bec3;--line:#af885a40;
  --green:#23bd9e;--gold:#f4c477;--felt:#245c50;--point-a:#c9ad77;--point-b:#11362f;
  --frame:#553b29;--shadow:0 22px 60px #0008;
  background:#071a22;color:var(--ink);
}
body{
  background:radial-gradient(ellipse at 75% 0,#17645b33,transparent 48%),
    radial-gradient(ellipse at 0 50%,#3c375630,transparent 54%),
    repeating-linear-gradient(45deg,transparent 0 26px,#e8c08903 26px 27px,transparent 27px 53px),#071a22;
  background-attachment:fixed;
}
button{transition:transform .2s,box-shadow .2s,filter .2s,background .2s}
button:active{transform:translateY(2px) scale(.985)}
button:disabled{opacity:.42;filter:saturate(.45)}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7cebd2;outline-offset:4px}
a{color:#82e8cf}
h1,h2,h3{color:#fff0d1}
h1,h2{font-weight:700;letter-spacing:-.035em}
html[dir=rtl] h1,html[dir=rtl] h2{font-weight:700;letter-spacing:0;line-height:1.55}
.shell{max-width:1440px;grid-template-columns:228px minmax(0,1fr)}
.rail{
  padding:38px 23px;gap:56px;border-inline-end:1px solid #c2985c2e;
  background:linear-gradient(180deg,#11353de8,#081c27f5 65%);
  box-shadow:12px 0 35px #0002,inset -1px 0 #ffffff04;
}
.brand{color:#ffe4ac;gap:13px;font-size:31px;letter-spacing:-.055em;text-shadow:0 3px 9px #0008}
.brand-mark{
  position:relative;width:40px;height:40px;padding:9px;gap:5px;border:1px solid #ffe6a9;
  border-radius:12px;background:linear-gradient(145deg,#ffe6a6 0,#b98641 45%,#775026 100%);
  box-shadow:inset 0 1px 2px #fff9,inset 0 -3px 2px #57300a80,0 4px 0 #674321,0 7px 15px #0008;
}
.brand-mark i{width:6px;height:6px;background:#3e291b;box-shadow:0 1px #ffe8ac88,inset 0 1px 2px #0008}
.nav{gap:13px}
.nav button{
  min-height:57px;padding:16px 15px;border:1px solid transparent;border-radius:16px;
  font-size:14px;font-weight:600;color:#a8c1c4;
}
.nav button:hover{background:#17444b80;color:#f8e3bb}
.nav button.active{
  color:#ffe3ac;border-color:#d9b57458;
  background:linear-gradient(135deg,#286360,#153c42 70%);
  box-shadow:inset 0 1px #fff2,inset 0 -2px #0003,0 5px 15px #0004;
}
.nav button.active .icon{color:#ffd18a;filter:drop-shadow(0 0 7px #fac57544)}
.nav .icon{width:24px;height:24px}
.rail-footer{color:#91a6ac;font-size:12px;padding:20px 4px;border-top:1px solid #c79d5e25}
.main{padding:30px 42px 48px}
.topbar{margin-bottom:27px;min-height:48px}
.eyebrow{color:#c5b18d;font-size:11px;letter-spacing:2.3px;font-weight:700}
.top-tools{gap:11px}
.language-select{
  color:#ebddc5;background:#12313b;border:1px solid #b7956352;border-radius:12px;
  min-height:41px;font-size:12px;padding:8px 10px;box-shadow:inset 0 1px #ffffff0c;
}
select option{color:#f5ead1;background:#12303b}
.round-button{
  width:44px;height:44px;color:#e8c487;border-color:#be995e66;
  background:linear-gradient(145deg,#224954,#102a36);
  box-shadow:inset 0 1px #ffffff18,inset 0 -2px #0004,0 4px 9px #0004;
}
.round-button:hover{filter:brightness(1.15)}
.avatar{
  width:46px;height:46px;border:2px solid #f5cf91;color:#ffedc7;font-size:20px;
  background:radial-gradient(circle at 34% 25%,#3c8581,#174c5b 55%,#172b43);
  box-shadow:inset 0 0 0 3px #102b3966,0 0 0 3px #e7b96b20,0 5px 14px #0008;
  text-shadow:0 2px 4px #0008;
}
.hero{
  isolation:isolate;display:flex;align-items:flex-start;min-height:420px;padding:42px 40px;
  border:1px solid #d0ac6d9c;border-radius:27px;
  background-image:linear-gradient(90deg,#05202bea 0%,#08232baf 34%,#06202a26 64%,#08232b00 100%),url('./assets/lobby-art.png');
  background-size:cover;background-position:center 58%;
  box-shadow:inset 0 0 0 5px #081e2845,inset 0 0 0 6px #efd09b20,0 15px 30px #0006,0 0 35px #b7773220;
}
html[dir=rtl] .hero{background-image:linear-gradient(270deg,#05202bea 0%,#08232baf 34%,#06202a26 64%,#08232b00 100%),url('./assets/lobby-art.png')}
.hero>div:first-child{position:relative;z-index:2;max-width:48%;text-shadow:0 2px 10px #00131fe6}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f0d39a;font-size:11px;letter-spacing:1.8px}
.hero .eyebrow:before{content:'';width:6px;height:6px;border:1px solid #ffe1a0;transform:rotate(45deg);box-shadow:0 0 12px #ffd27a}
.hero h1{font-size:51px;line-height:1.12;margin:20px 0 16px;color:#fff0ca;letter-spacing:-.045em;text-wrap:balance}
.hero p{max-width:310px;font-size:14px;line-height:1.85;color:#d5e5de;text-shadow:0 2px 7px #00131f}
.hero-art{display:none}
.hero:before{
  content:'';position:absolute;inset:9px;border:1px solid #e7c18a35;border-radius:18px;
  background:linear-gradient(180deg,#ffffff04,transparent 38%,#02121d1c);pointer-events:none;z-index:1;
}
.hero:after{
  width:auto;height:auto;top:auto;bottom:18px;inset-inline:36%;border:0;border-radius:0;
  background:linear-gradient(90deg,transparent,#f7d390,transparent);box-shadow:0 0 12px #edba6855;height:1px;
}
.section-title{margin:31px 2px 18px;gap:12px}
.section-title h2{font-size:27px;color:#ffe7b7}
.section-title small{font-size:12px;color:#a9c5c5;text-align:end}
.play-grid{gap:17px}
.play-card{
  --card-top:#1d655b;--card-bottom:#123b40;--card-glow:#31cfb6;--badge-top:#98f7dc;--badge-bottom:#208a78;
  isolation:isolate;overflow:hidden;min-height:158px;padding:25px 24px;gap:20px;
  border:1px solid #b4c1a44d;border-radius:21px;color:#fff0d3;
  background:radial-gradient(ellipse at 12% -20%,var(--card-glow),transparent 54%),linear-gradient(145deg,var(--card-top),var(--card-bottom));
  box-shadow:inset 0 1px #fff4,inset 0 -4px #020f194d,0 6px 0 #04151e,0 10px 22px #0005;
}
.play-card:before{
  content:'';position:absolute;z-index:-1;inset:5px;border:1px solid #fff1;border-radius:16px;
  background:repeating-linear-gradient(45deg,transparent 0 19px,#ffffff05 19px 20px,transparent 20px 39px);
  pointer-events:none;
}
.play-card:after{
  content:'';position:absolute;width:110px;height:110px;inset-inline-end:-45px;top:-58px;
  border:1px solid #ffe8af22;border-radius:28px;transform:rotate(30deg);box-shadow:0 0 0 13px #ffe8af07,0 0 0 29px #ffe8af05;pointer-events:none;
}
.play-card.featured{
  --card-top:#217f6c;--card-bottom:#125344;--card-glow:#28c5a077;--badge-top:#d6ffed;--badge-bottom:#59c5a1;
  background:radial-gradient(ellipse at 25% 0,var(--card-glow),transparent 65%),linear-gradient(145deg,var(--card-top),var(--card-bottom));
  border-color:#a2d5a698;box-shadow:inset 0 1px #e8ffbb80,inset 0 -4px #062c2255,0 6px 0 #052d28,0 9px 28px #2cc4961c;
}
.play-card[data-action=friend]{--card-top:#524878;--card-bottom:#262b4e;--card-glow:#ac89e14a;--badge-top:#e2c9ff;--badge-bottom:#9271b9;border-color:#c3b3e45c}
.play-card[data-action=practice]{--card-top:#744d30;--card-bottom:#392d2a;--card-glow:#f1af5e44;--badge-top:#ffe6a1;--badge-bottom:#c98a45;border-color:#d5ae716e}
.play-card[data-action=local]{--card-top:#2a5d7a;--card-bottom:#1a304a;--card-glow:#6cceec4d;--badge-top:#cbf2ff;--badge-bottom:#579dbb;border-color:#8cc6df66}
.play-card:hover{background:radial-gradient(ellipse at 12% -20%,var(--card-glow),transparent 54%),linear-gradient(145deg,var(--card-top),var(--card-bottom));filter:brightness(1.1);transform:translateY(-2px)}
.play-card:active{transform:translateY(3px);box-shadow:inset 0 1px #fff3,0 2px 0 #04151e,0 4px 10px #0006}
.play-card .card-icon,.play-card.featured .card-icon{
  position:relative;z-index:1;width:67px;height:67px;margin:0;border:1px solid #fff8;border-radius:20px;
  background:linear-gradient(145deg,var(--badge-top),var(--badge-bottom));color:#123d40;
  box-shadow:inset 0 2px 1px #fffd,inset 0 -5px 2px #061d4e30,0 5px 0 #091d2d66,0 10px 16px #0005;
  transform:rotate(-7deg);
}
.play-card .card-icon:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff50;border-radius:14px;pointer-events:none}
.play-card .card-icon .icon{width:37px;height:37px;filter:drop-shadow(0 1px 0 #fff8);transform:rotate(7deg)}
.play-card .card-icon .icon svg{stroke-width:1.8}
.play-card[data-action=friend] .card-icon{color:#4c376c;transform:rotate(6deg)}
.play-card[data-action=friend] .card-icon .icon{transform:rotate(-6deg)}
.play-card[data-action=practice] .card-icon{color:#63421e}
.play-card[data-action=local] .card-icon{color:#23516a;transform:rotate(6deg)}
.play-card[data-action=local] .card-icon .icon{transform:rotate(-6deg)}
.play-card strong{font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.015em;color:#fff1d6;text-shadow:0 2px 3px #0004;margin-bottom:7px}
.play-card small,.play-card.featured small{font-size:12px;line-height:1.65;color:#d4dedc;max-width:210px}
.card-arrow{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff0b;color:#fff1d1;font-size:24px;opacity:.85;flex-shrink:0}
.foot-note{color:#a1c0bb;font-size:12px;margin:24px 3px 0;line-height:1.6}
.foot-note .icon{color:#c6b377;width:19px;height:19px}
.page-title{font-size:42px;color:#ffe7b5;text-shadow:0 3px 12px #0005}
.subtext{font-size:14px;color:#a9c1c3;line-height:1.85}
.panel,.theme-card,.stat{
  background:linear-gradient(145deg,#173840ee,#0c2430f0);border:1px solid #b7976366;
  box-shadow:inset 0 1px #fff1,inset 0 0 0 4px #061d2626,0 9px 22px #0004;
}
.panel{border-radius:23px;padding:28px}
.panel h2{font-size:26px;color:#f1d19c}
.panel p{font-size:14px;color:#c1d1d0}
.panel small{font-size:12px;color:#abc3c4;line-height:1.8}
.primary,.secondary{
  min-height:52px;border-radius:15px;font-size:15px;font-weight:700;padding:14px 23px;
  border:1px solid #d8eec273;box-shadow:inset 0 1px #fff5,inset 0 -3px #001d2a44,0 4px 0 #072a2e,0 7px 15px #0003;
}
.primary{background:linear-gradient(180deg,#38c6a7,#159577);color:#062f2e;text-shadow:0 1px #b9ffe04d}
.primary:hover{filter:brightness(1.12);box-shadow:inset 0 1px #fff6,inset 0 -3px #001d2a44,0 4px 0 #072a2e,0 7px 22px #32c29e33}
.secondary{background:linear-gradient(180deg,#294d59,#193441);color:#f3d7a5;border-color:#ae956b66;box-shadow:inset 0 1px #fff2,inset 0 -3px #00111c44,0 4px 0 #061b27,0 7px 15px #0003}
.secondary:hover{filter:brightness(1.15)}
.primary .icon,.secondary .icon{width:23px;height:23px}
.danger{color:#ffd0bd;background:linear-gradient(180deg,#7e443c,#502b30);border-color:#d48e726b}
.button-row{gap:13px;row-gap:16px}
.input-group label{color:#f3d6a6;font-size:14px;line-height:1.5}
.input-group small{color:#a7bfc2;font-size:12px;line-height:1.8}
input,select.field{min-height:54px;padding:15px;border:1px solid #b08e6055;border-radius:13px;background:#071e2a;color:#ecf2e6;box-shadow:inset 0 3px 6px #0005,0 1px #ffffff0a;font-size:15px}
input::placeholder{color:#819da3;opacity:1}
input.code{color:#ffda91;letter-spacing:8px;border-color:#d0b17580;font-size:29px;min-height:72px;background:linear-gradient(180deg,#071d29,#0d2934)}
.mini-divider{background:linear-gradient(90deg,transparent,#d5b27766,transparent);margin:26px 0}
.radio-row label{font-size:14px;color:#ebd5b3}
.switch{background:#334b56;box-shadow:inset 0 2px 4px #0006,0 1px #fff1;border:1px solid #819b9e55;width:52px;height:30px}
.switch.on{background:linear-gradient(180deg,#40c7a1,#1d8f76);border-color:#a4ebbb80}
.switch:after{width:21px;height:21px;top:3px;background:linear-gradient(135deg,#fff9e5,#d3c19b);box-shadow:0 2px 3px #0006,inset 0 1px #fff}
.switch.on:after{inset-inline-start:26px}
.profile-head{padding:10px 2px 20px;gap:24px}
.profile-head .avatar{width:94px;height:94px;border-width:3px;font-size:40px;box-shadow:inset 0 0 0 6px #102b3966,0 0 0 6px #e7b96b12,0 0 30px #bb8c3b22,0 10px 20px #0007}
.profile-head .page-title{margin:9px 0;font-size:35px}
.stat{position:relative;overflow:hidden;border-radius:19px;padding:25px 14px}
.stat:before{content:'';position:absolute;inset:5px;border:1px solid #f8d99a12;border-radius:14px;pointer-events:none}
.stat strong{font-size:38px;font-weight:bold;color:#f7d197;text-shadow:0 3px 4px #0005;margin-bottom:9px}
.stat small{font-size:12px;color:#b1c8c9}
.ranking-row{padding:19px 2px;border-color:#b7956033;font-size:14px;line-height:1.6;color:#e1e7dc}
.ranking-row>b:first-child{color:#f5c879;font:700 24px Georgia,serif}
.ranking-row small{font-size:12px;color:#a5babc}
.theme-card{border-radius:23px;padding:18px;box-shadow:inset 0 1px #fff2,0 8px 20px #0004}
.theme-card.chosen{border:1px solid #f4d290;box-shadow:inset 0 0 0 4px #ebc77712,0 0 25px #bc8e3d20,0 8px 20px #0004}
.theme-preview{padding:13px;border-radius:14px;background:radial-gradient(ellipse,#3f6658,#152f36);box-shadow:inset 0 0 15px #0005,0 1px #c5a36e55}
.theme-card h3{font-size:19px;color:#f6d7a8;margin:22px 0 9px}
.theme-card p{font-size:12px;color:#b2c8ca;line-height:1.8}
.lesson-list{gap:12px}
.lesson-item{font-size:14px;min-height:63px;background:linear-gradient(145deg,#14313b,#0e2631);border:1px solid #c49b5842;border-radius:15px;color:#bacdd0;box-shadow:0 4px 12px #0002}
.lesson-item.active{color:#ffe6b1;background:linear-gradient(135deg,#28625b,#173a43);border-color:#d6bd7f88;box-shadow:inset 0 1px #fff2,0 4px 15px #0004}
.lesson-number{color:#c7a66a;font-size:25px;min-width:18px}
.lesson-item.active .lesson-number{color:#ffe1a5}
.lesson-page{min-height:390px;background:radial-gradient(ellipse at 0 0,#29777020,transparent 75%),linear-gradient(145deg,#173840,#0c2430)}
.lesson-page h2{font-size:30px;color:#ffe1aa;line-height:1.5}
.lesson-page p{font-size:17px;line-height:2;color:#d7e3df}
.progress-dots{gap:8px}
.progress-dots i{height:5px;background:#31505b;box-shadow:inset 0 1px 2px #0005}
.progress-dots i.active{background:linear-gradient(90deg,#41c5aa,#e4c380);box-shadow:0 0 6px #b9cb6d33}
.empty-state{padding:39px 15px;color:#b4c8c9;font-size:14px;line-height:1.9}
.empty-state .icon{color:#c7a76f;width:43px;height:43px;filter:drop-shadow(0 3px 6px #0005)}
.modal-layer{background:#02111de0;backdrop-filter:blur(12px);padding:22px}
.modal{
  position:relative;isolation:isolate;max-width:465px;padding:30px;border:1px solid #dfbc7aab;border-radius:27px;
  background:radial-gradient(ellipse at 50% 0,#2c615453,transparent 60%),linear-gradient(145deg,#193d45,#0b2531 75%);
  box-shadow:inset 0 0 0 5px #e0ba7020,inset 0 1px #fff3,0 25px 90px #000b,0 0 35px #b48d4022;
}
.modal-header{gap:12px;margin-bottom:25px}
.modal-header h2{font-size:29px;line-height:1.5;color:#ffe2ac}
.modal-header .round-button{width:39px;height:39px;flex-shrink:0}
.modal p{font-size:14px;line-height:1.9;color:#b9ced0;margin-bottom:24px}
.modal .primary.full,.modal .secondary.full{min-height:54px}
.room-code{color:#ffdb8e;font-size:43px;padding:24px 10px;margin-bottom:19px;border:1px solid #c7aa6a59;border-radius:17px;background:#061c29;box-shadow:inset 0 3px 12px #0007,0 1px #fff1;text-shadow:0 0 18px #dbaf4140}
.status-line{font-size:13px;line-height:1.7;color:#bad1cc;min-height:28px}
.pulse{width:8px;height:8px;background:#60e8b5;box-shadow:0 0 10px #60e8b580}
#toast{background:linear-gradient(135deg,#235a52,#113d43);border:1px solid #e5c6898c;color:#fff0cc;box-shadow:0 10px 35px #0008,inset 0 1px #fff2;padding:15px 23px;font-size:14px;border-radius:15px}
/* Match table: material detail in the SVG, atmospheric lighting around it. */
.game-shell{max-width:1180px;padding:26px 34px 38px;background:radial-gradient(ellipse at 50% 38%,#1d76613b,transparent 66%)}
.game-top{margin-bottom:23px}
.game-top .brand{font-size:29px}
.game-meta{color:#c6d2c7;font-size:12px;line-height:1.6}
.game-center{max-width:900px}
.player-row{padding:17px 8px;gap:15px}
.player-info{gap:14px}
.checker-avatar{width:48px;height:48px;border:3px solid #dec48a;background:radial-gradient(circle at 33% 26%,#fffef2,#e5d0a0 65%,#b39058);box-shadow:inset 0 0 0 3px #fff6,0 4px 0 #8e6e3d,0 7px 12px #0007}
.checker-avatar.black{background:radial-gradient(circle at 33% 26%,#426073,#102737 65%,#071320);border-color:#77928f;box-shadow:inset 0 0 0 3px #00152399,0 4px 0 #07121e,0 7px 12px #0007}
.player-info strong{font-size:15px;color:#f5e1ba;line-height:1.4}
.player-info small{font-size:12px;color:#a7bdc1;margin-top:5px}
.player-metrics{color:#adc5c6;font-size:12px;gap:20px}
.player-metrics b{color:#f2cc8b;font-size:22px}
.turn-pill{color:#c4fbe1;background:linear-gradient(145deg,#1e715b,#164a49);border:1px solid #63c49466;padding:7px 13px;font-size:12px;box-shadow:0 0 14px #3dce8b16,inset 0 1px #fff1}
.board-wrap{border-radius:22px;filter:drop-shadow(0 17px 24px #0009);margin:5px 0 8px}
.game-controls{margin:20px 0 12px;gap:25px;min-height:78px}
.game-controls .primary{min-width:170px;background:linear-gradient(180deg,#ffe4a0,#d8aa58);color:#3e2a15;border-color:#fff0b9;box-shadow:inset 0 2px #fff7,inset 0 -3px #77501e44,0 5px 0 #856335,0 9px 25px #ba923433;font-size:16px;padding:15px 25px}
.dice-tray{gap:11px;padding:10px 13px;border-radius:18px;border:1px solid #e6c58a26;background:#00131e4d;box-shadow:inset 0 2px 6px #0004}
.die{width:48px;height:48px;padding:9px;gap:3px;border:1px solid #fff3cb;border-radius:11px;background:linear-gradient(135deg,#fffbea,#e8d3a3);box-shadow:inset 0 2px 1px #fff,0 4px 0 #a98c5b,0 6px 10px #0007}
.die i{width:7px;height:7px;background:#48351e;box-shadow:inset 0 1px 2px #000b,0 1px #fff7}
.die.used{opacity:.33;box-shadow:inset 0 1px #fff5,0 1px 0 #a98c5b;transform:translateY(3px)}
.game-hint{font-size:14px;color:#bfd2cd;line-height:1.9;min-height:42px}
.win-banner{padding:27px;border:1px solid #e6c88b;background:radial-gradient(ellipse at 50% 0,#d6ae4930,transparent 70%),linear-gradient(145deg,#244f48,#122e36);border-radius:23px;box-shadow:inset 0 0 0 5px #edcd8510,0 12px 25px #0004}
.win-banner h2{font-size:33px;color:#ffe2a7;text-shadow:0 0 20px #f2cd6938}
.win-banner p{font-size:14px;color:#c0d2c9}
.small-link{color:#c5bc9d;font-size:13px;line-height:1.6}
@media(min-width:1000px){html[dir=rtl] .hero h1{font-size:42px;line-height:1.5}}
@media(max-width:1050px){
  .shell{grid-template-columns:190px minmax(0,1fr)}.rail{padding:34px 18px}.main{padding:26px 28px 42px}
  .hero{min-height:400px;padding:34px 31px}.hero h1{font-size:43px}.hero>div:first-child{max-width:56%}
  .play-card{padding:24px 20px;gap:16px}.play-card .card-icon{width:57px;height:57px;border-radius:17px}.play-card strong{font-size:17px}
  .play-card .card-icon .icon{width:31px;height:31px}.card-arrow{min-width:24px;height:24px}.themes{gap:13px}
}
@media(max-width:900px){
  .shell{grid-template-columns:166px minmax(0,1fr)}.rail{padding-inline:14px}.nav button{font-size:13px;padding:14px 12px;gap:12px}.main{padding:25px 24px 40px}
  .hero{min-height:390px;padding:32px 27px}.hero h1{font-size:39px}.hero p{font-size:13px}.hero>div:first-child{max-width:65%}
  .play-card{display:block;padding:23px 20px;min-height:206px}.play-card .card-icon{margin-bottom:19px}.card-arrow{position:absolute;inset-inline-end:19px;top:24px}
  .play-card small{max-width:200px}.lesson-item{font-size:13px;padding:13px}.settings-grid{gap:18px}
}
@media(max-width:640px){
  body{background:radial-gradient(ellipse at 50% 0,#205d5840,transparent 50%),repeating-linear-gradient(45deg,transparent 0 22px,#e8c08903 22px 23px,transparent 23px 45px),#071a22}
  .shell{display:block}.main{padding:21px 18px 118px}.topbar{min-height:45px;margin-bottom:23px;gap:8px}.top-tools{gap:8px}
  .mobile-brand .brand{font-size:27px;gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;padding:7px;gap:4px}.brand-mark i{width:5px;height:5px}
  .top-tools .round-button{width:37px;height:37px}.top-tools .avatar{width:40px;height:40px;font-size:17px}
  .language-select{min-height:37px;font-size:11px;max-width:100px;padding:6px 7px;border-radius:10px}
  .rail{position:fixed;inset-inline:8px;bottom:8px;top:auto;height:auto;padding:11px 7px calc(10px + env(safe-area-inset-bottom));border:1px solid #b79c6e73;border-radius:23px;z-index:10;background:linear-gradient(180deg,#173843f5,#0a2633fa);box-shadow:inset 0 1px #fff2,0 -5px 30px #0010198c,0 8px 15px #0007;backdrop-filter:blur(16px)}
  .rail>.brand,.rail-footer{display:none}.nav{gap:2px;justify-content:space-between}.nav button{min-height:54px;padding:3px 3px;gap:7px;font-size:11px;line-height:1.35;color:#a6bdc2;border:0;border-radius:10px;box-shadow:none;max-width:80px;flex:1}
  .nav button.active{color:#ffe0a0;border:0;box-shadow:none}.nav .icon{width:23px;height:23px}
  .nav button.active .icon{color:#ffdf9c;background:linear-gradient(145deg,#76613f,#374c42);border-radius:8px;box-shadow:0 0 0 6px #78664444,inset 0 1px #ffde8833,0 0 22px #e0bd4940;filter:none}
  .hero{min-height:395px;padding:28px 25px;border-radius:24px;display:block;background-position:center 66%;background-image:linear-gradient(180deg,#071e2bde 0%,#08222b9e 35%,#08222b0a 68%,#03182445 100%),url('./assets/lobby-art.png');box-shadow:inset 0 0 0 4px #081e2845,inset 0 0 0 5px #efd09b20,0 13px 28px #0007}
  html[dir=rtl] .hero{background-image:linear-gradient(180deg,#071e2bde 0%,#08222b9e 35%,#08222b0a 68%,#03182445 100%),url('./assets/lobby-art.png')}
  .hero:before{inset:7px;border-radius:17px}.hero>div:first-child{max-width:100%}.hero .eyebrow{font-size:11px;letter-spacing:1.3px;color:#f6d696}
  .hero h1{font-size:39px;line-height:1.15;max-width:280px;margin:15px 0 12px;letter-spacing:-.045em}.hero p{font-size:12px;line-height:1.85;max-width:255px;color:#d7e7de}
  html[dir=rtl] .hero h1{font-size:31px;line-height:1.6;margin:10px 0 8px;max-width:100%}html[dir=rtl] .hero p{font-size:13px;max-width:275px;line-height:1.9}html[dir=rtl] .hero .eyebrow{font-size:11px}
  .hero:after{bottom:14px;inset-inline:36%;top:auto;width:auto;height:1px}
  .section-title{margin:27px 2px 18px;align-items:baseline}.section-title h2{font-size:25px}.section-title small,html[dir=rtl] .section-title small{font-size:11px}
  .play-grid{gap:14px 12px}.play-card{min-height:205px;padding:21px 17px 20px;border-radius:19px}.play-card:before{inset:4px;border-radius:14px}
  .play-card .card-icon,.play-card.featured .card-icon{width:56px;height:56px;border-radius:16px;margin-bottom:19px}.play-card .card-icon:after{inset:4px;border-radius:11px}.play-card .card-icon .icon{width:31px;height:31px}
  .play-card strong{font-size:16px;line-height:1.4;margin-bottom:7px}.play-card small,.play-card.featured small{font-size:12px;line-height:1.6}
  html[dir=rtl] .play-card strong{font-size:17px;line-height:1.6}html[dir=rtl] .play-card small{font-size:12px;line-height:1.8}
  .card-arrow{inset-inline-end:15px;top:22px;font-size:22px;min-width:22px;height:22px}.foot-note{font-size:11px;line-height:1.85;margin:25px 3px 0;align-items:flex-start}.foot-note .icon{margin-top:2px;flex-shrink:0}
  .page-title{font-size:33px;margin:13px 0}.subtext{font-size:13px;line-height:1.9;margin-bottom:24px}.eyebrow{font-size:11px}
  .panel{padding:22px;border-radius:21px}.panel h2{font-size:24px}.panel p{font-size:14px;line-height:1.9}.panel small{font-size:12px}
  .primary,.secondary{font-size:14px;padding:14px 19px;min-height:51px;border-radius:14px}.input-group label{font-size:13px}.input-group small{font-size:12px}
  .profile-head{gap:20px;padding:12px 1px 14px}.profile-head .avatar{width:80px;height:80px;font-size:35px}.profile-head .page-title{font-size:29px;overflow-wrap:anywhere}.stats-grid{gap:13px;margin:23px 0}.stat{padding:24px 12px}.stat strong{font-size:36px}.stat small{font-size:12px}
  .themes{gap:17px}.theme-card{grid-template-columns:122px 1fr;gap:14px;padding:16px;border-radius:21px}.theme-card .theme-preview{padding:8px;align-self:stretch}.theme-card h3{margin:0;font-size:17px}.theme-card p{font-size:12px;line-height:1.65}.theme-card button{font-size:12px;min-height:40px;padding:9px}
  .lesson-list{gap:11px}.lesson-item{font-size:13px;min-height:68px;padding:14px 12px;gap:10px;border-radius:14px}.lesson-number{font-size:23px}.lesson-page{min-height:350px}.lesson-page h2{font-size:27px;margin:22px 0 17px}.lesson-page p{font-size:16px;line-height:2}
  .modal-layer{padding:17px}.modal{padding:26px 22px;border-radius:25px}.modal-header{margin-bottom:23px}.modal-header h2{font-size:26px;line-height:1.5}.modal p{font-size:14px}.modal .button-row>*{flex:1}.room-code{font-size:38px;letter-spacing:7px;padding:24px 8px}.status-line{font-size:13px}
  .settings-grid .panel{margin-bottom:18px}.empty-state{font-size:13px;padding:32px 8px}
  .game-shell{padding:20px 12px 32px}.game-top{margin-bottom:20px;gap:9px}.game-top .brand{font-size:26px}.game-top .round-button{width:40px;height:40px}.game-meta{font-size:11px;max-width:105px;text-align:end;line-height:1.6}.game-top .brand-mark{width:30px;height:30px;padding:5px}
  .player-row{padding:16px 4px;gap:8px}.player-info{gap:9px;min-width:0}.checker-avatar{width:39px;height:39px;flex-shrink:0;border-width:2px}.player-info strong{font-size:13px;display:block;max-width:130px;overflow-wrap:anywhere}.player-info small{font-size:11px;line-height:1.5;margin-top:4px}.player-metrics{gap:9px;font-size:10px;flex-shrink:0}.player-metrics b{font-size:18px;margin-inline-end:3px}.turn-pill{font-size:10px;padding:6px 8px}
  .board-wrap{margin:6px 0 11px;filter:drop-shadow(0 12px 17px #0009)}.game-controls{gap:14px;margin:22px 0 15px;min-height:83px}.game-controls .primary{font-size:15px;min-height:53px;padding:14px 21px;min-width:155px}.dice-tray{padding:9px 10px;gap:8px;border-radius:15px}.die{width:39px;height:39px;padding:7px;gap:2px;border-radius:9px}.die i{width:6px;height:6px}.game-hint{font-size:13px;line-height:1.9;padding:0 13px}.win-banner{padding:23px 19px}.win-banner h2{font-size:28px}.win-banner p{font-size:13px}
  #toast{bottom:103px;max-width:calc(100% - 34px);font-size:13px;padding:14px 20px}
}
@media(max-width:365px){
  .main{padding-inline:14px}.top-tools{gap:6px}.language-select{max-width:88px;font-size:10px}.top-tools .round-button{width:33px;height:33px}.top-tools .avatar{width:36px;height:36px}.mobile-brand .brand{font-size:24px;gap:8px}
  .hero{padding:26px 22px;min-height:378px}.hero h1{font-size:35px}html[dir=rtl] .hero h1{font-size:29px}.play-card{padding:20px 14px;min-height:212px}.play-card strong{font-size:15px}.play-card small{font-size:12px}html[dir=rtl] .play-card strong{font-size:16px}.card-arrow{inset-inline-end:12px}
  .theme-card{grid-template-columns:108px 1fr;gap:12px}.player-metrics{gap:6px}.player-metrics b{font-size:16px}.player-info strong{max-width:110px;font-size:12px}.turn-pill{font-size:9px;padding:5px 6px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Original illustrated dice foreground and optional practice coaching. */
.play-card .card-art{position:absolute;inset-inline-start:7px;top:50%;width:109px;height:94px;object-fit:contain;pointer-events:none;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 10px 7px #001b2370);z-index:2}
.play-card.featured .card-icon{visibility:hidden}
.hint-card{position:relative;margin:18px 3px 13px;padding:19px 22px;border:1px solid #d0af715e;border-radius:18px;background:radial-gradient(ellipse at 0 0,#4dbd9b20,transparent 70%),linear-gradient(135deg,#183f42,#0c2835);box-shadow:inset 0 1px #fff1,0 6px 20px #0003;color:#d8e6dc;font-size:14px;line-height:1.85}
.hint-card strong,.hint-card h3{display:block;color:#f1d29c;font-size:15px;margin-bottom:5px;line-height:1.6}
.hint-card p{color:#bfd3cd;font-size:14px;line-height:1.9}
.hint-card .icon{color:#e8c67f;vertical-align:middle;margin-inline-end:7px}
.game-controls .secondary{font-size:14px;min-height:49px;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#264c56,#17343e);color:#d8e5d9}
@media(max-width:900px){.play-card .card-art{top:9px;inset-inline-start:10px;width:98px;height:88px;transform:rotate(-8deg)}}
@media(max-width:640px){.play-card .card-art{top:9px;inset-inline-start:10px;width:91px;height:82px}.hint-card{padding:17px 18px;border-radius:16px;margin-top:15px;font-size:13px}.hint-card p{font-size:13px}.hint-card strong,.hint-card h3{font-size:14px}.game-controls .secondary{font-size:13px;min-height:46px;padding:11px 16px}}
/* One-time language welcome. The selected language is persisted by the app. */
.language-gate{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  min-height:100vh;min-height:100dvh;padding:55px 24px;overflow:hidden;
  background:linear-gradient(180deg,#041923a6,#061d2599 45%,#03111fe0),url('./assets/lobby-art.png') center 66%/cover no-repeat;
  color:#f9e8c5;
}
.language-gate:before{
  content:'';position:absolute;inset:16px;border:1px solid #edc98a38;border-radius:26px;
  pointer-events:none;z-index:-1;box-shadow:inset 0 0 90px #00121c99;
}
.language-gate:after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 25%,#8cbd9850,transparent 55%),linear-gradient(90deg,#031b2633,transparent 30%,transparent 70%,#031b2633);
}
.language-panel{
  position:relative;width:100%;max-width:470px;padding:39px 35px 35px;text-align:center;
  border:1px solid #e6c28cb3;border-radius:29px;
  background:radial-gradient(ellipse at 50% 0,#3b776346,transparent 65%),linear-gradient(145deg,#173b43f5,#0a2634f7);
  box-shadow:inset 0 0 0 5px #e8bb7020,inset 0 1px #fff4,0 30px 80px #000b,0 0 40px #d7a55b18;
  backdrop-filter:blur(16px);
}
.language-panel:before{
  content:'';position:absolute;inset:9px;border:1px solid #e9ce9920;border-radius:20px;pointer-events:none;
}
.language-panel h1{
  font-family:Georgia,'TavleKurdish',serif;font-size:43px;line-height:1.45;font-weight:700;
  letter-spacing:-.03em;color:#ffe4ae;margin:0 0 15px;text-shadow:0 3px 12px #00121f;
}
.language-intro{font-size:15px;line-height:1.9;color:#c4d7d2;margin:0 auto 29px;max-width:340px}
.language-options{display:grid;gap:15px}
.language-option{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:95px;width:100%;padding:17px 42px;border:1px solid #c7b2816b;border-radius:18px;
  color:#f9e9c5;background:linear-gradient(150deg,#2b555b,#163942);
  box-shadow:inset 0 1px #fff3,inset 0 -3px #00132250,0 5px 0 #061e29,0 8px 15px #0003;
  text-align:center;line-height:1.6;
}
.language-option:after{
  content:'';position:absolute;width:7px;height:7px;inset-inline-end:22px;top:calc(50% - 4px);
  border:1px solid #f3d396;transform:rotate(45deg);background:#d5b56b20;pointer-events:none;
}
.language-option:hover{filter:brightness(1.13);transform:translateY(-2px);border-color:#f2d69a}
.language-option:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 2px 0 #061e29,0 5px 10px #0004}
.language-option:first-child{border-color:#bbd6ad96;background:linear-gradient(145deg,#317365,#1a4d4c);box-shadow:inset 0 1px #e0f8bb77,inset 0 -3px #042d2c70,0 5px 0 #072b2a,0 9px 20px #2ac29a13}
.language-native{display:block;color:#fff0cc;font-size:23px;font-weight:700;line-height:1.65;letter-spacing:0;text-shadow:0 2px 4px #001c2c66}
.language-caption{display:block;font-size:13px;font-weight:400;color:#bcd0d0;line-height:1.7;letter-spacing:.02em;margin-top:2px}
.language-option[dir=rtl] .language-native{font-family:'TavleKurdish',sans-serif;direction:rtl;unicode-bidi:isolate;letter-spacing:0}
/* Sorani and Arabic share the bundled Arabic-script typeface, including text formerly
   assigned Georgia. Latin room codes retain their LTR direction. */
html[dir=rtl] body,
html[dir=rtl] button,
html[dir=rtl] input,
html[dir=rtl] select,
html[dir=rtl] textarea,
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4,
html[dir=rtl] .brand,
html[dir=rtl] .stat strong,
html[dir=rtl] .lesson-number,
html[dir=rtl] .ranking-row>b:first-child,
html[dir=rtl] .room-code,
html[dir=rtl] input.code,
html[dir=rtl] .language-panel h1{
  font-family:'TavleKurdish',sans-serif;letter-spacing:0;line-height:1.7;
}
html[dir=rtl] body{font-size:15px;font-weight:400}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-weight:700;line-height:1.7;letter-spacing:0}
html[dir=rtl] p,html[dir=rtl] small{font-weight:400;letter-spacing:0;line-height:1.9}
html[dir=rtl] .hero .eyebrow,html[dir=rtl] .eyebrow{letter-spacing:0}
html[dir=rtl] .language-native{font-family:'TavleKurdish',sans-serif;letter-spacing:0;line-height:1.7}
html[dir=rtl] .language-caption{letter-spacing:0;font-weight:400}
html[dir=rtl] .hero h1{line-height:1.7}
html[dir=rtl] .board-svg text{font-family:'TavleKurdish',sans-serif}
@media(max-width:640px){
  .language-gate{padding:36px 19px;min-height:100vh;min-height:100dvh;background-position:center 66%}
  .language-gate:before{inset:9px;border-radius:22px}.language-panel{padding:31px 25px 29px;border-radius:26px}
  .language-panel h1{font-size:35px;margin-bottom:13px;line-height:1.55}.language-intro{font-size:14px;line-height:1.9;margin-bottom:24px}
  .language-options{gap:15px}.language-option{min-height:94px;padding:15px 34px;border-radius:17px}.language-native{font-size:23px}.language-caption{font-size:13px}.language-option:after{inset-inline-end:18px}
  html[dir=rtl] body{font-size:14px;line-height:1.7;font-weight:400}
  html[dir=rtl] button,html[dir=rtl] .primary,html[dir=rtl] .secondary,
  html[dir=rtl] .game-controls .primary,html[dir=rtl] .game-controls .secondary,
  html[dir=rtl] .theme-card button{font-size:18px;line-height:1.7;min-height:50px}
  html[dir=rtl] .nav button{font-size:14px;line-height:1.7;min-height:61px;padding-inline:2px;overflow-wrap:anywhere}
  html[dir=rtl] .round-button,html[dir=rtl] .top-tools .round-button{min-height:0}
  html[dir=rtl] .switch{min-height:0}
  html[dir=rtl] .play-card strong{font-size:18px;line-height:1.7}
  html[dir=rtl] .play-card small,html[dir=rtl] .play-card.featured small,
  html[dir=rtl] .section-title small,html[dir=rtl] .foot-note,
  html[dir=rtl] .input-group small,html[dir=rtl] .panel small,
  html[dir=rtl] .stat small,html[dir=rtl] .theme-card p,
  html[dir=rtl] .player-info small,html[dir=rtl] .player-metrics,
  html[dir=rtl] .turn-pill,html[dir=rtl] .game-meta,
  html[dir=rtl] .ranking-row small,html[dir=rtl] .language-caption{font-size:12px;line-height:1.8}
  html[dir=rtl] .hero p,html[dir=rtl] .panel p,
  html[dir=rtl] .subtext,html[dir=rtl] .modal p,
  html[dir=rtl] .hint-card p,html[dir=rtl] .game-hint,
  html[dir=rtl] .empty-state,html[dir=rtl] .status-line{font-size:14px;line-height:1.9}
  html[dir=rtl] .input-group label,html[dir=rtl] .radio-row label,
  html[dir=rtl] .player-info strong{font-size:14px;line-height:1.7}
  html[dir=rtl] input,html[dir=rtl] select.field{font-size:16px;line-height:1.7}
  html[dir=rtl] .language-option{min-height:94px}
  html[dir=rtl] .language-native{font-size:23px;line-height:1.7}
  html[dir=rtl] .hero h1{font-size:31px;line-height:1.7;margin-top:10px}
  html[dir=rtl] .theme-card{grid-template-columns:105px minmax(0,1fr)}
  html[dir=rtl] .theme-card button{padding:9px 10px}
  html[dir=rtl] .lesson-item{font-size:16px;line-height:1.7;min-height:75px}
  html[dir=rtl] .player-metrics{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:58%}
  html[dir=rtl] .player-metrics .turn-pill{max-width:100%;white-space:normal}
  html[dir=rtl] .game-top .brand{font-size:25px}
}
@media(max-width:365px){
  .language-gate{padding:28px 15px}.language-panel{padding:27px 21px 25px}.language-panel h1{font-size:31px}.language-intro{font-size:14px}.language-option{min-height:92px}.language-native{font-size:22px}
  html[dir=rtl] .hero h1{font-size:29px;line-height:1.7}
  html[dir=rtl] .play-card{padding-inline:13px;min-height:218px}
  html[dir=rtl] .nav button{font-size:13px;line-height:1.7}
}
/* Gate logo and directional arrows supplied by the welcome markup. */
.language-logo{display:flex;align-items:center;justify-content:center;gap:19px;margin:0 0 28px;color:#ffe3aa;font:700 41px/1.2 Georgia,serif;letter-spacing:-.04em;text-shadow:0 3px 12px #00131f}
.language-logo .brand-mark{width:53px;height:53px;border-radius:15px;padding:12px;gap:6px;flex-shrink:0}
.language-logo .brand-mark i{width:8px;height:8px}
.language-logo>span:last-child{display:block}
.language-logo small{display:block;font-family:'TavleKurdish',sans-serif;font-size:21px;font-weight:400;line-height:1.7;color:#c8b48b;letter-spacing:0;margin-top:4px}
.language-intro h1,html[dir=rtl] .language-intro h1{font-family:'TavleKurdish',sans-serif;font-size:25px;font-weight:700;line-height:1.7;letter-spacing:0;margin:0 0 9px;color:#f8e4bc}
.language-intro p{font-size:14px;font-weight:400;line-height:1.8;color:#b6cecb;margin:0}
.language-option:after{display:none}
.language-option>span:last-child:not(.language-caption):not(.language-native){position:absolute;inset-inline-end:22px;top:50%;transform:translateY(-50%);color:#f1d39a;font:400 29px/1 Georgia,serif;pointer-events:none}
@media(max-width:640px){
  .language-logo{font-size:36px;gap:16px;margin-bottom:24px}.language-logo .brand-mark{width:46px;height:46px;padding:10px;gap:5px;border-radius:13px}.language-logo .brand-mark i{width:7px;height:7px}.language-logo small{font-size:20px;line-height:1.7}
  .language-intro h1,html[dir=rtl] .language-intro h1{font-size:24px;line-height:1.7;margin:0 0 8px}.language-intro p{font-size:13px;line-height:1.8}.language-option>span:last-child:not(.language-caption):not(.language-native){inset-inline-end:18px}
  html[dir=rtl] .top-tools .avatar{min-height:0}
  html[dir=rtl] input.code{font-size:28px;min-height:70px}
}
/* Actual player rankings: medal podium and readable standings. */
.leaderboard-page{min-width:0}
.leaderboard-page .section-title{align-items:center}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:17px;margin:36px 0 30px;padding-top:16px;direction:ltr}
.podium-card{
  --medal-light:#e3f4f9;--medal-mid:#9fbfc8;--medal-dark:#537780;--medal-ink:#20434c;--podium-glow:#adcfd424;
  position:relative;isolation:isolate;min-width:0;min-height:226px;padding:24px 17px 21px;border-radius:21px 21px 14px 14px;
  border:1px solid #aecdd56b;background:radial-gradient(ellipse at 50% 0,var(--podium-glow),transparent 68%),linear-gradient(160deg,#183b48,#0d2733 70%);
  box-shadow:inset 0 1px #ffffff35,inset 0 -4px #03182570,0 8px 20px #0004;text-align:center;color:#f8eace;direction:inherit;
}
.podium-card:before{content:'';position:absolute;inset:5px;border:1px solid #e2eef01a;border-radius:16px 16px 10px 10px;pointer-events:none;z-index:-1}
.podium-card.place-1{
  --medal-light:#fff0b5;--medal-mid:#e7bc65;--medal-dark:#a97931;--medal-ink:#654415;--podium-glow:#e3b34936;
  min-height:259px;padding-top:28px;border-color:#f0cb80a6;background:radial-gradient(ellipse at 50% 0,var(--podium-glow),transparent 68%),linear-gradient(160deg,#354c41,#152e34 70%);
  box-shadow:inset 0 1px #ffe3a785,inset 0 -4px #091e2370,0 0 25px #e4b84e14,0 11px 24px #0005;
}
.podium-card.place-2{--medal-light:#edf8ff;--medal-mid:#b6cbd7;--medal-dark:#718b9f;--medal-ink:#3a5368;--podium-glow:#accee926}
.podium-card.place-3{--medal-light:#f5cba3;--medal-mid:#c99463;--medal-dark:#8b573d;--medal-ink:#593a29;--podium-glow:#d2985430;min-height:210px;border-color:#c89b6d85;background:radial-gradient(ellipse at 50% 0,var(--podium-glow),transparent 68%),linear-gradient(160deg,#39413d,#162a31 70%)}
.podium-medal{
  position:relative;display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;margin:0 auto 19px;border:2px solid var(--medal-light);
  background:radial-gradient(circle at 30% 20%,var(--medal-light),var(--medal-mid) 46%,var(--medal-dark) 100%);color:var(--medal-ink);
  box-shadow:inset 0 2px 1px #fff8,inset 0 -3px 2px #0003,0 4px 0 var(--medal-dark),0 8px 14px #00131d80;
}
.podium-medal:before{content:'';position:absolute;inset:6px;border:1px solid #fff9;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff15;pointer-events:none}
.podium-medal .icon,.podium-medal>svg{width:39px;height:39px;filter:drop-shadow(0 1px 0 #fff6)}
.podium-medal svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.podium-card.place-1 .podium-medal{width:88px;height:88px;margin-bottom:22px}
.podium-card.place-1 .podium-medal .icon,.podium-card.place-1 .podium-medal>svg{width:45px;height:45px}
.podium-name{display:block;font-size:18px;font-weight:700;line-height:1.5;color:#f7e9cc;margin:0 0 6px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.podium-title{display:block;color:#b8c9c6;font-size:12px;line-height:1.7;margin:0 0 11px;unicode-bidi:plaintext}
.podium-card.place-1 .podium-title{color:#e6cd9c}
.podium-score{display:block;color:var(--medal-light);font-size:22px;font-weight:700;line-height:1.5;text-shadow:0 2px 5px #0005;unicode-bidi:plaintext}
.podium-score small{font-size:12px;font-weight:400;line-height:1.5;margin-inline-start:4px;color:#bdcdc7}
.leader-list{overflow:hidden;margin:18px 0 23px;border:1px solid #b89c6859;border-radius:21px;background:linear-gradient(145deg,#173640c9,#0b2531ed);box-shadow:inset 0 1px #fff1,0 9px 24px #0003}
.leader-entry{display:grid;grid-template-columns:32px 43px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:88px;padding:17px 22px;border-bottom:1px solid #a7c4b51c;color:#e8e9d9}
.leader-entry:last-child{border-bottom:0}
.leader-entry:nth-child(even){background:#d1e5d004}
.leader-rank{color:#b4c7c3;font-size:16px;font-weight:700;text-align:center;line-height:1.5}
.leader-avatar,.leader-entry>.avatar{width:42px;height:42px;min-width:42px;border:1px solid #c7b17a7a;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:700;color:#ebd7aa;background:radial-gradient(circle at 30% 20%,#3e7570,#1a424e 65%,#102d3c);box-shadow:inset 0 0 0 3px #0a283950,0 3px 7px #0004;overflow:hidden}
.leader-name{display:block;min-width:0;color:#ede5cf;font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;unicode-bidi:plaintext}
.leader-name small,.leader-entry small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:#a4bdc0;margin-top:3px}
.leader-score{color:#e8ca91;font-size:18px;font-weight:700;line-height:1.6;text-align:end;white-space:nowrap}
.leader-score small{color:#abc2c2;font-size:11px;font-weight:400;line-height:1.5}
.settings-table-preview{display:flex;align-items:center;gap:24px;min-width:0;padding:6px 0}
.settings-table-preview>.theme-preview,.settings-table-preview>.board-wrap,.settings-table-preview>svg{width:210px;max-width:44%;min-width:130px;flex-shrink:0}
.settings-table-preview .theme-preview{padding:11px;border:1px solid #cdb17a4d;border-radius:16px;background:radial-gradient(ellipse,#375e53,#112d37);box-shadow:inset 0 2px 9px #0005}
.settings-table-preview>div:last-child{min-width:0;flex:1}
.settings-table-preview h2,.settings-table-preview h3{margin:0 0 9px;color:#f3d8a7;font-size:23px;line-height:1.5}
.settings-table-preview p{font-size:14px;color:#b3cac8;line-height:1.85;margin:0 0 16px}
.settings-table-preview .primary,.settings-table-preview .secondary{min-height:48px}
html[dir=rtl] .podium-name,html[dir=rtl] .podium-title,html[dir=rtl] .podium-score,html[dir=rtl] .leader-name,html[dir=rtl] .leader-score,html[dir=rtl] .leader-rank{font-family:'TavleKurdish',sans-serif;letter-spacing:0;line-height:1.7}
html[dir=rtl] .podium-name,html[dir=rtl] .podium-title{direction:rtl}
@media(max-width:900px){.podium{gap:13px}.podium-card{padding-inline:13px}.settings-table-preview{gap:18px}.settings-table-preview>.theme-preview,.settings-table-preview>.board-wrap,.settings-table-preview>svg{width:180px}}
@media(max-width:640px){
  .podium{gap:9px;margin:26px 0 25px;padding-top:8px}.podium-card{min-height:203px;padding:20px 9px 17px;border-radius:17px 17px 12px 12px}.podium-card:before{inset:4px;border-radius:13px 13px 8px 8px}.podium-card.place-1{min-height:232px;padding-top:23px}.podium-card.place-3{min-height:191px}
  .podium-medal{width:59px;height:59px;margin-bottom:16px;border-width:1px}.podium-medal:before{inset:5px}.podium-medal .icon,.podium-medal>svg{width:30px;height:30px}.podium-card.place-1 .podium-medal{width:68px;height:68px;margin-bottom:19px}.podium-card.place-1 .podium-medal .icon,.podium-card.place-1 .podium-medal>svg{width:35px;height:35px}
  .podium-name{font-size:15px;line-height:1.5;margin-bottom:5px}.podium-title{font-size:12px;line-height:1.6;margin-bottom:8px}.podium-score{font-size:19px;line-height:1.5}.podium-score small{display:block;font-size:11px;margin-inline-start:0}
  .leader-list{border-radius:18px}.leader-entry{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:10px;padding:16px 14px;min-height:82px}.leader-rank{font-size:14px}.leader-avatar,.leader-entry>.avatar{width:36px;height:36px;min-width:36px;font-size:15px}.leader-name{font-size:14px;line-height:1.65}.leader-name small,.leader-entry small{font-size:12px;line-height:1.7}.leader-score{font-size:16px}.leader-score small{font-size:11px}
  .settings-table-preview{gap:16px;align-items:center;padding:0}.settings-table-preview>.theme-preview,.settings-table-preview>.board-wrap,.settings-table-preview>svg{width:115px;min-width:100px;max-width:40%}.settings-table-preview .theme-preview{padding:7px;border-radius:12px}.settings-table-preview h2,.settings-table-preview h3{font-size:20px;line-height:1.6;margin-bottom:7px}.settings-table-preview p{font-size:13px;line-height:1.8;margin-bottom:13px}.settings-table-preview .primary,.settings-table-preview .secondary{width:100%;font-size:14px;min-height:45px;padding:10px 12px}
  html[dir=rtl] .podium-name{font-size:15px;line-height:1.7}html[dir=rtl] .podium-title,html[dir=rtl] .podium-score small{font-size:12px;line-height:1.7}html[dir=rtl] .podium-score{font-size:20px;line-height:1.7}
  html[dir=rtl] .leader-name,html[dir=rtl] .leader-rank{font-size:14px;line-height:1.7}html[dir=rtl] .leader-score{font-size:16px;line-height:1.7}html[dir=rtl] .leader-name small,html[dir=rtl] .leader-score small{font-size:12px;line-height:1.7}
  html[dir=rtl] .settings-table-preview p{font-size:14px;line-height:1.9}html[dir=rtl] .settings-table-preview .primary,html[dir=rtl] .settings-table-preview .secondary{font-size:18px;line-height:1.7;min-height:50px}
}
@media(max-width:365px){
  .podium{gap:7px}.podium-card{padding-inline:7px}.podium-medal{width:54px;height:54px}.podium-card.place-1 .podium-medal{width:61px;height:61px}.podium-name{font-size:14px}.podium-title{font-size:12px}.leader-entry{gap:8px;padding-inline:12px;grid-template-columns:19px 33px minmax(0,1fr) auto}.leader-avatar,.leader-entry>.avatar{width:33px;height:33px;min-width:33px}.leader-score{font-size:15px}
  .settings-table-preview{flex-wrap:wrap}.settings-table-preview>.theme-preview,.settings-table-preview>.board-wrap,.settings-table-preview>svg{width:100%;max-width:100%;min-width:0}.settings-table-preview>div:last-child{flex-basis:100%}
}
/* Match the live standings and Settings markup, including partial podiums. */
.podium-count-1{grid-template-columns:minmax(0,230px);justify-content:center}
.podium-count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;margin-inline:auto}
.podium-medal>b{position:absolute;inset-inline-end:-3px;bottom:-5px;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--medal-light);border-radius:50%;background:linear-gradient(145deg,#294c50,#102e3a);color:var(--medal-light);font-size:15px;font-weight:700;line-height:1;box-shadow:0 3px 5px #00132170}
.leader-list:empty{display:none}
.panel.settings-table-preview{padding:25px 28px}
.settings-mini-board{width:210px;max-width:44%;min-width:130px;flex-shrink:0;filter:drop-shadow(0 6px 9px #00101870)}
.settings-mini-board .board-svg{width:100%;height:auto;min-height:0}
@media(max-width:900px){.settings-mini-board{width:180px}}
@media(max-width:640px){
  .podium-count-1{grid-template-columns:minmax(0,145px)}.podium-count-2{max-width:290px}.podium-medal>b{width:23px;height:23px;font-size:13px;bottom:-4px;inset-inline-end:-2px}
  .panel.settings-table-preview{padding:22px}.settings-mini-board{width:115px;min-width:100px;max-width:40%}
}
@media(max-width:365px){.settings-mini-board{width:100%;max-width:100%;min-width:0}}
/* Du Tas Settings: compact native sections and direct board selection. */
.settings-page{max-width:920px;margin-inline:auto;min-width:0}
.settings-heading{margin:3px 0 26px}
.settings-heading .eyebrow{font-size:11px;color:#c5ad80;margin-bottom:8px}
.settings-heading .page-title,.settings-heading>h1{font-size:35px;line-height:1.4;color:#f8e5bf;margin:0 0 10px;text-shadow:none}
.settings-heading .subtext{font-size:14px;line-height:1.85;color:#a8c0c1;max-width:680px;margin:0}
.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.settings-card{
  min-width:0;margin:0;padding:25px;border:1px solid #bca27344;border-radius:21px;
  background:linear-gradient(145deg,#15363fe8,#0c2733ef);box-shadow:inset 0 1px #ffffff0f,0 5px 16px #00111a38;
}
.settings-identity,.settings-appearance,.settings-save{grid-column:1/-1}
.settings-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:21px;min-width:0}
.settings-card-heading>.icon{width:25px;height:25px;color:#d9bd84;flex-shrink:0}
.settings-card-heading h2{font-size:22px;line-height:1.5;color:#f0dfbf;letter-spacing:0;margin:0;font-weight:700}
.identity-edit{display:flex;align-items:center;gap:21px;min-width:0}
.identity-edit>.avatar{width:68px;height:68px;min-width:68px;font-size:27px;border-width:2px;box-shadow:inset 0 0 0 4px #112d3966,0 0 0 4px #d9b2750d,0 4px 10px #0005}
.identity-edit>.input-group{flex:1;min-width:0;margin:0;gap:8px}
.identity-edit label{font-size:13px;color:#c5d4cc;font-weight:400}
.identity-edit input{min-height:50px;background:#09232e;border-color:#a8b8993c;border-radius:12px;font-size:16px;padding:12px 15px;box-shadow:inset 0 2px 4px #00141d40}
.identity-edit .input-group small{font-size:12px;line-height:1.75;color:#9db7ba}
.settings-appearance .settings-card-heading{margin-bottom:6px}
.settings-caption{font-size:13px;line-height:1.8;color:#a8c0bd;margin:0 0 20px}
.board-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0;align-items:stretch}
.board-option{
  position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:11px 11px 15px;text-align:start;white-space:normal;
  border:1px solid #7eaaa34a;border-radius:16px;color:#e7e6d3;background:linear-gradient(155deg,#1b3b40,#0c2833);
  box-shadow:inset 0 1px #ffffff0d,0 3px 9px #00151b33;overflow:hidden;
}
.board-option[data-theme=cedar]{background:linear-gradient(155deg,#413c32,#1d2d32);border-color:#ab8b644f}
.board-option[data-theme=indigo]{background:linear-gradient(155deg,#263c53,#132935);border-color:#8ba5c148}
.board-option[aria-pressed=true]{border-color:#efca83;background:linear-gradient(155deg,#2c514a,#163438);box-shadow:inset 0 0 0 1px #e8c47e33,0 0 0 2px #e8c47e0c,0 4px 12px #00151d55}
.board-option[data-theme=cedar][aria-pressed=true]{background:linear-gradient(155deg,#514734,#293632)}
.board-option[data-theme=indigo][aria-pressed=true]{background:linear-gradient(155deg,#314c64,#1a3441)}
.board-option:hover{filter:brightness(1.12);transform:translateY(-1px)}
.board-option:active{transform:translateY(1px)}
.board-option-preview{
  display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1.37;min-width:0;margin:0 0 13px;padding:3px;border-radius:10px;
  background:radial-gradient(ellipse at 50% 48%,#3b655e33,#061e2b44);box-shadow:inset 0 1px 4px #00131b40;
}
.board-option-preview svg,.board-option-preview .board-svg{display:block;width:100%;height:auto;min-height:0;max-height:180px;overflow:hidden;pointer-events:none;filter:drop-shadow(0 4px 3px #00121a66)}
.board-option-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;width:100%;padding:0 3px}
.board-option-meta strong{font-size:17px;font-weight:700;line-height:1.5;color:#f2e3c3;overflow-wrap:anywhere;min-width:0}
.board-option-check{display:grid;place-items:center;width:21px;height:21px;min-width:21px;border:1px solid #9eb6ae55;border-radius:50%;background:#0a233080;color:transparent}
.board-option-check .icon,.board-option-check>svg{width:14px;height:14px;opacity:0}
.board-option[aria-pressed=true] .board-option-check{background:linear-gradient(145deg,#f5d999,#d8b15f);border-color:#f6db9d;color:#315347;box-shadow:0 2px 3px #0003}
.board-option[aria-pressed=true] .board-option-check .icon,.board-option[aria-pressed=true] .board-option-check>svg{opacity:1}
.board-option>small{display:block;margin:7px 3px 0;color:#a8c0bc;font-size:12px;font-weight:400;line-height:1.75;overflow-wrap:anywhere}
.setting-line{display:flex;align-items:center;gap:14px;min-width:0;min-height:58px}
.setting-symbol{width:43px;height:43px;min-width:43px;display:grid;place-items:center;border:1px solid #b9ae8040;border-radius:13px;background:#23494b6b;color:#d2c18f;box-shadow:inset 0 1px #ffffff12}
.setting-symbol .icon,.setting-symbol>svg{width:23px;height:23px}
.setting-line>div{min-width:0;flex:1}
.setting-line strong{display:block;font-size:15px;font-weight:600;color:#ebdfc5;line-height:1.6}
.setting-line small{display:block;font-size:12px;line-height:1.8;color:#a5bdbf;margin-top:3px}
.setting-line .switch{flex-shrink:0;margin-inline-start:4px;min-height:0}
.settings-connection{align-self:start;padding:0;overflow:hidden}
.settings-connection>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:24px 25px;cursor:pointer;color:#dbd9c0;min-height:97px}
.settings-connection>summary::-webkit-details-marker,.settings-privacy>summary::-webkit-details-marker{display:none}
.settings-connection>summary::marker,.settings-privacy>summary::marker{content:''}
.settings-connection>summary>.icon{width:23px;height:23px;color:#b6b88e;flex-shrink:0}
.settings-connection>summary strong{font-size:15px;font-weight:600;line-height:1.7}
.settings-connection>summary:after,.settings-privacy>summary:after{content:'';width:7px;height:7px;border-right:1.5px solid #b7c6bc;border-bottom:1.5px solid #b7c6bc;transform:rotate(45deg);margin-inline-start:auto;margin-inline-end:3px;flex-shrink:0;transition:transform .15s}
.settings-connection[open]>summary{min-height:70px;padding-bottom:17px}
.settings-connection[open]>summary:after,.settings-privacy[open]>summary:after{transform:rotate(225deg)}
.connection-fields{padding:0 25px 25px}
.connection-fields .input-group{margin:0}
.connection-fields input{font-size:14px;min-height:49px;border-color:#9db3a139;background:#09212d;border-radius:11px;padding:12px}
.connection-fields label{font-size:13px;color:#b8c9c3}
.connection-fields small,.connection-fields p{font-size:12px;color:#a6bec0;line-height:1.85;margin-top:9px}
.settings-save{display:flex;justify-content:flex-end;padding:4px 0 9px}
.settings-save button{min-width:215px;min-height:54px;font-size:16px;border-radius:14px;box-shadow:inset 0 1px #fff5,inset 0 -2px #001d2a33,0 3px 0 #072a2e,0 6px 13px #0003}
.settings-privacy{margin:19px 0 5px;padding:0 4px;color:#9eb7b8;border-top:1px solid #c0b18526}
.settings-privacy>summary{display:flex;align-items:center;gap:10px;padding:18px 2px;list-style:none;cursor:pointer;font-size:13px;font-weight:400;color:#abbfbb;line-height:1.8}
.settings-privacy p{font-size:13px;line-height:1.95;color:#a7bfc0;margin:0 2px 13px}
.settings-privacy>small{display:block;font-size:12px;line-height:1.8;color:#869fa4;margin:0 2px 17px}
html[dir=rtl] .settings-card-heading h2,html[dir=rtl] .board-option-meta strong,html[dir=rtl] .settings-connection>summary strong{font-family:'TavleKurdish',sans-serif;letter-spacing:0;line-height:1.7}
@media(max-width:900px){
  .settings-form{grid-template-columns:1fr;gap:17px}.settings-card{padding:23px}.settings-connection{padding:0}.settings-connection>summary{padding:22px 23px;min-height:80px}.connection-fields{padding:0 23px 23px}.board-options{gap:12px}.board-option{padding:9px 9px 13px}.board-option-meta strong{font-size:16px}
}
@media(max-width:640px){
  .settings-heading{margin:0 0 23px}.settings-heading .page-title,.settings-heading>h1{font-size:31px;line-height:1.5;margin-bottom:8px}.settings-heading .subtext{font-size:13px;line-height:1.85}
  .settings-form{gap:15px}.settings-card{padding:21px 19px;border-radius:19px}.settings-card-heading{gap:10px;margin-bottom:18px}.settings-card-heading>.icon{width:23px;height:23px}.settings-card-heading h2{font-size:20px;line-height:1.6}
  .identity-edit{gap:15px}.identity-edit>.avatar{width:53px;height:53px;min-width:53px;font-size:23px;box-shadow:inset 0 0 0 3px #112d3966,0 0 0 3px #d9b2750d,0 3px 8px #0005}.identity-edit>.input-group{gap:7px}.identity-edit label{font-size:12px}.identity-edit input{min-height:48px;font-size:15px;padding:11px 12px}.identity-edit .input-group small{font-size:12px;line-height:1.75}
  .settings-appearance{padding-inline:15px}.settings-appearance .settings-card-heading{margin-bottom:5px;padding-inline:4px}.settings-caption{font-size:12px;line-height:1.8;margin:0 4px 17px}.board-options{gap:8px}
  .board-option{min-height:0;padding:7px 6px 11px;border-radius:13px}.board-option-preview{padding:1px;border-radius:7px;margin-bottom:10px;aspect-ratio:1.37}.board-option-preview svg,.board-option-preview .board-svg{height:auto;min-height:0;max-height:85px;overflow:hidden}
  .board-option-meta{gap:4px;padding:0 2px;align-items:center}.board-option-meta strong{font-size:14px;line-height:1.6}.board-option-check{width:16px;height:16px;min-width:16px}.board-option-check .icon,.board-option-check>svg{width:11px;height:11px}.board-option>small{margin:6px 2px 0;font-size:12px;line-height:1.65}
  .setting-line{gap:12px;min-height:53px}.setting-symbol{width:39px;height:39px;min-width:39px;border-radius:12px}.setting-symbol .icon,.setting-symbol>svg{width:21px;height:21px}.setting-line strong{font-size:14px;line-height:1.7}.setting-line small{font-size:12px;line-height:1.8}.setting-line .switch{margin-inline-start:2px}
  .settings-connection{padding:0}.settings-connection>summary{padding:21px 19px;min-height:73px;gap:11px}.settings-connection>summary strong{font-size:14px}.settings-connection>summary>.icon{width:22px;height:22px}.settings-connection[open]>summary{min-height:67px;padding-bottom:16px}.connection-fields{padding:0 19px 21px}.connection-fields input{font-size:14px;min-height:48px}.connection-fields small,.connection-fields p{font-size:12px;line-height:1.85}
  .settings-save{padding:3px 0 8px}.settings-save button{width:100%;min-width:0;min-height:54px;font-size:16px}.settings-privacy{margin-top:15px}.settings-privacy>summary{font-size:13px;padding-block:17px}.settings-privacy p{font-size:13px;line-height:1.95}
  html[dir=rtl] .settings-heading .page-title,html[dir=rtl] .settings-heading>h1{font-size:30px;line-height:1.7}
  html[dir=rtl] .settings-heading .subtext{font-size:14px;line-height:1.9}html[dir=rtl] .settings-card-heading h2{font-size:21px;line-height:1.7}
  html[dir=rtl] .board-option{min-height:0;font-size:14px;line-height:1.7}html[dir=rtl] .board-option-meta strong{font-size:14px;line-height:1.7}html[dir=rtl] .board-option>small{font-size:12px;line-height:1.75}
  html[dir=rtl] .settings-caption,html[dir=rtl] .identity-edit .input-group small,html[dir=rtl] .setting-line small{font-size:12px;line-height:1.85}
  html[dir=rtl] .identity-edit input{font-size:16px;line-height:1.7}html[dir=rtl] .identity-edit label{font-size:13px;line-height:1.7}
  html[dir=rtl] .setting-line strong,html[dir=rtl] .settings-connection>summary strong{font-size:15px;line-height:1.7}html[dir=rtl] .settings-save button{font-size:18px;line-height:1.7}
  html[dir=rtl] .settings-privacy p{font-size:14px;line-height:1.9}html[dir=rtl] .settings-privacy>summary{font-size:14px;line-height:1.8}
}
@media(max-width:365px){
  .settings-card{padding-inline:16px}.settings-appearance{padding-inline:12px}.board-options{gap:6px}.board-option{padding-inline:5px}.board-option-meta{gap:3px;padding-inline:1px}.board-option-meta strong{font-size:13px}.board-option-check{width:14px;height:14px;min-width:14px}.board-option-check .icon,.board-option-check>svg{width:9px;height:9px}.board-option>small{font-size:12px;margin-inline:1px}.identity-edit{gap:12px}.identity-edit>.avatar{width:46px;height:46px;min-width:46px;font-size:21px}.settings-connection{padding:0}.settings-connection>summary{padding-inline:16px}.connection-fields{padding-inline:16px}
  html[dir=rtl] .board-option-meta strong{font-size:14px}
}
/* Du Tas: a second die sits behind the existing four-pip brand mark. */
.brand-mark{z-index:0;overflow:visible}
.brand-mark:before{
  content:'';position:absolute;width:66%;height:66%;inset-inline-end:-5px;top:-6px;z-index:-1;
  border:1px solid #f5d9a3;border-radius:27%;transform:rotate(24deg);
  background:radial-gradient(circle at 29% 29%,#19494b 0 6%,transparent 7%),
    radial-gradient(circle at 50% 50%,#19494b 0 6%,transparent 7%),
    radial-gradient(circle at 71% 71%,#19494b 0 6%,transparent 7%),
    linear-gradient(145deg,#fff0c9,#dbc184);
  box-shadow:inset 0 1px #fff9,0 2px 0 #847044,0 3px 7px #001c2455;pointer-events:none;
}
.language-logo .brand-mark:before{top:-8px;inset-inline-end:-7px}
@media(max-width:640px){.brand-mark:before{top:-5px;inset-inline-end:-4px}.language-logo .brand-mark:before{top:-7px;inset-inline-end:-6px}}
.brand-mark{background:none;box-shadow:none;border-color:transparent}
.brand-mark:before{z-index:-2}
.brand-mark:after{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #ffe6a9;border-radius:inherit;background:linear-gradient(145deg,#ffe6a6 0,#b98641 45%,#775026 100%);box-shadow:inset 0 1px 2px #fff9,inset 0 -3px 2px #57300a80,0 4px 0 #674321,0 7px 15px #0008;pointer-events:none}

/* Directional SVGs and centered icon boxes do not depend on text baselines. */
.icon{line-height:0}
.icon svg{display:block;flex-shrink:0}
html[dir=rtl] .icon-directional{transform:scaleX(-1)}
.round-button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}
html[dir=rtl] .round-button{line-height:1}
.round-button>.icon{margin:0}
.card-arrow{display:flex;align-items:center;justify-content:center;width:27px;padding:0;font-size:0;line-height:0}
.card-arrow>.icon{width:18px;height:18px;margin:0}
.small-link{display:inline-flex;align-items:center}
.small-link>.icon{margin-right:7px;margin-left:0}
html[dir=rtl] .small-link>.icon{margin-right:0;margin-left:7px}
@media(max-width:1050px){.card-arrow{width:24px}}
@media(max-width:640px){.card-arrow{width:22px}.card-arrow>.icon{width:16px;height:16px}}