#td-root{position:fixed;inset:0;background:#121710;z-index:30;color:#e7ddbd;overflow:hidden;font-family:var(--font-ui)}#td-root[hidden]{display:none}#td-stage{position:absolute;width:480px;height:960px;transform-origin:0 0;overflow:hidden;background:#20271a}#td-lobby{position:absolute;inset:0;background:url('../assets/backgrounds/tower-lobby-v1.473e84e66059.webp') center/100% 100%}#td-root button{cursor:pointer;color:#eee3bf;border:1px solid #a5975c;background:linear-gradient(135deg,#444b2e,#20271b);box-shadow:inset 0 0 0 3px #151d1580;font-family:var(--font-ui);padding:10px}#td-root button:disabled{opacity:.45;cursor:default}#td-root button:focus-visible{outline:3px solid #d5ebff;outline-offset:3px}#td-root button:hover:not(:disabled){filter:brightness(1.2)}.td-profile{position:absolute;top:23px;left:26px;display:grid;gap:6px;text-shadow:0 2px 5px #000;font-size:14px}.td-profile b{font:600 22px var(--font-display)}.td-wallet{position:absolute;right:28px;top:24px;font-size:21px}.td-lobby-info{position:absolute;left:92px;right:92px;top:517px;height:178px;display:grid;text-align:center;align-content:center;gap:8px;text-shadow:0 2px 5px #000}.td-lobby-info small{font-size:11px;letter-spacing:4px;color:#bdac77}.td-lobby-info h1{font:600 40px var(--font-display);margin:0}.td-lobby-info h2{font:600 25px var(--font-display);margin:0;color:#dbc28c}.td-lobby-info p{font-size:13px;margin:0;color:#bacd99}.td-lobby-info span{font-size:11px;line-height:1.7;color:#bfbbaa}#td-start{position:absolute;top:753px;left:120px;width:240px;height:66px;background:none!important;border:0!important;box-shadow:none!important;font:600 32px var(--font-display)!important}.td-prev,.td-next{position:absolute;top:590px;width:36px;font-size:25px}.td-prev{left:31px}.td-next{right:31px}.td-nav{position:absolute;bottom:0;left:0;right:0;height:103px;display:grid;grid-template-columns:repeat(5,1fr)}.td-nav button{background:none!important;border:0!important;box-shadow:none!important;color:transparent!important}.td-record{position:absolute;top:840px;left:0;right:0;text-align:center;font-size:12px;color:#c6bc93}#td-canvas{position:absolute;inset:0;width:480px;height:960px}#td-hud{position:absolute;inset:0;pointer-events:none}#td-hud button{pointer-events:auto}.td-top{position:absolute;top:10px;left:14px;right:14px;display:flex;gap:8px;align-items:center;background:linear-gradient(#0b130dde,transparent);padding:4px 0 22px}.td-top button{font-size:18px;min-width:44px}.td-top strong{flex:1;text-align:center;font:600 24px var(--font-display)}.td-top small{font-size:14px}.td-crystal{position:absolute;top:74px;left:90px;right:20px;display:flex;gap:8px;align-items:center;font-size:12px;text-shadow:0 2px 4px #000}.td-hp-track{height:13px;border:1px solid #aaa875;background:#131b12;flex:1;padding:2px}.td-hp-track i{display:block;height:100%;background:linear-gradient(#c8ef79,#4c9633)}.td-souls{position:absolute;top:105px;right:20px;color:#b9eeff;background:#101c1ac9;padding:7px 12px;border:1px solid #6b9d9d66;font-size:16px}.td-clock{position:absolute;top:107px;left:20px;font-size:12px;text-shadow:0 2px 5px #000}.td-pad{position:absolute;width:72px;height:62px;transform:translate(-50%,-50%);border-radius:50%;border:0!important;background:none!important;box-shadow:none!important;font-size:21px;text-shadow:0 1px 4px #000}.td-pad span{position:absolute;top:42px;left:-14px;width:100px;font-size:10px;background:#14201ad9;padding:4px;color:#e9e2c7;border:1px solid #a2935a70;border-radius:8px}.td-pad.empty{color:#f3dfa1!important;animation:td-breathe 2s ease-in-out infinite}.td-bottom{position:absolute;bottom:25px;left:20px;right:20px;display:flex;align-items:end;gap:15px;background:linear-gradient(transparent,#10170bba);padding-top:24px}.td-bottom p{flex:1;font-size:12px;line-height:1.7;margin:0;text-shadow:0 2px 4px #000}.td-bottom button{width:128px;border-radius:45px;padding:16px 8px!important;min-height:75px;font-size:16px}.td-bottom small{display:block;font-size:10px;margin-top:5px;color:#c5d7ad}#td-modal{position:absolute;inset:0;background:#071008b8;display:grid;place-items:center;z-index:5;backdrop-filter:blur(4px)}#td-modal[hidden]{display:none}.td-panel{width:416px;max-height:850px;overflow:auto;background:linear-gradient(135deg,#293222f5,#101a16f7);border:1px solid #ab9a61;outline:1px solid #ab9a6144;outline-offset:5px;box-shadow:0 15px 80px #000;padding:24px;text-align:center}.td-panel h2{font:600 28px var(--font-display);margin:6px 0 14px;color:#e4d1a0}.td-panel p{font-size:13px;line-height:1.8;color:#bfc8b1}.td-panel small{color:#9ba895}.td-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.td-option{display:grid;justify-items:center;gap:8px;text-align:center}.td-option img{width:50px;height:50px}.td-option b{font-size:16px}.td-option small{font-size:10px;line-height:1.6}.td-icon{display:inline-block;width:52px;height:52px;background-size:800% 400%;border:1px solid #b8a371;border-radius:8px;box-shadow:0 0 15px #0005}.td-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.td-actions button{flex:1;min-width:120px}.td-fusion{border-color:#bd9fee!important;box-shadow:0 0 16px #8f6ecc44!important}.td-fusion-list{display:grid;gap:8px}.td-stat{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #a6935b33;font-size:13px}.td-result-time{font-size:54px;display:block;color:#c7eeff;font-variant-numeric:tabular-nums}.td-result-symbol{font-size:65px;color:#dfc780}.td-range-note{color:#d7d5ac!important}.td-toast{position:absolute;top:150px;left:40px;right:40px;text-align:center;color:#e7d6a5;font-size:13px;pointer-events:none;text-shadow:0 2px 4px #000;animation:td-breathe 2s ease-in-out infinite}@keyframes td-breathe{50%{filter:brightness(1.4)}}

