/* ARCANIS V9.00 – Persönliche Magierprofile */
#tab-profile.amp-profile-tab{padding-bottom:42px}
.amp-shell{--amp-gold:#e5bd66;--amp-line:rgba(229,189,102,.28);--amp-panel:rgba(6,10,17,.88);display:grid;gap:18px;max-width:1280px;margin:0 auto}
.amp-loading,.amp-login{min-height:430px;display:grid;place-items:center;text-align:center;border:1px solid var(--amp-line);border-radius:22px;background:radial-gradient(circle at 50% 15%,rgba(75,135,180,.16),transparent 45%),rgba(3,7,12,.78);padding:34px}
.amp-login-rune{font-size:64px;color:var(--amp-gold);filter:drop-shadow(0 0 18px rgba(229,189,102,.45))}
.amp-login h2{font-family:Georgia,serif;color:#f2d58b;font-size:clamp(26px,4vw,48px);margin:10px 0}
.amp-login p{max-width:620px;color:#aab7c4;line-height:1.6}
.amp-hero{position:relative;overflow:hidden;min-height:390px;border:1px solid var(--amp-line);border-radius:24px;box-shadow:0 24px 70px #000b,inset 0 1px rgba(255,255,255,.05);isolation:isolate}
.amp-hero::before,.amp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.amp-bg-hall::before{background:radial-gradient(circle at 76% 20%,rgba(74,153,208,.28),transparent 34%),linear-gradient(125deg,#070b13 8%,#11192a 53%,#07070d)}
.amp-bg-runes::before{background:radial-gradient(circle at 50% 38%,rgba(58,216,238,.25),transparent 30%),repeating-radial-gradient(circle at 50% 44%,transparent 0 42px,rgba(87,203,230,.08) 44px 46px),linear-gradient(135deg,#04080e,#10202a 58%,#05070b)}
.amp-bg-forest::before{background:radial-gradient(circle at 72% 22%,rgba(98,223,133,.23),transparent 32%),linear-gradient(125deg,#030806,#0a2118 52%,#040908)}
.amp-bg-astral::before{background:radial-gradient(circle at 72% 20%,rgba(185,96,255,.34),transparent 32%),radial-gradient(circle at 28% 70%,rgba(54,164,255,.2),transparent 28%),linear-gradient(135deg,#070511,#15102a 55%,#06050d)}
.amp-bg-oracle::before{background:radial-gradient(circle at 50% 18%,rgba(255,221,119,.3),transparent 28%),linear-gradient(125deg,#0b0804,#241707 53%,#080604)}
.amp-hero::after{background:linear-gradient(90deg,rgba(3,6,10,.2),rgba(3,6,10,.84) 68%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}
.amp-hero-grid{min-height:390px;display:grid;grid-template-columns:minmax(300px,430px) 1fr;align-items:center;gap:38px;padding:34px clamp(22px,4vw,58px)}
.amp-avatar-stage{display:grid;place-items:center;position:relative;min-height:300px}
.amp-avatar-ring{width:clamp(210px,24vw,310px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(50,87,111,.7),rgba(3,8,13,.94) 68%);box-shadow:0 20px 60px #000c,inset 0 0 40px rgba(88,187,230,.18)}
.amp-avatar-ring::before,.amp-avatar-ring::after{content:"";position:absolute;border-radius:50%;inset:-12px;border:3px solid #a9792f;box-shadow:0 0 28px rgba(229,189,102,.25),inset 0 0 18px rgba(229,189,102,.18)}
.amp-avatar-ring::after{inset:11px;border-width:1px;border-style:dashed;opacity:.58;animation:amp-spin 22s linear infinite}
.amp-avatar-icon{font-size:clamp(92px,10vw,142px);filter:drop-shadow(0 12px 18px #000)}
.amp-frame-sapphire::before{border-color:#70c8ff;box-shadow:0 0 34px rgba(80,190,255,.55),inset 0 0 18px rgba(80,190,255,.3)}
.amp-frame-emerald::before{border-color:#6ce9a0;box-shadow:0 0 34px rgba(72,226,140,.48),inset 0 0 18px rgba(72,226,140,.28)}
.amp-frame-arcane::before{border-color:#cb8cff;box-shadow:0 0 38px rgba(190,104,255,.58),inset 0 0 20px rgba(190,104,255,.32)}
.amp-frame-oracle::before{border-color:#ffe39a;border-width:5px;box-shadow:0 0 44px rgba(255,213,102,.72),inset 0 0 24px rgba(255,213,102,.32)}
.amp-identity small{display:block;color:#77cde9;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.amp-identity h2{font:700 clamp(35px,5vw,70px)/1 Georgia,serif;margin:10px 0 7px;color:#f7e5b5;text-shadow:0 4px 24px #000}
.amp-title{font:700 clamp(18px,2vw,27px) Georgia,serif;color:var(--amp-gold);margin:0 0 18px}
.amp-rank-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.amp-rank,.amp-level{border:1px solid var(--amp-line);border-radius:999px;background:rgba(3,7,12,.62);padding:8px 13px;color:#dce9ef;font-weight:800;font-size:13px}
.amp-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}
.amp-stat{min-height:122px;border:1px solid var(--amp-line);border-radius:17px;background:linear-gradient(145deg,rgba(10,17,27,.92),rgba(3,7,12,.9));padding:17px;box-shadow:0 13px 35px #0007}
.amp-stat span{display:block;color:#88a0af;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}
.amp-stat strong{display:block;margin-top:9px;color:#f5dc9a;font:700 clamp(24px,3vw,38px) Georgia,serif}
.amp-stat small{display:block;margin-top:5px;color:#8db9c7}
.amp-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.amp-panel{border:1px solid var(--amp-line);border-radius:20px;background:linear-gradient(145deg,rgba(9,15,24,.92),rgba(3,7,12,.92));padding:20px;box-shadow:0 16px 42px #0008}
.amp-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}
.amp-panel h3{margin:0;color:#efd18a;font:700 22px Georgia,serif}
.amp-panel p{margin:4px 0 0;color:#8fa5b4;font-size:13px}
.amp-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}
.amp-choice{position:relative;min-height:104px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(4,9,15,.72);color:#dce8ed;padding:12px;text-align:left;cursor:pointer;transition:.18s ease}
.amp-choice:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(229,189,102,.6)}
.amp-choice.selected{border-color:#efc66b;box-shadow:0 0 0 2px rgba(239,198,107,.18),0 0 24px rgba(239,198,107,.14);background:linear-gradient(145deg,rgba(53,39,16,.56),rgba(4,9,15,.83))}
.amp-choice:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.4)}
.amp-choice-icon{font-size:32px;display:block;margin-bottom:7px}
.amp-choice b{display:block;color:#f3ddb0;font-size:13px}
.amp-choice small{display:block;color:#8196a3;font-size:11px;margin-top:3px;line-height:1.3}
.amp-lock{position:absolute;right:8px;top:7px;font-size:13px}
.amp-background-preview{height:60px;border-radius:9px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}
.amp-background-preview::before{content:"";position:absolute;inset:0;background:var(--preview)}
.amp-editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;grid-column:1/-1}
.amp-save-status{color:#8fb4c3;font-size:13px}
.amp-save-status.error{color:#ff9a87}
.amp-save{min-width:220px}
@keyframes amp-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.amp-stat-grid{grid-template-columns:repeat(3,1fr)}.amp-hero-grid{grid-template-columns:320px 1fr}.amp-editor{grid-template-columns:1fr}}
@media(max-width:720px){#tab-profile.amp-profile-tab{padding:8px}.amp-hero-grid{grid-template-columns:1fr;text-align:center;padding:24px 16px}.amp-avatar-stage{min-height:230px}.amp-avatar-ring{width:205px}.amp-rank-row{justify-content:center}.amp-stat-grid{grid-template-columns:repeat(2,1fr)}.amp-stat:last-child{grid-column:1/-1}.amp-panel{padding:15px}.amp-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amp-editor-actions{flex-direction:column}.amp-save{width:100%}}

.amp-avatar-image{
  width:84%;
  height:84%;
  object-fit:cover;
  border-radius:50%;
  display:block;
  box-shadow:0 14px 30px rgba(0,0,0,.45);
}

.amp-choice-avatar-thumb{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  margin:0 auto 8px auto;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.35);
}

.amp-account-avatar{
  width:30px;
  height:30px;
  object-fit:cover;
  border-radius:50%;
  display:block;
}
/* Account-Avatar oben rechts */
#accountBtn{
  width:56px;
  height:56px;
  padding:4px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:18px; /* passend zum Kästchen */
  box-sizing:border-box;
}

#accountBtn .amp-account-avatar{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:14px; /* nicht rund wie Kreis, sondern passend zum Kästchen */
}
#game .opponent .opp-avatar, #game .arcanis-own-profile #heroAvatar {
  left: 18.2% !important;
  top: 61% !important;
  width: 20.8% !important;
  height: 45% !important;
  background: radial-gradient(circle at 48% 42%,rgba(31,116,144,.98),rgba(5,34,52,.98) 58%,rgba(2,12,23,.92) 72%,transparent 73%) !important;
  box-shadow: inset 0 0 22px rgba(66,223,255,.30),0 0 13px rgba(42,203,244,.18) !important;
}