/* An Nhiên V41.17.2 — only utility panels, shortcut buttons and chanting. */
:root{--v172-brown:#422b1c;--v172-gold:#d5a54c;--v172-cream:#fcf5e7;--v172-line:#e4d2af}
.utility>button:focus-visible,#v37MoreLinks button:focus-visible,.bottom nav button:focus-visible{outline:3px solid #f5cf73!important;outline-offset:3px}
.utility>button,.bottom nav button,#v37MoreLinks button{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.utility>button:active,#v37MoreLinks button:active,.bottom nav button:active{filter:brightness(1.12)}
@media(min-width:901px){
 .utility{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px!important;max-width:min(1040px,90vw)!important;padding:9px 12px!important;border:1px solid #dfb5685c!important;border-radius:19px!important;background:rgba(45,24,12,.88)!important;backdrop-filter:blur(10px)}
 .utility>button{background:linear-gradient(180deg,#72502f,#3c271a)!important;border:1px solid #edc78161!important;color:#f9e6bf!important;border-radius:13px!important;padding:9px 12px!important;min-height:40px;font-size:12px!important;white-space:nowrap}
 .utility>button:hover{background:linear-gradient(180deg,#936a36,#50301b)!important}
 .bottom nav button{border-radius:15px!important}
 #openChantV37{display:inline-flex!important;gap:6px;align-items:center;justify-content:center}
 dialog#v37ChantDialog[open]{display:block!important;position:fixed;z-index:90;width:min(610px,94vw);max-width:610px;height:min(730px,88dvh);max-height:90dvh;inset:0;margin:auto;padding:22px 26px;overflow-y:auto;border:1px solid #d0ae65;border-radius:26px;background:linear-gradient(165deg,#3e2519 0%,#231813 100%);color:#f7e7c7;box-shadow:0 22px 75px #0e0505a8}
 dialog#v37ChantDialog::backdrop{background:rgba(15,8,5,.75)}
 #v37ChantDialog .v37-chant-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
 #v37ChantDialog .v37-chant-head button{color:#f5d9a7;border:1px solid #e0b86e77;border-radius:15px;background:#fff2;padding:10px 14px}
 #v37ChantDialog .v37-chant-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 10px}
 #v37ChantDialog .v37-chant-tabs button{border:1px solid #dab16c77;background:#6d4729;color:#f8dbad;padding:11px 14px;border-radius:100px}
 #v37ChantDialog .v37-chant-tabs [aria-selected="true"]{background:linear-gradient(#f9d98a,#d8a54b);color:#3e2818;font-weight:800}
 #v37ChantDialog .v37-chant-hero{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;min-height:220px;gap:10px}
 #v37ChantDialog .v37-chant-hero h2{color:#ffe2a4;font:700 29px Georgia,serif;margin:4px 0}
 #v37ChantDialog .v37-chant-hero p{color:#f2d9ad;margin:3px 0}
 #v37ChantDialog .v37-chant-lower{display:grid;grid-template-columns:minmax(100px,1fr) 110px minmax(130px,1fr);align-items:center;gap:12px}
 #v37ChantDialog .v37-chant-counter b{font-size:43px}
 #v37ChantDialog .v37-chant-counter small{display:block;color:#d6b887;font-size:11px}
 #v37ChantDialog .v37-chant-options{display:flex;flex-direction:column;gap:8px;font-size:12px}
 #v37ChantDialog .v37-chant-options label{display:flex;align-items:center;gap:6px;margin:0;color:#f9ead0}
 #v37ChantDialog .v37-chant-disclaimer{margin:28px auto 8px;text-align:center;color:#cebb98;font-size:11px}
}
#sheet{scrollbar-width:thin;scrollbar-color:#c5a16b transparent}
#sheetBody{overflow-y:auto;overflow-x:hidden;max-height:min(70dvh,650px);padding-bottom:24px!important}
#sheetBody .v172-hero{display:flex;gap:12px;align-items:center;margin:3px 0 15px;padding:15px 13px!important;border:1px solid #dec298;border-radius:19px;background:linear-gradient(125deg,#fff9ed,#f0e1c5);color:#3c291b}
#sheetBody .v172-hero-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;font-size:24px;border-radius:15px;background:#ead19f;color:#5b3b1b}
#sheetBody .v172-hero h3{font-size:17px;line-height:1.25;margin:0 0 6px;color:#503116}
#sheetBody .v172-hero p{font-size:12px;line-height:1.5;margin:0;color:#806344}
#sheetBody .v172-feature{background:linear-gradient(150deg,#fffdf8,#f8edd9);border:1px solid #ead5b5;border-radius:17px;padding:15px;margin:8px 0 12px;box-shadow:0 5px 15px rgba(73,47,21,.05);color:#4f341c;min-width:0}
#sheetBody .v172-feature.v172-primary{background:linear-gradient(115deg,#fff8e1,#f3dda8);border-color:#d5b05e}
#sheetBody .v172-feature.v172-selected{border-color:#b9a043;box-shadow:inset 0 0 0 1px #d3b365}
#sheetBody .v172-feature h3{margin:0 0 6px;font-size:15px;line-height:1.35;color:#443021}
#sheetBody .v172-feature p{margin:0 0 10px;font-size:12.5px;line-height:1.6;color:#795e42;overflow-wrap:anywhere}
#sheetBody .v172-feature button,#sheetBody .v172-action,#sheetBody .v172-quest button,#sheetBody .v172-legacy button{border:1px solid #c79a52;background:linear-gradient(180deg,#f6d989,#d7a647);color:#45290e;font-size:13px;font-weight:750;border-radius:13px;min-height:41px;padding:9px 13px;box-shadow:0 3px 8px #633e0b12;cursor:pointer}
#sheetBody .v172-action{max-width:100%;white-space:normal}
#sheetBody button:disabled{opacity:.54;cursor:default;box-shadow:none}
#sheetBody button:focus-visible{outline:2px solid #a06c20;outline-offset:2px}
#sheetBody .v172-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0}
#sheetBody .v172-grid .v172-feature{margin:0}
#sheetBody .v172-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 17px}
#sheetBody .v172-mini{background:#fffaf0;border:1px solid #e5cfab;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
#sheetBody .v172-mini span{font-size:11px;color:#997653}
#sheetBody .v172-mini strong{font-size:17px;line-height:1.3;color:#503015}
#sheetBody .v172-note{font-size:12px;line-height:1.65;padding:12px;border-radius:12px;background:#f1e5cd;color:#715638}
#sheetBody .v172-actions{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}
#sheetBody .v172-section-title{font-size:15px;margin:20px 0 11px;color:#5c3b1b}
#sheetBody .v172-legacy{margin:14px 0;border:1px dashed #c8b18a;border-radius:14px;background:#faf3e5;padding:12px;color:#573b22;overflow:hidden}
#sheetBody .v172-legacy summary{font-weight:750;cursor:pointer;list-style:none;outline-offset:4px;padding:4px 3px}
#sheetBody .v172-legacy summary:after{content:'⌄';float:right;color:#a67b41}
#sheetBody .v172-legacy[open] summary{margin-bottom:12px}
#sheetBody .v172-legacy p{font-size:12px;line-height:1.6}
#sheetBody .v172-quest{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid #e5d2b2}
#sheetBody .v172-quest strong{display:block;font-size:13px}
#sheetBody .v172-quest small{display:block;font-size:11px;color:#87623d;margin:4px 0}
#sheetBody .v172-bar{height:7px;overflow:hidden;border-radius:50px;background:#e9d8b8;margin:9px 4px 0 0}
#sheetBody .v172-bar i{display:block;height:100%;background:#c99a48}
#sheetBody .v172-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0}
#sheetBody .v172-days>div{background:#f9e8ca;border:1px solid #e7c991;border-radius:9px;padding:6px 2px;text-align:center;min-width:0}
#sheetBody .v172-days small,#sheetBody .v172-days b{display:block;font-size:10px;color:#78562c}
#sheetBody .v172-days b{font-size:13px;margin:4px 0}
#sheetBody .v172-steps{display:grid;gap:10px;margin:12px 0 17px}
#sheetBody .v172-steps>div{position:relative;padding:14px 13px 12px 53px;background:#fffaf1;border:1px solid #e6d0a8;border-radius:14px}
#sheetBody .v172-steps b{position:absolute;top:13px;left:12px;background:#eac679;color:#573619;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px}
#sheetBody .v172-steps strong{display:block;font-size:14px;color:#513719}
#sheetBody .v172-steps p{font-size:12px;line-height:1.6;margin:6px 0 0}
#sheetBody .v172-room-list{display:grid;gap:8px;margin:12px 0}
#sheetBody .v172-room{display:flex;gap:12px;align-items:center;border-radius:14px;padding:13px;background:#fffaf0;border:1px solid #e2ccab}
#sheetBody .v172-room>span{font-size:27px;flex:none}
#sheetBody .v172-room>div{flex:1;min-width:0}
#sheetBody .v172-room b,#sheetBody .v172-room small{display:block}
#sheetBody .v172-room b{color:#4e301a;font-size:13px}
#sheetBody .v172-room small{color:#846c4b;margin-top:4px;font-size:11px}
#sheetBody .v172-room em{font-style:normal;color:#936b32;font-size:10px;text-align:right}
#sheetBody .rank-filter{gap:7px}
#sheetBody .rank-filter button{padding:10px 12px;border-radius:12px;font-size:12px;min-height:40px}
/* Chant modal, also available from the desktop and guide. */
#v37ChantDialog #v172ChantScript{font-weight:700;font-size:clamp(16px,3.5vw,21px)!important;line-height:1.55!important;color:#ffdc93!important;max-width:520px;margin:15px auto;word-break:break-word;text-align:center;text-shadow:0 3px 20px #170c08}
#v37ChantDialog .v37-chant-hero h2{font-size:clamp(18px,4vw,26px)!important;opacity:.82}
#v37ChantDialog .v37-chant-hero p{max-width:540px}
#v37ChantWoodfish{border:3px solid #d3a357!important;border-radius:50%!important;background:radial-gradient(circle at 32% 25%,#b7783c,#6e3b1a 65%,#3b1c0c)!important;color:#ffe2ac!important;box-shadow:inset 0 -15px 23px #2d100c81,0 6px 17px #0b060761;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;touch-action:manipulation}
#v37ChantWoodfish small{color:#fff0cd}
#v37ChantWoodfish.v172-strike{animation:v172Wood .19s ease-out}
@keyframes v172Wood{0%{transform:scale(.94)}70%{transform:scale(1.03)}100%{transform:scale(1)}}
#v37ChantDialog .v172-wood-option{font-weight:700;color:#ffe8ba!important}
#v37ChantDialog .v37-chant-options input{accent-color:#e6b455}
#v37ChantDialog .v37-chant-counter{color:#fff0c2}
@media(max-width:900px){
 .utility>button.v37-quick,#v37MoreButton{border-radius:16px!important;background:linear-gradient(145deg,rgba(90,51,27,.97),rgba(45,26,17,.97))!important}
 #v37MorePanel{background:linear-gradient(180deg,#fff9ed,#f1e3c9);box-shadow:0 16px 50px #100a08b5}
 #v37MoreLinks button{font-weight:650;min-height:55px;justify-content:flex-start!important;border-radius:13px;background:#fffaf2}
 #v37MoreLinks button:active{background:#ecd2a0}
 #sheetBody .v172-grid{grid-template-columns:1fr}
 #sheetBody .v172-hero{padding:12px 11px!important}
 #sheetBody .v172-feature{padding:13px}
 #sheetBody .v172-mini strong{font-size:14px}
 #v37ChantDialog .v37-chant-hero{min-height:29dvh}
 #v37ChantDialog .v37-chant-hero h2{font-size:20px!important}
 #v37ChantDialog #v172ChantScript{font-size:21px!important}
}
@media(max-width:380px){#sheetBody .v172-days small{font-size:8px}#sheetBody .v172-days b{font-size:11px}}
@media(prefers-reduced-motion:reduce){#v37ChantWoodfish.v172-strike{animation:none}.utility>button,.bottom nav button{transition:none}}
@media(max-width:600px){
 dialog#sheet{box-sizing:border-box;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;overflow:hidden}
 #sheet .sheet-head{padding:14px 15px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
 #sheet .sheet-head h2{font-size:clamp(20px,6vw,28px);overflow-wrap:anywhere}
 #sheet .sheet-head button{flex:none;min-width:44px;min-height:44px}
 #sheetBody{max-height:calc(100dvh - 115px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:8px 15px calc(22px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain;overflow-wrap:anywhere}
}