/* UI 0.5.1: one representation per card, current trick is a separate visual layer. */
:root{--u:1px}.secondary-tools{display:contents}.tools-button,.tool-text{display:none}
.focus-field{pointer-events:none}.avatar-emote-trigger{display:inline-flex;position:relative;flex:none;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;color:var(--gold)}
.avatar-emote-trigger .avatar{display:block}.avatar-emote-trigger:focus-visible{outline:2px solid #efd28f;outline-offset:4px}.avatar-emote-hint{position:absolute;right:-2px;bottom:-2px;border-radius:50%;background:#e4c286;color:#17382b;font:14px/18px sans-serif;width:18px;height:18px;text-align:center}
#quick-emotes[hidden]{display:none!important}#quick-emotes{position:fixed;z-index:200;width:236px;padding:10px;border:1px solid #b3a071;border-radius:15px;background:#15392b;box-shadow:0 16px 50px #0009;color:#efe5c9}
#quick-emotes header{display:flex;align-items:center;justify-content:space-between;padding:0 3px 7px;font:14px var(--sans)}#quick-emotes header button{border:0;background:none;color:inherit;font-size:23px;cursor:pointer}
.quick-emote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.quick-emote-grid button{border:1px solid transparent;background:#ffffff06;color:#e5d8b5;border-radius:9px;padding:5px 1px;cursor:pointer;min-height:58px}
.quick-emote-grid button:hover,.quick-emote-grid button:focus-visible{background:#e3bc5b20;border-color:#e4c286;transform:translateY(-2px)}.quick-emote-grid button span{display:block;font:30px/1.1 'Apple Color Emoji','Segoe UI Emoji',sans-serif}.quick-emote-grid button small{display:block;font:10px/1.6 var(--sans)}
body .river .river-current{border:1px solid #d1bc87;background:#254b39ee;box-shadow:0 3px 12px #0004;opacity:1}
body .river .river-current.river-leading,body .river .river-current.river-win{border:2px solid #ffe1a0;background:#536044;box-shadow:0 0 18px #e4c67344,0 4px 12px #0005}
.current-round-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font:10px/16px var(--sans);color:#e6d6ae;white-space:nowrap}.current-round-label b{font-size:10px;color:#ffdfa0;font-weight:500}
.turn-slot{display:flex;align-items:center;justify-content:center;min-width:0}.turn-placeholder{font:10px/1.6 var(--sans);color:#9caf9c;opacity:.65;text-align:center}.turn-placeholder span{margin-right:5px}.turn-placeholder b{font-weight:400}.turn-placeholder.is-next{opacity:1;color:#f0d594}
body .river .river-past{opacity:.72;box-shadow:none}body .river .river-past.river-win{opacity:.95;background:#a88c4520;border-color:#ad93536b}body .river .river-past:hover{opacity:1}
body .river .river-past .river-cards{transition:filter .18s}body .river .river-past>small{color:#90a58f}.river-archive:empty{display:none!important}
/* Full-window desktop composition. Scales with both width and height, never with a fixed 1720px island. */
body.desktop-table{overflow:hidden}
body.desktop-table #app{height:100dvh;min-height:0;display:grid;grid-template-rows:calc(48*var(--u)) minmax(0,1fr) calc(20*var(--u));width:100%;overflow:clip}
body.desktop-table .app-header{grid-row:1;height:auto;min-height:0;padding:calc(6*var(--u)) calc(20*var(--u));gap:calc(12*var(--u));background:#102c23;border-bottom:1px solid #c6b37b1f}
body.desktop-table .brand-seal{width:calc(28*var(--u));height:calc(31*var(--u));font-size:calc(23*var(--u))}body.desktop-table .brand strong{font-size:calc(17*var(--u));letter-spacing:.12em}body.desktop-table .brand small{display:none}body.desktop-table .header-divider,body.desktop-table .edition-label{display:none}
body.desktop-table .header-nav{gap:calc(9*var(--u));position:relative;align-items:center}body.desktop-table .nav-button,body.desktop-table .header-nav .button{font-size:calc(13*var(--u));padding:calc(6*var(--u)) calc(9*var(--u));min-height:0}body.desktop-table .header-nav .icon{width:calc(16*var(--u));height:calc(16*var(--u))}
body.desktop-table .tools-button{display:flex}body.desktop-table .secondary-tools{display:none;position:absolute;right:0;top:calc(42*var(--u));z-index:80;padding:8px;border:1px solid #b49f65;border-radius:12px;background:#15392c;box-shadow:0 8px 35px #0008;min-width:160px}
body.desktop-table .secondary-tools.is-open{display:grid;grid-template-columns:1fr 1fr;gap:5px}body.desktop-table .secondary-tools button{width:auto;height:36px;justify-content:flex-start;padding:7px;font-size:13px;white-space:nowrap}body.desktop-table .tool-text{display:inline;font-size:13px}
body.desktop-table .app-footer{grid-row:3;min-height:0;height:auto;padding:0 calc(20*var(--u));font-size:calc(10*var(--u));border:0;opacity:.7;align-items:center}body.desktop-table .app-footer .icon{width:12px;height:12px}
body.desktop-table .game-shell{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) calc(296*var(--u));gap:calc(16*var(--u));padding:calc(8*var(--u)) calc(20*var(--u));width:100%;height:100%;max-width:none;min-height:0;margin:0;align-items:stretch}
body.desktop-table .play-column{display:grid;grid-template-rows:calc(24*var(--u)) minmax(0,1fr) calc(244*var(--u));gap:calc(10*var(--u));height:100%;min-height:0}
body.desktop-table .match-bar{height:auto;min-height:0;padding:0 calc(8*var(--u));align-items:center}body.desktop-table .match-location,body.desktop-table .score-mode{font-size:calc(12*var(--u));gap:6px}body.desktop-table .difficulty-badge{font-size:calc(10*var(--u))}
body.desktop-table .arena{display:block;position:relative;padding:0;height:100%;min-height:0;isolation:isolate}
body.desktop-table .wood-rim{inset:0;border-radius:calc(20*var(--u));padding:calc(9*var(--u));box-shadow:0 8px 26px #0006}body.desktop-table .felt{border-radius:calc(13*var(--u));background-color:#214d3a}body.desktop-table .table-ornament,body.desktop-table .table-lettering{opacity:.08}
body.desktop-table .focus-field{position:absolute;inset:calc(68*var(--u)) 19% calc(64*var(--u));border-radius:40%;background:radial-gradient(ellipse,#456e4d38,transparent 72%);z-index:0}
body.desktop-table .seat{position:absolute;display:flex;inset:auto;transform:none;width:calc(128*var(--u));gap:calc(8*var(--u));padding:calc(8*var(--u));border-radius:12px;background:#102d2326}
body.desktop-table .seat-3{left:calc(14*var(--u));top:36%;transform:translateY(-50%)}body.desktop-table .seat-1{right:calc(14*var(--u));top:36%;transform:translateY(-50%)}
body.desktop-table .seat-2{left:50%;top:calc(12*var(--u));transform:translateX(-50%);flex-direction:row;width:auto;max-width:45%;gap:calc(10*var(--u));padding:calc(5*var(--u)) calc(12*var(--u))}
body.desktop-table .seat .seat-portrait,body.desktop-table .seat .avatar{width:calc(44*var(--u));height:calc(44*var(--u))}body.desktop-table .seat-info h3{font-size:calc(16*var(--u));max-width:calc(112*var(--u));line-height:1.4}body.desktop-table .seat-2 .seat-info h3{max-width:calc(220*var(--u))}body.desktop-table .seat-info h3>span{font-size:calc(9*var(--u))}
body.desktop-table .seat-info p{font-size:calc(11*var(--u));margin:calc(3*var(--u)) 0}body.desktop-table .seat-scores{display:flex;flex-direction:row;gap:calc(12*var(--u));justify-content:center}body.desktop-table .seat-scores>span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:calc(10*var(--u))}
body.desktop-table .seat-scores b{font-size:calc(28*var(--u));line-height:1.05}body.desktop-table .seat-scores strong{font-size:calc(34*var(--u));line-height:1.05}body.desktop-table .seat-2 .seat-scores{justify-content:flex-start;margin-top:3px}body.desktop-table .seat-2 .seat-scores>span{flex-direction:row}
body.desktop-table .seat-2 .seat-info p{position:absolute;left:calc(-50*var(--u));top:calc(40*var(--u));white-space:nowrap}body.desktop-table .seat-active .seat-portrait{filter:drop-shadow(0 0 9px #e7c16b66)}
body.desktop-table .river{display:contents}body.desktop-table .river>header{display:none}body.desktop-table .river-groups{position:absolute;gap:calc(3*var(--u));padding:calc(5*var(--u));border-radius:9px;background:#0e291e36;max-width:none;justify-content:center;z-index:2}
body.desktop-table .river-3 .river-groups{left:calc(15*var(--u));top:58%;width:calc(128*var(--u))}body.desktop-table .river-1 .river-groups{right:calc(15*var(--u));top:58%;width:calc(128*var(--u))}
body.desktop-table .river-2 .river-groups{top:calc(14*var(--u));right:calc(16*var(--u));width:calc(226*var(--u))}body.desktop-table .river-0 .river-groups{bottom:calc(10*var(--u));left:50%;transform:translateX(-50%);width:max-content;max-width:65%}
body.desktop-table .river .river-past{padding:calc(2*var(--u));border-radius:4px}body.desktop-table .river .river-past .tile{width:calc(22*var(--u));height:auto}body.desktop-table .river .river-past>small{font-size:calc(9*var(--u));line-height:calc(12*var(--u));gap:3px}body.desktop-table .river .river-past>small b{font-size:calc(11*var(--u))}body.desktop-table .river .river-past>small i{font-size:calc(8*var(--u))}
body.desktop-table .turn-slot{position:absolute;z-index:5;width:max-content;max-width:calc(168*var(--u));transform:translate(-50%,-50%)}
body.desktop-table .turn-slot-2{left:50%;top:calc(91*var(--u));transform:translateX(-50%)}body.desktop-table .turn-slot-0{left:50%;bottom:calc(77*var(--u));transform:translateX(-50%)}body.desktop-table .turn-slot-3{left:30.5%;top:51%}body.desktop-table .turn-slot-1{left:69.5%;top:51%}
body.desktop-table .river .river-current{padding:calc(7*var(--u));border-radius:calc(10*var(--u));min-width:calc(74*var(--u));background:#224b37f0}body.desktop-table .river .river-current .tile{width:calc(64*var(--u));height:auto;max-height:none}body.desktop-table .river .river-current .river-cards{gap:calc(5*var(--u))}
body.desktop-table .current-round-label{font-size:calc(10*var(--u));line-height:calc(15*var(--u));margin:0 0 calc(5*var(--u));gap:calc(8*var(--u))}body.desktop-table .current-round-label b{font-size:calc(10*var(--u))}
body.desktop-table .river .river-current>small{font-size:calc(10*var(--u));line-height:calc(14*var(--u));margin-top:calc(3*var(--u));gap:8px}body.desktop-table .river .river-current>small b{font-size:calc(16*var(--u))}body.desktop-table .river .river-current>small i{font-size:calc(11*var(--u))}
body.desktop-table .turn-placeholder{font-size:calc(12*var(--u));border:1px dashed #d0c08e30;border-radius:10px;padding:calc(10*var(--u));min-width:calc(80*var(--u));background:#ffffff03}
body.desktop-table .round-counter{position:absolute;left:calc(22*var(--u));top:calc(18*var(--u));max-width:none;width:auto;z-index:3}body.desktop-table .round-counter span{font-size:calc(21*var(--u));color:#edddb5}body.desktop-table .round-counter small{font-size:calc(11*var(--u));color:#b3c0a3;margin-top:calc(4*var(--u))}
body.desktop-table .table-status{position:absolute;left:calc(20*var(--u));top:calc(76*var(--u));bottom:auto;width:calc(130*var(--u));display:flex;flex-direction:column;gap:calc(5*var(--u));white-space:normal;z-index:4}body.desktop-table .status-pill{font-size:calc(12*var(--u));padding:calc(6*var(--u)) calc(10*var(--u));line-height:1.35;text-align:center}body.desktop-table .online-clock{font-size:calc(11*var(--u))}
body.desktop-table .table-wait,body.desktop-table .round-award{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:calc(180*var(--u));padding:0;max-width:23%;font-size:calc(13*var(--u));background:none;border:0;box-shadow:none;text-align:center}body.desktop-table .round-award{display:flex;gap:calc(6*var(--u));justify-content:center;flex-wrap:nowrap}body.desktop-table .round-award b{font-size:calc(30*var(--u))}body.desktop-table .round-award span{max-width:calc(108*var(--u));font-size:calc(12*var(--u))}
body.desktop-table .table-wait p{font-size:calc(16*var(--u));margin:0 0 6px}body.desktop-table .table-wait small{font-size:calc(11*var(--u))}
body.desktop-table .hand-area{display:grid;grid-template-columns:calc(148*var(--u)) minmax(0,1fr) calc(168*var(--u));grid-template-rows:calc(26*var(--u)) minmax(0,1fr) calc(20*var(--u));gap:0 calc(10*var(--u));height:100%;min-height:0;padding:calc(8*var(--u)) calc(10*var(--u));margin:0;background:linear-gradient(180deg,#16392d,#102c22);border:1px solid #d3bb7d25;border-radius:calc(15*var(--u));box-shadow:0 5px 18px #0003}
body.desktop-table .hand-topline,body.desktop-table .hand-and-actions{display:contents}body.desktop-table .you-identity{grid-column:1;grid-row:1/3;min-width:0;width:100%;flex-direction:column;justify-content:center;gap:calc(7*var(--u));text-align:center}body.desktop-table .you-identity>.avatar-emote-trigger .avatar{width:calc(52*var(--u));height:calc(52*var(--u))}body.desktop-table .you-identity>div{display:flex;flex-direction:column;align-items:center;gap:3px}body.desktop-table .you-identity strong{font-size:calc(16*var(--u))}body.desktop-table .you-identity small{font-size:calc(10*var(--u))}
body.desktop-table .you-identity .seat-scores{margin-top:calc(5*var(--u));gap:calc(12*var(--u))}body.desktop-table .you-identity .seat-scores>span{font-size:calc(10*var(--u));flex-direction:column}body.desktop-table .you-identity .seat-scores b{font-size:calc(30*var(--u))}body.desktop-table .you-identity .seat-scores strong{font-size:calc(38*var(--u))}
body.desktop-table .hand-instruction{grid-column:2;grid-row:1;font-size:calc(15*var(--u));line-height:1.4;text-align:center;margin:0;min-width:0;max-height:none;align-self:center}body.desktop-table .sort-button{grid-column:3;grid-row:1;justify-self:end;align-self:center;font-size:calc(12*var(--u))}
body.desktop-table .your-hand{grid-column:2;grid-row:2;display:flex;width:100%;min-height:0;height:100%;max-height:none;padding:calc(9*var(--u)) 0 calc(3*var(--u));gap:calc(5*var(--u));align-items:center;justify-content:center;overflow:visible}
body.desktop-table .hand-card{width:calc(86*var(--u));flex:0 1 calc(86*var(--u));max-width:calc(96*var(--u));min-width:0;padding:0}body.desktop-table .hand-card .tile{width:100%;height:auto}body.desktop-table .hand-card.not-legal{opacity:.62;filter:saturate(.82)}body.desktop-table .hand-card.selected{transform:translateY(calc(-12*var(--u)));filter:drop-shadow(0 0 6px #f6d27e66)}body.desktop-table .hand-card.he-last{margin-right:calc(11*var(--u))}body.desktop-table .hand-card.he-first:before{font-size:calc(11*var(--u));top:calc(-15*var(--u))}
body.desktop-table .tile-number{font-size:calc(12*var(--u));line-height:1.25;padding:1px 5px}body.desktop-table .hand-actions{grid-column:3;grid-row:2;display:flex;width:100%;min-width:0;gap:calc(7*var(--u));justify-content:center}body.desktop-table .hand-actions .button{min-height:calc(34*var(--u));font-size:calc(13*var(--u));padding:calc(7*var(--u))}body.desktop-table .hand-actions .play-button{min-height:calc(48*var(--u));font-size:calc(17*var(--u));font-weight:600}body.desktop-table .cover-mode button{font-size:calc(12*var(--u));padding:calc(5*var(--u))}
body.desktop-table .hand-foot{grid-column:1/-1;grid-row:3;height:auto;min-height:0;margin:0;padding:0;font-size:calc(9*var(--u))}body.desktop-table .hand-foot .text-button,body.desktop-table .series-note{font-size:calc(10*var(--u))}body.desktop-table .hand-empty{height:auto;min-height:0;font-size:calc(17*var(--u))}
body.desktop-table .ledger{height:auto;max-height:100%;align-self:start;border-radius:calc(12*var(--u));background:#122f24;overflow:auto;border-color:#ceb67b2e}
body.desktop-table .ledger-tabs{height:calc(38*var(--u));min-height:0}body.desktop-table .ledger-tabs>button{font-size:calc(12*var(--u));padding:calc(8*var(--u));gap:5px}
body.desktop-table .ledger-inner{padding:calc(10*var(--u));max-height:none;overflow:visible}body.desktop-table .ledger-title{height:calc(18*var(--u));font-size:calc(11*var(--u));margin:0 0 calc(5*var(--u))}body.desktop-table .memory-summary{height:calc(32*var(--u));margin-bottom:calc(8*var(--u))}body.desktop-table .memory-summary strong{font-size:calc(30*var(--u))}body.desktop-table .memory-summary span{font-size:calc(10*var(--u))}
body.desktop-table .memory-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(5*var(--u)) calc(7*var(--u));max-width:none}body.desktop-table .tile-memory-row{gap:calc(3*var(--u));padding:calc(2*var(--u)) 0;min-height:0}body.desktop-table .rank-number{width:calc(16*var(--u));font-size:calc(12*var(--u))}body.desktop-table .memory-tile>.tile{width:calc(18*var(--u))}body.desktop-table .memory-tiles{gap:calc(1*var(--u))}body.desktop-table .rank-count{font-size:calc(9*var(--u))}body.desktop-table .used-mark{font-size:calc(9*var(--u))}
body.desktop-table .gallery-link{font-size:calc(11*var(--u));padding:calc(8*var(--u)) 0;margin:0}body.desktop-table .covered-heading{font-size:calc(12*var(--u));padding:calc(8*var(--u))}body.desktop-table .covered-details>div{font-size:calc(11*var(--u))}body.desktop-table .ledger-note{font-size:calc(10*var(--u));margin:calc(8*var(--u)) 0 0;line-height:1.5}
body.desktop-table .history-list{max-height:calc(100dvh - 155*var(--u));overflow:auto}body.desktop-table .modal-backdrop{z-index:100}body.desktop-table .toast{z-index:210}body.desktop-table .modal{max-height:90dvh}
/* Phones retain the same table and control positions. Only current-vs-past scale is new. */
body:not(.desktop-table) .river{display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center}
body:not(.desktop-table) .river>header{display:none}body:not(.desktop-table) .river .turn-slot{order:0;flex:none}body:not(.desktop-table) .river .river-archive{order:1;gap:2px;flex-wrap:wrap}
body:not(.desktop-table) .river-0,body:not(.desktop-table) .river-2{flex-direction:row;gap:8px}body:not(.desktop-table) .river-0 .river-archive,body:not(.desktop-table) .river-2 .river-archive{max-width:68%}
body:not(.desktop-table) .river .river-past .tile{width:17px}body:not(.desktop-table) .river .river-current .tile{width:32px}body:not(.desktop-table) .river .river-past{padding:1px}body:not(.desktop-table) .river .river-current{padding:3px;border-radius:6px}
body:not(.desktop-table) .river .river-current>small{font-size:9px;line-height:11px}body:not(.desktop-table) .river .river-current>small b{font-size:12px}body:not(.desktop-table) .river .river-current>small i{font-size:8px}
body:not(.desktop-table) .current-round-label{line-height:12px;margin-bottom:2px;font-size:8px}body:not(.desktop-table) .current-round-label span{display:none}body:not(.desktop-table) .current-round-label b{font-size:8px;font-weight:500}
body:not(.desktop-table) .turn-placeholder{font-size:9px}.focus-field{display:none}body.desktop-table .focus-field{display:block}
@media(max-width:760px) and (orientation:portrait){
 body:not(.desktop-table) .arena{grid-template-rows:46px 75px 164px 75px 25px}
 body:not(.desktop-table) .river .river-past .tile{width:13px}body:not(.desktop-table) .river .river-current .tile{width:25px}
 body:not(.desktop-table) .river-1 .river-past .tile,body:not(.desktop-table) .river-3 .river-past .tile{width:11px}body:not(.desktop-table) .river-1 .river-current .tile,body:not(.desktop-table) .river-3 .river-current .tile{width:22px}
 body:not(.desktop-table) .river .river-past>small{font-size:7px;line-height:9px;gap:2px}body:not(.desktop-table) .river .river-past>small b{font-size:9px;line-height:9px}body:not(.desktop-table) .river .river-past>small i{font-size:7px}
 body:not(.desktop-table) .river-1 .river-archive,body:not(.desktop-table) .river-3 .river-archive{width:72px;max-width:100%}body:not(.desktop-table) .river .river-current{padding:3px}
 body:not(.desktop-table) .river-0 .river-archive,body:not(.desktop-table) .river-2 .river-archive{max-width:calc(100% - 80px)}
 .avatar-emote-hint{font-size:12px;line-height:16px;width:16px;height:16px}.avatar-emote-trigger{min-width:32px;min-height:32px}
}
@media(max-width:760px) and (orientation:portrait) and (max-height:700px){body:not(.desktop-table) .arena{grid-template-rows:38px 63px 148px 63px 22px}body:not(.desktop-table) .river .river-current .tile{width:20px}body:not(.desktop-table) .river .river-past .tile{width:11px}body:not(.desktop-table) .river-1 .river-current .tile,body:not(.desktop-table) .river-3 .river-current .tile{width:19px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){
 body:not(.desktop-table) .arena{grid-template-rows:27px 49px 94px 49px 19px}
 body:not(.desktop-table) .river .river-current .tile{width:18px}body:not(.desktop-table) .river .river-past .tile{width:9px}body:not(.desktop-table) .river .river-past>small{font-size:7px;line-height:8px;gap:2px}body:not(.desktop-table) .river .river-past>small b{font-size:8px}body:not(.desktop-table) .river .river-past>small i{font-size:6px}
 body:not(.desktop-table) .river .river-current>small{font-size:7px;line-height:9px}body:not(.desktop-table) .river .river-current>small b{font-size:9px}body:not(.desktop-table) .current-round-label{line-height:9px;margin:0}body:not(.desktop-table) .current-round-label b{font-size:7px}
 body:not(.desktop-table) .river .river-current{padding:2px}body:not(.desktop-table) .river-1 .river-archive,body:not(.desktop-table) .river-3 .river-archive{max-width:85px}body:not(.desktop-table) .river-0 .river-archive,body:not(.desktop-table) .river-2 .river-archive{max-width:65%}
}
@media(prefers-reduced-motion:reduce){.river-group,.quick-emote-grid button{transition:none!important;animation:none!important}}
/* Preserve a one-screen phone landscape table while enlarging only the live trick. */
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){
 body .app-header{height:32px;min-height:32px;padding-block:2px}
 body .game-shell{padding-block:2px}body .match-bar{height:14px;min-height:14px}
 body:not(.desktop-table) .arena{grid-template-rows:27px 49px 70px 49px 19px}
 body .hand-topline{min-height:20px}body .hand-area{gap:1px;padding-top:1px}
}
body.desktop-table .hand-card.not-legal{opacity:.78;filter:none}body.desktop-table .hand-card.not-legal .tile{opacity:.9;filter:saturate(.85)}
body.desktop-table .tile-memory-row{height:auto}body.desktop-table .memory-tiles{height:auto;align-items:center}
/* Result feedback sits beside round information, not on top of the live cards. */
body.desktop-table .round-award{left:calc(168*var(--u));top:calc(23*var(--u));transform:none;width:calc(150*var(--u));max-width:none;justify-content:flex-start}
body.desktop-table .river .river-current{padding:calc(5*var(--u))}
body.desktop-table .current-round-label{margin-bottom:calc(3*var(--u))}
body.desktop-table .river .river-current>small{margin-top:calc(2*var(--u))}