.td-record{top:830px}.td-side{position:absolute;top:140px;left:16px;display:grid;gap:8px}.td-side button{width:42px;height:42px;font-size:20px;padding:4px!important}

/* Align the live label to the centre of the illustrated button frame. */
#td-start{left:119px;top:743px;width:244px;height:80px;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1;letter-spacing:2px;text-indent:2px;white-space:nowrap}
#td-root .td-prev,#td-root .td-next{top:583px;width:43px;height:66px;padding:0;border:0;box-shadow:none;background:url('../assets/backgrounds/elden-ring-menu-ui.baf5c2943da5.webp') -418.8618px -420.1626px / 480px 960px no-repeat;color:transparent}
#td-root .td-prev{left:20px;transform:scaleX(-1)}#td-root .td-next{right:18px}
/* Contextual controls stay next to the selected mage; combat keeps running. */
#td-quick{position:absolute;width:182px;background:linear-gradient(135deg,#293225f5,#101a16fa);border:1px solid #a69b67;padding:10px;box-shadow:0 8px 24px #0009;pointer-events:auto;z-index:3;border-radius:8px}#td-quick[hidden]{display:none}#td-quick>b{display:block;font-size:13px;color:#e6d6ac}#td-quick b small{font-size:10px;color:#a6d2c5}#td-quick .td-quick-stats{display:block;font-size:10px;color:#acb9a5;margin:6px 0}#td-quick button{display:block;width:100%;margin-top:6px;font-size:11px;padding:8px 3px!important}#td-quick .td-quick-detail{border:0;background:none;box-shadow:none;color:#b8cbb2;padding-bottom:0!important}#td-god{position:absolute;bottom:130px;right:30px;width:70px;height:70px;border-radius:50%;font-size:30px;background:radial-gradient(#487a86,#1a3542);border-color:#a4dcec}#td-god small{display:block;font-size:10px;color:#d4f1ff}#td-god.ready{box-shadow:0 0 20px #7edaff66;animation:td-breathe 2s infinite}#td-blessing-pending{position:absolute;left:17px;top:245px;font-size:11px;border-color:#d3b971;max-width:115px;padding:9px 5px}#td-blessing-pending[hidden]{display:none}.td-blessing-choices{display:grid;gap:10px;margin:16px 0}.td-blessing-choices button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px!important;border-color:#ae9a60!important}.td-blessing-choices .td-icon{flex:none}.td-blessing-choices b{display:block;font-size:16px;color:#eed9a5;margin-bottom:7px}.td-blessing-choices small{display:block;font-size:11px;line-height:1.7}.td-blessing-choices em{display:block;font-size:10px;margin-top:5px;color:#c2e2aa;font-style:normal}.td-panel h3{font-family:var(--font-display)}
#td-root #td-god{padding:0;display:grid;align-content:center;justify-items:center;gap:5px;line-height:1;background:radial-gradient(circle at 45% 30%,#477c8b,#142d3b 80%);border-color:#9bd7eb;color:#d7f8ff}#td-god small{line-height:1.2;margin:0}
.td-evolution-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.td-evolution-options button{display:grid;justify-items:center;align-content:start;gap:12px;padding:18px 10px!important;min-height:210px;border-color:#b5a26b!important}.td-evolution-options b{font-size:17px;color:#edd7a4}.td-evolution-options small{font-size:11px;line-height:1.8}.td-fusion-list button{font-size:11px;flex:none}#td-root #td-meteor{position:absolute;bottom:130px;right:116px;width:70px;height:70px;padding:0;display:grid;align-content:center;justify-items:center;gap:5px;line-height:1;font-size:30px;border-radius:50%;background:radial-gradient(circle at 45% 30%,#8b5f37,#372419 80%);border-color:#e1b47a;color:#ffe6c3}#td-meteor small{font-size:10px;line-height:1.2}#td-root #td-meteor.targeting{box-shadow:0 0 25px #ffae5088;border-color:#ffe2ae;animation:td-breathe 1s infinite}#td-target-hint{position:absolute;left:75px;right:75px;bottom:220px;text-align:center;background:#231b0fdf;border:1px solid #ccaa6e;padding:9px;font-size:12px;color:#ffe1b4}#td-target-hint[hidden]{display:none}.td-targeting{cursor:crosshair}

.td-meteor-icon{display:block;width:34px;height:34px;border-radius:50%;filter:drop-shadow(0 0 4px #ff9a44aa)}