/* ============================================================
   CubeLegend — UPGRADE COMPLETE (design/Upgrade_complete, sep 2026)
   Laadt NÁ CubeRunnerz.css en cubelegend-factory.css.

   Twee schermvullende vieringen wanneer een lane klaar is:
     .rtn                  de overlay-root (is-cube | is-island)
   Accent per variant via --rtn (lime voor cubes, cyaan voor eilanden);
   elk effect leest die ene custom property.
   Afwijkingen van het ontwerp (eigenaar, 14 sep): de resume-banner en de
   "lane collected"-toast komen uit de meldingen-shelf (notify-shelf.js), niet
   uit dit bestand; de CTA's zijn het dock-knoppensysteem (.cl-btn /
   .cl-btn-secondary) i.p.v. de oranje knop uit het ontwerp.
   ============================================================ */

.rtn
{
	position:fixed;
	inset:0;
	/* boven de panelen (.top_overlayed z 3) en de rail; dialogen (z 9999+)
	   en de shelf-kaarten blijven erboven */
	z-index:6;
	overflow:hidden;
	--rtn:#c6ff00;
	--rtn-soft:#f4ffc2;
	--rtn-deep:#8ad100;
	--rtn-veil:#150637;
}
.rtn.is-island
{
	--rtn:#2fe4ff;
	--rtn-soft:#c9f7ff;
	--rtn-deep:#0fb6e6;
	--rtn-veil:#0d1c3d;
}
.rtn__veil
{
	position:absolute;
	inset:0;
	background:#0b0318;
	animation:rtnVeil .35s ease-out forwards;
}
.rtn__veil:after
{
	content:'';
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--rtn) 40%, transparent), transparent 58%),
	           linear-gradient(var(--rtn-veil), #0b0318);
}
/* pulsende rand-gloed over het hele scherm */
.rtn__rim
{
	position:absolute;
	inset:0;
	z-index:84;
	pointer-events:none;
	box-shadow:inset 0 0 70px color-mix(in srgb, var(--rtn) 20%, transparent),
	           inset 0 0 0 2px color-mix(in srgb, var(--rtn) 15%, transparent);
	animation:rtnRim 2.8s ease-in-out infinite;
}
/* inslag-flits op het moment dat het item vrijkomt */
.rtn__flash
{
	position:absolute;
	inset:0;
	z-index:88;
	pointer-events:none;
	background:var(--rtn-soft);
	animation:rtnWhite .5s ease-out forwards;
}
.rtn__body
{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:calc(30px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));
	box-sizing:border-box;
	overflow:hidden;
}
/* lage toestellen (≤ 700px): machine en ladder iets compacter zodat de voet
   met de twee knoppen in beeld blijft — zelfde les als de wheel/streak-voeten */
@media (max-height: 700px)
{
	.rtn_machine { margin-top:8px; transform:scale(.86); transform-origin:top center; height:176px; }
	.rtn_naam b { font-size:22px; }
	.rtn_stats__rij { padding:6px 2px; }
	.rtn_ladder, .rtn_stats { margin-top:8px; }
}

/* ---- kop ------------------------------------------------- */
.rtn__kop
{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	animation:rtnIn .45s ease-out forwards;
}
.rtn__welcome
{
	font-family:'p';
	font-size:9.5px;
	letter-spacing:2px;
	opacity:.5;
}
.rtn__titel
{
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:1px;
	font-family:'headers';
	font-size:17px;
	letter-spacing:2.5px;
	color:var(--rtn);
	text-shadow:0 2px black, 0 0 18px color-mix(in srgb, var(--rtn) 45%, transparent);
}
.rtn__titel:before,
.rtn__titel:after
{
	content:'';
	width:26px;
	height:1px;
	background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rtn) 65%, transparent));
}
.rtn__titel:after { transform:rotate(180deg); }
.rtn__away
{
	font-family:'p';
	font-size:9.5px;
	letter-spacing:1px;
	opacity:.45;
	margin-top:2px;
}

