.dtw{--g1:#f6dc9a;--g2:#c99a48;--ln:#5a4428;--dim:#9c8a68;display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:start}.dtw-l,.dtw-m{display:flex;flex-direction:column;gap:10px;min-width:0}.dtw-sec{border-radius:7px;background:linear-gradient(#1b140e,#130e0a);box-shadow:inset 0 0 0 1px #000,0 0 0 1px var(--ln);overflow:hidden}.dtw-sec h4{display:flex;align-items:center;gap:8px;margin:0;padding:7px 10px;font:700 13.5px "Times New Roman",serif;color:var(--g1);background:linear-gradient(90deg,rgba(201,154,72,.22),transparent 70%);border-bottom:1px solid #000;box-shadow:inset 3px 0 0 var(--g2)}.dtw-sec h4 small{margin-left:auto;font:500 10.5px "Segoe UI",sans-serif;color:var(--dim)}.dtw-pad{padding:9px 10px}.dtw-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(90,68,40,.35);font-size:12px}.dtw-row:first-child{border-top:0}.dtw-row b{color:var(--g1)}.dtw-row img{width:20px;height:20px;object-fit:contain;vertical-align:middle}.dtw-w{width:100%;margin-top:6px}.dtw-note{margin:6px 0;font-size:11px;color:var(--dim)}.dtw-chain{display:flex;align-items:center;gap:12px}.dtw-chain .t{font-size:12px;color:var(--dim)}.dtw-chain .t b{color:var(--g1)}.dtw-ring{--p:0;width:70px;height:70px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--g2) calc(var(--p) * 1%),#2a2016 0);box-shadow:0 0 0 1px #000,0 0 14px rgba(255,200,110,.2)}.dtw-ring div{width:56px;height:56px;border-radius:50%;background:radial-gradient(#2a1f14,#0d0906);display:grid;place-items:center;text-align:center;line-height:1.05}.dtw-ring b{font:800 18px "Times New Roman",serif;color:var(--g1)}.dtw-ring small{font-size:9.5px;color:var(--dim)}.dtw-ms{margin-top:7px;font-size:11px;color:#d8c69e}.dtw-bar{height:8px;border-radius:5px;background:#0b0806;box-shadow:inset 0 0 0 1px #3a2c1a;overflow:hidden}.dtw-bar.big{height:10px;margin:6px 0}.dtw-bar i{display:block;height:100%;background:linear-gradient(90deg,#a8741f,#ffe7a6)}.dtw-task{border-radius:9px;padding:12px;background:linear-gradient(#21180f,#120c08);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #6b5230,0 6px 20px #0008}.dtw-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.dtw-tag{padding:3px 10px;border-radius:12px;font:700 11.5px "Segoe UI",sans-serif;color:#2a1606;background:linear-gradient(#ffe7a6,#c99a48)}.dtw-tag.hard{background:linear-gradient(#ffb3a6,#d65a48);color:#2a0606}.dtw-no{font-size:11.5px;color:var(--dim)}.dtw-no b{color:var(--g1)}.dtw-req{display:flex;align-items:center;gap:12px;margin:12px 0 8px}.dtw-big{position:relative;width:70px;height:70px;flex:none;border-radius:10px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#33281b,#0b0806);box-shadow:inset 0 0 0 1px #000,0 0 0 2px var(--c,#8a6a3a),0 0 16px color-mix(in srgb,var(--c,#8a6a3a) 45%,transparent)}.dtw-big.sm{width:56px;height:56px}.dtw-big img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.dtw-big.sm img{width:40px;height:40px}.dtw-big .q{position:absolute;right:-7px;bottom:-7px;font:800 12px "Segoe UI",sans-serif;padding:2px 6px;border-radius:8px;background:#1d1206;color:var(--g1);box-shadow:0 0 0 1px var(--g2)}.dtw-req .t{flex:1;min-width:0}.dtw-req .t>b{display:block;font:700 18px "Times New Roman",serif;color:var(--g1)}.dtw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.dtw-chip{padding:2px 9px;border-radius:11px;font:600 11.5px "Segoe UI",sans-serif;background:#0b0806;box-shadow:inset 0 0 0 1px #4a3a22;color:#d8c69e}.dtw-chip.s{color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.dtw-chip.at{color:#9fe0ff;box-shadow:inset 0 0 0 1px #2a6a8a}.dtw-chip.ok{color:#7ff0b8;box-shadow:inset 0 0 0 1px #2d7a5a}.dtw-frag{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.dtw-frag i{width:22px;height:22px;border-radius:5px;background:#0b0806 url(../img/ep/v/shxt.png) center/18px no-repeat;box-shadow:inset 0 0 0 1px #3a2c1a;opacity:.25}.dtw-frag.mt i{background-image:url(../img/ep/v/vlmt.png)}.dtw-frag i.on{opacity:1;box-shadow:inset 0 0 0 1px var(--g2),0 0 6px rgba(255,200,110,.4)}.dtw-st{margin:8px 0;padding:8px 10px;border-radius:7px;background:#0b0806aa;box-shadow:inset 0 0 0 1px #2c2116}.dtw .ok,.dtw-pick .ok{color:#7ff0b8}.dtw .no{color:#c9a98a}.dtw .warn{color:#ffc46a}.dtw-acts,.dtw-short{display:flex;flex-wrap:wrap;gap:8px}.dtw-acts .btn,.dtw-short .btn{flex:1 1 150px;min-width:0;white-space:normal}.dtw-short b{color:var(--g1)}.dtw-rw{margin-top:10px}.dtw-rw h5{margin:0 0 6px;font:700 12px "Times New Roman",serif;color:var(--g2);letter-spacing:.4px;text-transform:uppercase}.dtw-rw3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dtw-rc{position:relative;padding:8px 5px;border-radius:8px;text-align:center;background:linear-gradient(#1b140e,#100b08);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #4a3a22;font-size:11.5px;color:#d8c69e}.dtw-rc img{width:32px;height:32px;object-fit:contain;display:block;margin:0 auto 3px}.dtw-rc b{display:block;color:var(--g1,#f6dc9a);font-size:12.5px}.dtw-rc.pick{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #c99a48,0 0 12px rgba(255,200,110,.35)}.dtw-pick .dtw-rc,.dtw-rc.cl{cursor:pointer}.dtw-pick .dtw-rc:hover,.dtw-rc.cl:hover{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #ffe7a6,0 0 14px rgba(255,220,140,.5)}.dtw-rc .ord{position:absolute;left:5px;top:4px;font:800 10px "Segoe UI",sans-serif;color:#04150d;background:#3fbf8f;border-radius:7px;padding:0 5px}.dtw-pick{text-align:center}.dtw-pick .dtw-rc{padding:12px 6px}.dtw-pick .dtw-rc img{width:44px;height:44px}.dtw-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:8px 0}.dtw-cell{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:6px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#2a2016,#0b0806);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #3a2c1a}button.dtw-cell{cursor:pointer}.dtw-cell img{width:78%;height:78%;object-fit:contain}.dtw-cell u{position:absolute;left:3px;top:3px;width:7px;height:7px;border-radius:50%;background:var(--c)}.dtw-cell.hit{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #3fbf8f,0 0 8px rgba(63,191,143,.5)}.dtw-cell.on{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #ffe7a6}.dtw-selc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px;border-radius:7px;background:#0b0806aa;box-shadow:inset 0 0 0 1px #2c2116}.dtw-selc .t{flex:1;min-width:160px}.dtw-selb{display:flex;gap:6px}.dtw-ordl{display:flex;flex-direction:column;gap:5px;margin:8px 0}.dtw-oi{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#0b0806;box-shadow:inset 0 0 0 1px #2c2116;font-size:12.5px;text-align:left}.dtw-oi img{width:22px;height:22px;object-fit:contain}.dtw-oi span{flex:1}.dtw-oi small{display:block;color:#9c8a68;font-size:10.5px}.dtw-oi b{width:18px;text-align:center;color:#c99a48}.dtw-oi button{width:30px;height:28px;border:0;border-radius:5px;background:#2a1d12;color:#e6cf9c;cursor:pointer;box-shadow:inset 0 0 0 1px #5a4428}.dtw-oi button:disabled{opacity:.35;cursor:default}.dtw-bagb{white-space:nowrap}.dtw-bagb b{color:#f6dc9a}@media (max-width:760px){.dtw{grid-template-columns:1fr}.dtw-m{order:-1}.dtw-grid{grid-template-columns:repeat(5,1fr)}.dtw-req .t>b{font-size:16px}}body.u2m .dtw{grid-template-columns:1fr}body.u2m .dtw-m{order:-1}body.u2m .dtw-grid{grid-template-columns:repeat(5,1fr)}body.u20[data-u2t=quest]:has(.dtw) #panel#panel{width:min(1000px,96vw)!important}