/* phone.css: settings, save slots/export, result screen, install/update cards, Doctore onboarding, juice (gold +N, training arrows, ceremony). */
#setdlg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:min(94vw,420px);max-height:86vh;overflow:auto;text-align:left;color:#3b2812;animation-name:lk-upc;padding-bottom:12px}
#setdlg h3{margin:12px 0 4px;font-family:Cinzel,serif;font-size:14px;border-bottom:1px solid #8a6a3a55}#setdlg small{display:block;font-size:12px;opacity:.8;margin:2px 0}
#setdlg .seg,#setdlg .row{display:flex;gap:6px;margin:4px 0;flex-wrap:wrap}#setdlg .seg .btn,#setdlg .row .btn{flex:1;min-height:44px}#setdlg #aud{display:flex;flex-direction:column;gap:6px}
.slots{display:flex;flex-direction:column;gap:4px}.slot{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #8a6a3a66;border-radius:6px;background:#fff6}
.slot.on{border-color:#c48a2a;box-shadow:inset 0 0 0 1px #f2c55e}.slot span{flex:1;font-size:13px}.slot em{font-size:12px;color:#7a5a20}.slot .btn{min-height:40px}
#setdlg textarea{width:100%;box-sizing:border-box;font:12px/1.3 ui-monospace,monospace;border-radius:6px;border:1px solid #8a6a3a;padding:6px;background:#fffaf0;color:#2a1608}
#setdlg .ok{color:#2f5a1e}#setdlg .err{color:#8e2a1c;font-weight:700}#setdlg .pers{font-size:13px}#setdlg .pers .btn{min-height:36px;padding:2px 10px}
/* result screen */
#res{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;width:min(92vw,400px);padding:14px 16px 12px;border-radius:12px;color:#f3e6c4;text-align:left;
 background:linear-gradient(#2a1a0ef2,#160d06f2);border:2px solid #c48a2a;box-shadow:0 10px 40px #000c;animation-name:lk-upc;cursor:pointer}
#res.loss{border-color:#7a3a2a}#res h2{margin:0 0 4px;font:700 26px Cinzel,serif;color:#f6d27a;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}#res.loss h2{color:#e2a08a}
#res h2 small{font:400 14px Alegreya,serif;color:#e8d7b4}#res .vs{margin:0 0 8px;font-size:15px}#res .vs span{float:right;font-size:12px;opacity:.8;font-family:Cinzel,serif}
#res dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 8px;padding:8px 0;border-top:1px solid #c48a2a55;border-bottom:1px solid #c48a2a55}
#res dt{font-family:Cinzel,serif;font-size:13px;opacity:.85}#res dd{margin:0;font-weight:700}#res dd small{font-weight:400;opacity:.75;margin-left:6px}
#res .why,#res .hi{margin:4px 0;font-size:14px;line-height:1.35}#res .hi{opacity:.85;font-style:italic}#res .btn{width:100%;margin-top:8px;min-height:46px}
/* cards: install invite / iOS help, level ceremony, update notice (the lord's letter uses ladder.css .letter) */
.pcard{position:fixed;left:50%;transform:translateX(-50%);z-index:8;width:min(90vw,380px);padding:12px 14px;border-radius:10px;background:linear-gradient(#f3e6c4,#e6d2a2);color:#2a1608;
 border:2px solid #8a6a3a;box-shadow:0 8px 28px #000a;bottom:calc(96px + env(safe-area-inset-bottom))}.pcard p{margin:6px 0;font-size:14px}.pcard .row{display:flex;gap:6px}.pcard .row .btn{flex:1;min-height:44px}
.pcard .ish{font-weight:700;border:1px solid #8a6a3a;border-radius:4px;padding:0 4px}.pcard>.btn{width:100%;min-height:44px}
.cer{top:22%;bottom:auto;text-align:center;cursor:pointer}.cer b{display:block;font:700 28px Cinzel,serif;color:#8e2a1c}.cer span{font-size:12px}.cer small{display:block;font-size:12px;opacity:.75}.cer .tap{margin-top:6px}
#tlet .lp p{font-size:16px}
#upd{position:fixed;left:50%;top:calc(62px + env(safe-area-inset-top));transform:translateX(-50%);z-index:12;min-height:44px;padding:8px 16px;font-size:14px;white-space:nowrap}
/* onboarding */
.tut{bottom:calc(92px + env(safe-area-inset-bottom));padding:10px 12px}.tut b{font-family:Cinzel,serif;font-size:13px;color:#7a2a1a}.tut p{margin:3px 0 6px;font-size:15px;line-height:1.3}
.tut.top{top:calc(62px + env(safe-area-inset-top));bottom:auto}
.tut .lnk{flex:0 0 auto;background:none;border:0;box-shadow:none;text-decoration:underline;font-size:12px;color:#5a3a1a;min-height:40px}
.tut-ring{position:relative;z-index:7;animation:tut-p 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #f6d27a,0 0 16px 4px #f6d27aaa!important}
@keyframes tut-p{50%{box-shadow:0 0 0 6px #f6d27a88,0 0 24px 8px #f6d27a55}}
body.tut-early :is(#bb,#btr){opacity:.45;filter:grayscale(.6)}
#tgoal{position:fixed;right:8px;top:calc(60px + env(safe-area-inset-top));z-index:6;min-height:36px;padding:4px 10px;font-size:12px;text-align:left}#tgoal ol{display:none;margin:4px 0 0;padding-left:18px;font:13px Alegreya,serif}
#tgoal.open ol{display:block}#tgoal li.d{text-decoration:line-through;opacity:.6}
/* juice */
#gold{position:relative}.gplus{position:fixed;z-index:9;transform:translateX(-50%);color:#ffe28a;font:700 17px Cinzel,serif;text-shadow:0 1px 3px #000,0 0 8px #000;pointer-events:none;animation:gplus 1.4s ease-out forwards}
@keyframes gplus{from{opacity:0;transform:translate(-50%,-4px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,22px)}}
#dst .sc .tar{font-style:normal;font-size:10px;color:#3f8a2a;margin-left:3px;letter-spacing:-1px}
body.fighting :is(#tut,#tgoal,.cer){display:none}
#setdlg #sau label{display:block;text-align:center;font-size:13px}#setdlg #sau input[type=range]{display:block;width:min(100%,280px);height:30px;margin:2px auto 4px}