/* ═══════════════════════════════════════════════════════════════
   Spieler-Rahmen – die neun Ringrahmen aus Blatt 14 (Migration 0011)
   ---------------------------------------------------------------
   EINE Quelle für Spiel (index.html) und Profil (profil.html). Je Rahmen
   zwei Werte, beide Rechengrößen und keine Zierde:

   --rahmen-f    Faktor = Bildkante ÷ Öffnungsdurchmesser. Der Ring wird auf
                 Kreisgröße × Faktor gezeichnet, dann umschließt seine Öffnung
                 den Avatarkreis genau. GEMESSEN (App/design_handoff_iphone_app,
                 „Die neun Rahmen mit Faktor") – geschätzt sitzt er entweder
                 im Kreis oder verdeckt ihn.
   --rahmen-img  die 256-px-Fassung; sie reicht für die 84-px-Vorschau im
                 Profil und den 40-px-Sitz im Spiel bei doppelter Pixeldichte.

   Die Werte hängen an zwei Selektoren: an <html data-player-frame="…">
   (das Spiel; gesetzt von auth/game-auth.js, vererbt bis zum eigenen
   Avatarkreis) und an .rahmen-<id> (die Vorschaukacheln im Profil).
   Gezeichnet wird in style.css (#my-avatar-circle::after) und profil.css
   (.sw-player_frame). Ein neuer Rahmen braucht hier nur seine eine Zeile –
   plus die Katalogzeile in Supabase (Premium, s. Migration 0014).

   Ab welcher Kreisgröße ein Ring trägt (Handoff: 34 px die fünf schmalen bis
   Faktor 1,72 · 40 px Eisdrache und Kronleuchter · 60 px Drachenflügel und
   Phönix), entscheidet die zeichnende Stelle: style.css am eigenen Sitz,
   das Profil zeigt alle neun.
   ═══════════════════════════════════════════════════════════════ */
html[data-player-frame="nieten"],         .rahmen-nieten         { --rahmen-f:1.222; --rahmen-img:url('img/rahmen/nieten-md.webp'); }
html[data-player-frame="zahnrad"],        .rahmen-zahnrad        { --rahmen-f:1.355; --rahmen-img:url('img/rahmen/zahnrad-md.webp'); }
html[data-player-frame="tentakel"],       .rahmen-tentakel       { --rahmen-f:1.593; --rahmen-img:url('img/rahmen/tentakel-md.webp'); }
html[data-player-frame="rohr"],           .rahmen-rohr           { --rahmen-f:1.721; --rahmen-img:url('img/rahmen/rohr-md.webp'); }
html[data-player-frame="himmelstor"],     .rahmen-himmelstor     { --rahmen-f:1.702; --rahmen-img:url('img/rahmen/himmelstor-md.webp'); }
html[data-player-frame="eisdrache"],      .rahmen-eisdrache      { --rahmen-f:1.859; --rahmen-img:url('img/rahmen/eisdrache-md.webp'); }
html[data-player-frame="kronleuchter"],   .rahmen-kronleuchter   { --rahmen-f:2.194; --rahmen-img:url('img/rahmen/kronleuchter-md.webp'); }
html[data-player-frame="drachenfluegel"], .rahmen-drachenfluegel { --rahmen-f:2.527; --rahmen-img:url('img/rahmen/drachenfluegel-md.webp'); }
html[data-player-frame="phoenix"],        .rahmen-phoenix        { --rahmen-f:3.356; --rahmen-img:url('img/rahmen/phoenix-md.webp'); }