/* ---- machine --------------------------------------------- */
.rtn_machine
{
	position:relative;
	width:210px;
	height:200px;
	margin-top:24px;
	display:flex;
	justify-content:center;
	animation:rtnMachineIn .55s cubic-bezier(.2,1.1,.3,1) forwards;
}
.rtn_machine__platform
{
	height:200px;
	width:auto;
	display:block;
	position:relative;
	z-index:2;
	animation:rtnLid .6s .45s ease-in-out forwards;
}
/* glazen buis + leeglopende vloeistof (zelfde recept als .lane__tube) */
.rtn_machine__tube
{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:13%;
	height:72%;
	width:32%;
	border-radius:12px;
	overflow:hidden;
	z-index:1;
}
.rtn_machine__glas
{
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(90deg, #00000080 0%, #00000024 16%, transparent 38%, #ffffff47 50%, transparent 62%, #00000024 84%, #00000080 100%),
	           linear-gradient(#3b2a63 0%, #2a1b4c 100%);
	box-shadow:inset 0 10px 16px #ffffff1f;
}
.rtn_machine__vloeistof
{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	z-index:2;
	background:linear-gradient(var(--rtn-soft) 0%, var(--rtn) 55%, var(--rtn-deep) 100%);
	box-shadow:0 0 16px var(--rtn);
	mask-image:linear-gradient(transparent 0, #000 11%);
	animation:rtnDrain .6s .4s cubic-bezier(.4,0,.6,1) forwards;
}
.rtn_machine__scan
{
	position:absolute;
	left:0;
	right:0;
	height:26px;
	z-index:3;
	background:linear-gradient(transparent, color-mix(in srgb, var(--rtn) 65%, transparent), transparent);
	animation:buildScan 2.6s linear infinite;
	pointer-events:none;
}
/* lichtbundel die uit de buis omhoog schijnt */
.rtn_machine__beam
{
	position:absolute;
	left:50%;
	bottom:46%;
	width:130px;
	height:132px;
	transform-origin:bottom center;
	background:linear-gradient(to top, color-mix(in srgb, var(--rtn) 50%, transparent), transparent 80%);
	clip-path:polygon(40% 100%, 60% 100%, 100% 0, 0 0);
	filter:blur(3px);
	pointer-events:none;
	z-index:1;
	animation:rtnBeam .8s ease-out forwards, rtnBeamFlicker 2.6s .8s ease-in-out infinite;
}
/* platform-schijf: pulserende energie-ellips + hete kern */
.rtn_machine__disc,
.rtn_machine__core
{
	position:absolute;
	left:50%;
	top:186px;
	z-index:3;
	pointer-events:none;
	border-radius:50%;
}
.rtn_machine__disc
{
	width:140px;
	height:32px;
	margin:-16px 0 0 -70px;
	border:1px dashed color-mix(in srgb, var(--rtn) 45%, transparent);
	box-shadow:0 0 22px color-mix(in srgb, var(--rtn) 25%, transparent), inset 0 0 18px color-mix(in srgb, var(--rtn) 20%, transparent);
	animation:rtnDiscPulse 1.9s ease-in-out infinite;
}
.rtn_machine__core
{
	width:88px;
	height:21px;
	margin:-10px 0 0 -44px;
	background:radial-gradient(closest-side, var(--rtn-soft), transparent 72%);
	animation:rtnDiscPulse 1.3s ease-in-out infinite;
}
/* opstijgende lichtdeeltjes uit de schijf */
.rtn_machine__motes,
.rtn_burst,
.rtn_shards
{
	position:absolute;
	left:50%;
	width:0;
	height:0;
	z-index:5;
	pointer-events:none;
}
.rtn_machine__motes { top:186px; }
.rtn_machine__motes i
{
	position:absolute;
	border-radius:50%;
	background:var(--rtn-soft);
	box-shadow:0 0 9px var(--rtn);
	animation:rtnMote 2.6s linear infinite;
}
/* elektrische bogen rond de kamer */
.rtn_machine__arc
{
	position:absolute;
	left:50%;
	border-radius:50%;
	filter:drop-shadow(0 0 6px var(--rtn));
	z-index:3;
	pointer-events:none;
	animation:rtnArc 1.5s ease-in-out infinite;
}
.rtn_machine__arc--1 { top:120px; width:88px;  height:88px;  margin:-44px 0 0 -44px; border-top:2px solid var(--rtn-soft); --r:-28deg; }
.rtn_machine__arc--2 { top:132px; width:104px; height:104px; margin:-52px 0 0 -52px; border-bottom:2px solid var(--rtn); --r:24deg; animation-duration:1.9s; animation-delay:.6s; }
/* glas splijt in twee helften zodra het item vrijkomt */
.rtn_machine__glasdeur
{
	position:absolute;
	left:50%;
	top:26px;
	width:64px;
	height:144px;
	margin-left:-32px;
	z-index:4;
	pointer-events:none;
}
.rtn_machine__glasdeur i
{
	position:absolute;
	top:0;
	width:32px;
	height:100%;
	background:linear-gradient(90deg, #ffffff40 0%, #ffffff14 60%, transparent 100%), linear-gradient(#3b2a63, #2a1b4c);
	box-shadow:inset 0 10px 16px #ffffff1f;
}
.rtn_machine__glasdeur i:first-child { left:0;  transform-origin:bottom right; border-radius:12px 0 0 12px; animation:rtnGlassL .6s cubic-bezier(.3,0,.5,1) forwards; }
.rtn_machine__glasdeur i:last-child  { right:0; transform-origin:bottom left;  border-radius:0 12px 12px 0; animation:rtnGlassR .6s cubic-bezier(.3,0,.5,1) forwards; }
/* schokgolf over de schijf */
.rtn_machine__golf
{
	position:absolute;
	left:50%;
	top:186px;
	width:150px;
	height:36px;
	margin:-18px 0 0 -75px;
	border-radius:50%;
	border:2px solid var(--rtn);
	box-shadow:0 0 22px color-mix(in srgb, var(--rtn) 50%, transparent);
	z-index:4;
	pointer-events:none;
	animation:rtnDisc .9s ease-out forwards;
}
.rtn_machine__golf--2 { border:1px solid #ffffff80; box-shadow:none; animation-duration:1.15s; animation-delay:.22s; }
/* glasscherven bij het leeglopen */
.rtn_shards { top:56%; z-index:3; }
.rtn_shards i
{
	position:absolute;
	border-radius:1px;
	background:var(--rtn-soft);
	box-shadow:0 0 8px var(--rtn);
	animation:rtnShard 1.15s ease-in forwards;
}
/* het item zelf: stijgt op, draait bij en blijft zweven */
.rtn_item
{
	position:absolute;
	left:50%;
	z-index:4;
	transform:translate(-50%, 0);
	filter:drop-shadow(0 0 26px var(--rtn)) drop-shadow(0 0 60px color-mix(in srgb, var(--rtn) 40%, transparent));
	animation:rtnRise .85s cubic-bezier(.2,1.25,.35,1) forwards, rtnFloat 2.6s 1s ease-in-out infinite;
}
.rtn.is-cube   .rtn_item { top:42%; width:70px; }
.rtn.is-island .rtn_item { top:38%; width:112px; }
.rtn_halo
{
	position:absolute;
	left:50%;
	width:210px;
	height:210px;
	margin:-105px 0 0 -105px;
	border-radius:50%;
	background:radial-gradient(closest-side, color-mix(in srgb, var(--rtn) 30%, transparent), transparent 70%);
	animation:rtnHalo 2.2s ease-in-out infinite;
	pointer-events:none;
}

/* ---- burst ------------------------------------------------ */
/* anker = het MIDDELPUNT van het gestegen item; alles eromheen wordt met
   een negatieve margin gecentreerd — nooit met translate(-50%) ín de
   animatie, want dan schuift de ring tijdens het schalen weg. */
.rtn_rays
{
	position:absolute;
	left:50%;
	width:340px;
	height:340px;
	margin:-170px 0 0 -170px;
	z-index:3;
	pointer-events:none;
	background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rtn) 35%, transparent) 0deg 5deg, transparent 5deg 22deg);
	mask-image:radial-gradient(closest-side, transparent 16%, #000 44%, transparent 80%);
	animation:rtnRays 1.2s ease-out forwards;
}
.rtn_burst__ring
{
	position:absolute;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	border-radius:50%;
	border:2px solid var(--rtn);
	animation:rtnRing .8s ease-out forwards;
}
.rtn_burst__ring--2 { border:1px solid #ffffff80; animation-duration:1.05s; animation-delay:.18s; }
.rtn_burst i
{
	position:absolute;
	border-radius:50%;
	background:var(--rtn-soft);
	box-shadow:0 0 10px var(--rtn);
	animation:rtnSpark 1.2s ease-out forwards;
}
.rtn_twinkles i
{
	position:absolute;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 12px #fff, 0 0 22px var(--rtn);
	animation:rtnTwinkle 1.7s ease-in-out infinite;
}

/* ---- naam + stempel --------------------------------------- */
.rtn_naam
{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:7px;
	margin-top:-16px;
	animation:rtnIn .4s ease-out forwards;
}
.rtn_naam b
{
	font-family:'headers';
	font-size:28px;
	font-weight:normal;
	text-shadow:0 2px black, 0 0 22px color-mix(in srgb, var(--rtn) 50%, transparent);
}
.rtn_naam__rij
{
	display:flex;
	align-items:center;
	gap:9px;
	font-family:'p';
	font-size:11px;
	letter-spacing:1px;
}
.rtn_naam__van { opacity:.4; }
.rtn_stempel
{
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	gap:6px;
	font-family:'headers';
	font-size:17px;
	padding:4px 12px 6px;
	border-radius:9px;
	color:#0b0318;
	background:linear-gradient(var(--rtn-soft), var(--rtn));
	box-shadow:0 0 22px color-mix(in srgb, var(--rtn) 50%, transparent), inset 0 -3px var(--rtn-deep);
	animation:rtnStamp .55s cubic-bezier(.2,1.4,.3,1) forwards;
}
.rtn_stempel i
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:linear-gradient(90deg, #ffffff00, #ffffffb3, #ffffff00);
	pointer-events:none;
	animation:rtnSheen 2.6s 1s linear infinite;
}
.rtn_stempel i { width:26px; }

/* ---- ladder + stats --------------------------------------- */
.rtn_ladder,
.rtn_stats
{
	width:100%;
	margin-top:12px;
	animation:rtnIn .4s ease-out forwards;
}
.rtn_ladder u.next
{
	position:relative;
	overflow:hidden;
	background:#2a1348;
}
.rtn_ladder u.next i
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background:var(--rtn);
	box-shadow:0 0 10px var(--rtn);
	animation:rtnFill .5s ease-out forwards;
}
.rtn_stats { display:flex; flex-direction:column; }
.rtn_stats__rij
{
	display:flex;
	align-items:center;
	gap:10px;
	padding:9px 2px;
	border-bottom:1px solid #ffffff14;
}
.rtn_stats__rij span
{
	flex:1;
	min-width:0;
	/* body{text-align:center} van de app: het label hoort links, de waarde rechts */
	text-align:left;
	font-family:'p';
	font-size:12px;
	color:#ffffffd6;
}
.rtn_stats__rij b
{
	margin-left:auto;
	text-align:right;
	white-space:nowrap;
	font-family:'headers';
	font-size:13px;
	font-weight:normal;
	font-variant-numeric:tabular-nums;
}
.rtn_stats__rij b u { text-decoration:none; opacity:.45; }
.rtn_stats__rij b i { font-style:normal; color:var(--rtn); }

/* ---- voet -------------------------------------------------- */
.rtn_voet
{
	width:100%;
	margin-top:auto;
	display:flex;
	flex-direction:column;
	gap:9px;
	animation:rtnIn .4s ease-out forwards;
}
.rtn_voet__hint
{
	font-family:'p';
	font-size:9.5px;
	text-align:center;
	color:var(--rtn);
	opacity:.85;
}
.rtn_voet .cl-btn-frame { width:100%; box-sizing:border-box; }
.rtn_cta { display:block; }
.rtn_cta > span { display:flex; align-items:center; justify-content:center; gap:7px; }
/* de glans-veeg van het ontwerp bovenop de dock-knop (::before is de vaste glans) */
.rtn_cta i
{
	position:absolute;
	top:0;
	left:0;
	width:56px;
	height:100%;
	background:linear-gradient(90deg, #ffffff00, #ffffffb3, #ffffff00);
	pointer-events:none;
	animation:rtnSheen 2.8s 1.6s linear infinite;
}
.rtn_later
{
	width:100%;
	box-sizing:border-box;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
}
/* energie die naar de saldo-pil vliegt (island) */
.rtn_fly
{
	position:fixed;
	z-index:10001;
	width:0;
	height:0;
	pointer-events:none;
}
.rtn_fly img
{
	position:absolute;
	animation:rtnFly 1.2s ease-in forwards;
}

/* lane die na COLLECT wordt aangewezen */
.rtn_lane_ring
{
	position:absolute;
	inset:-2px;
	border-radius:18px;
	border:2px solid #7CFC00;
	box-shadow:0 0 30px #7CFC0080;
	animation:rtnHalo 1s ease-in-out 3;
	pointer-events:none;
	z-index:5;
}

/* ---- keyframes --------------------------------------------- */
@keyframes rtnVeil        { from { opacity:0 } to { opacity:1 } }
@keyframes rtnMachineIn   { 0% { transform:translateY(70px) scale(.82); opacity:0 } 60% { opacity:1 } 100% { transform:translateY(0) scale(1); opacity:1 } }
@keyframes rtnDrain       { 0% { height:100%; opacity:1 } 70% { opacity:.9 } 100% { height:0%; opacity:.25 } }
@keyframes rtnLid         { 0% { transform:translateY(0) } 100% { transform:translateY(9px) } }
@keyframes rtnRise        { 0% { transform:translate(-50%,14px) scale(.45) rotate(-14deg); opacity:.1 } 40% { opacity:1 } 72% { transform:translate(-50%,-88px) scale(1.58) rotate(6deg) } 100% { transform:translate(-50%,-78px) scale(1.45) rotate(0deg); opacity:1 } }
@keyframes rtnFloat       { 0%,100% { transform:translate(-50%,-78px) scale(1.45) rotate(-3.5deg) } 50% { transform:translate(-50%,-90px) scale(1.45) rotate(3.5deg) } }
@keyframes rtnBeam        { 0% { opacity:0; transform:translateX(-50%) scaleY(.15) } 35% { opacity:.95 } 100% { opacity:.6; transform:translateX(-50%) scaleY(1) } }
@keyframes rtnBeamFlicker { 0%,100% { opacity:.42 } 50% { opacity:.78 } }
@keyframes rtnRays        { 0% { transform:scale(.25) rotate(0deg); opacity:0 } 18% { opacity:.9 } 100% { transform:scale(1.6) rotate(42deg); opacity:0 } }
@keyframes rtnRing        { 0% { transform:scale(.15); opacity:.85 } 100% { transform:scale(2.1); opacity:0 } }
@keyframes rtnWhite       { 0% { opacity:0 } 12% { opacity:.5 } 100% { opacity:0 } }
@keyframes rtnSpark       { 0% { transform:translate(0,0) scale(.35); opacity:0 } 14% { opacity:1 } 100% { transform:translate(var(--dx),var(--dy)) scale(.12); opacity:0 } }
@keyframes rtnShard       { 0% { transform:translate(0,0) rotate(0deg); opacity:0 } 10% { opacity:1 } 100% { transform:translate(var(--dx),var(--dy)) rotate(var(--rot,200deg)); opacity:0 } }
@keyframes rtnTwinkle     { 0%,100% { transform:scale(.35); opacity:.15 } 50% { transform:scale(1); opacity:1 } }
@keyframes rtnStamp       { 0% { transform:scale(2.8); opacity:0 } 45% { transform:scale(1); opacity:1 } 60% { transform:scale(1.1) } 100% { transform:scale(1); opacity:1 } }
@keyframes rtnRim         { 0%,100% { opacity:.25 } 50% { opacity:.75 } }
@keyframes rtnSheen       { 0% { transform:translateX(-170%) } 100% { transform:translateX(520%) } }
@keyframes rtnGlassL      { 0% { transform:translateX(0) rotate(0deg); opacity:.85 } 100% { transform:translateX(-30px) rotate(-18deg); opacity:0 } }
@keyframes rtnGlassR      { 0% { transform:translateX(0) rotate(0deg); opacity:.85 } 100% { transform:translateX(30px) rotate(18deg); opacity:0 } }
@keyframes rtnDisc        { 0% { transform:scale(.25); opacity:.95 } 100% { transform:scale(2.4); opacity:0 } }
@keyframes rtnDiscPulse   { 0%,100% { opacity:.35; transform:scale(.96) } 50% { opacity:.85; transform:scale(1.04) } }
@keyframes rtnMote        { 0% { transform:translateY(0) scale(.5); opacity:0 } 20% { opacity:.9 } 100% { transform:translateY(-128px) scale(.15); opacity:0 } }
@keyframes rtnArc         { 0%,100% { opacity:0; transform:rotate(var(--r,0deg)) scale(1) } 35% { opacity:.95 } 55% { opacity:.15; transform:rotate(var(--r,0deg)) scale(1.06) } 75% { opacity:.7 } }
@keyframes rtnHalo        { 0%,100% { opacity:.4; transform:scale(1) } 50% { opacity:.9; transform:scale(1.08) } }
@keyframes rtnIn          { 0% { transform:translateY(16px); opacity:0 } 100% { transform:translateY(0); opacity:1 } }
@keyframes rtnFill        { from { width:0% } to { width:100% } }
@keyframes rtnFly         { 0% { transform:translate(0,0) scale(1); opacity:0 } 12% { opacity:1 } 100% { transform:translate(var(--dx),var(--dy)) scale(.28); opacity:0 } }

/* goedkope toestellen / voorkeur: alles blijft leesbaar, niets beweegt */
@media (prefers-reduced-motion: reduce)
{
	.rtn *
	{
		animation:none !important;
	}
	.rtn_machine__beam,
	.rtn_machine__motes,
	.rtn_machine__arc,
	.rtn_shards,
	.rtn_rays,
	.rtn_burst,
	.rtn_twinkles,
	.rtn__flash
	{
		display:none;
	}
	.rtn_item { transform:translate(-50%,-78px) scale(1.45); }
	.rtn_ladder u.next i { width:100%; }
}

/* ---- fonts + ontwerp-details (feedback 15 sep) ---------------- */
/* de globale :not(input){font-family:font3} verslaat overerving op geneste
   spans/b/u/i (zelfde les als de pass-pil): elk blad krijgt zijn font expliciet */
.rtn .rtn__welcome, .rtn .rtn__away, .rtn .rtn_naam__rij, .rtn .rtn_naam__rij > span:not(.rtn_stempel), .rtn .rtn_voet__hint,
.rtn .rtn_stats__rij span, .rtn .island_ladder__head, .rtn .island_ladder__head span, .rtn .island_ladder__head small,
.rtn .rtn_ladder__rij, .rtn .rtn_ladder__rij small
{
	font-family:'p';
}
.rtn .rtn__titel, .rtn .rtn_naam b, .rtn .rtn_naam__rij .rtn_stempel, .rtn .rtn_stats__rij b, .rtn .rtn_stats__rij b u, .rtn .rtn_stats__rij b i,
.rtn .island_ladder__head b, .rtn .rtn_ladder__rij b, .rtn .rtn_cta, .rtn .rtn_cta > span, .rtn .rtn_later
{
	font-family:'headers';
}
/* cube: compacte ladder op één regel (ontwerp: CUBE LEVEL 3 of 6 + kleine segmenten rechts) */
.rtn.is-cube .rtn_ladder__rij
{
	display:flex;
	align-items:baseline;
	gap:6px;
	font-size:9px;
	letter-spacing:1.5px;
	opacity:.9;
}
.rtn.is-cube .rtn_ladder__rij > span:first-child { opacity:.55; }
.rtn.is-cube .rtn_ladder__rij b { font-size:18px; letter-spacing:0; color:var(--rtn); text-shadow:0 1px black; }
.rtn.is-cube .rtn_ladder__rij small { font-size:9.5px; letter-spacing:0; opacity:.6; }
.rtn.is-cube .rtn_ladder__rij .island_ladder { margin:0 0 0 auto; align-self:center; min-width:96px; max-width:42%; gap:3px; }
.rtn.is-cube .rtn_ladder__rij .island_ladder u { height:9px; }
/* eiland-stempel met tier-pips, zoals het ontwerp ("WIND I •••") */
.rtn_stempel__pips { display:flex; gap:3px; }
.rtn_stempel__pips i { position:static; width:5px; height:5px; border-radius:50%; background:#06182b40; animation:none; }
.rtn_stempel__pips i.aan { background:#06182b; }
.rtn.is-cube .rtn_stempel__pips i { background:#0b031840; }
.rtn.is-cube .rtn_stempel__pips i.aan { background:#0b0318; }
/* rijen zonder verandering (magic power, volgende upgrade): één waarde, geen pijl */
.rtn_stats__rij b em { font-style:normal; font-family:'headers'; color:#ffffffd6; }