/* Warm, compact game HUD. */
:root{--ink:#534b36;--muted:#8a8068;--paper:#fff7e4;--honey:#e5b96f;--sage:#879575}body{color:var(--ink);background:#e7dcc1}.vignette{background:linear-gradient(180deg,#9e764112,transparent 30%,transparent 75%,#654e3219)}button{transition:background .18s,transform .18s}button:active{transform:translateY(1px)}button:hover{filter:brightness(1.035)}header{top:22px;left:24px;right:auto;gap:10px;z-index:2}.brand{font-size:18px;letter-spacing:1px;color:#655b40;gap:9px}.brand .mark{font-size:35px;color:#9a8056}.brand small{font-size:8px;letter-spacing:1px;color:#9b8b6b}.day{display:none}.round{width:33px;height:33px;font-size:19px;border-color:#dfcda8;background:#fff7e4ee}.menu-back{position:static;right:auto;top:auto;padding:8px 12px;font-size:11px;border:1px solid #dfcda8;background:#fff7e4ee;border-radius:20px;margin-left:10px}.task{left:24px;top:98px;width:235px;padding:13px 16px;background:#fff7e4eb;border:1px solid #fffa;border-radius:16px;box-shadow:0 5px 16px #6a553412;max-width:none}.task .eyebrow{font-size:10px;letter-spacing:1px;color:#9c8966;margin-bottom:7px}.task h1,.task>p,.task .mentor,.task .job-icon{display:none}.task .job{gap:0}.task .job b{font-size:13px;font-weight:600;color:#5b6146}.task .job small{display:none}.task>.progress{margin-top:10px;height:3px;background:#ded7bc}.progress i{background:#a6aa73}.task-meta{font-size:8px;color:#9b8b6b;margin-top:7px;display:flex}.task-meta span{flex:initial}#courtstatus{font-size:10px;margin-top:9px;color:#8a7d5c}.help{background:#f5e9ce;border-color:#d7c39a;color:#9b8052;width:24px;height:24px;min-width:24px;font-size:12px}.wallet{top:22px;right:192px;width:238px;padding:12px 15px;border-radius:16px;background:#fff7e4ed;border:1px solid #fff9;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;box-shadow:0 5px 16px #6a553412}.wallet>div:first-child{display:flex;justify-content:flex-start;gap:10px;font-size:9px;color:#9a8864}.wallet b{font-size:21px;color:#a67c3e}.wallet .level{font-size:9px;display:flex;flex-direction:column;margin:0;gap:3px;align-items:flex-end;justify-content:center}.wallet .level small{font-size:8px;color:#ac9a75}.wallet>.progress{grid-column:1 / -1;height:3px}#shop{grid-column:1 / -1;margin:0;padding-top:6px;font-size:9px;border-color:#dfd0af;color:#9a8660}#shop span{color:#a28c60}.minimap{right:24px;top:22px;width:145px;background:#fff7e4eb;border-color:#fff9;border-radius:16px;padding:8px;box-shadow:0 5px 16px #6a553412}.maptitle{font-size:9px;color:#9a8863}.maplegend{color:#8e805c;font-size:8px}#mapdistance{color:#9f8f6a;font-size:7px}footer{bottom:24px;left:24px;right:24px}.tool{min-width:220px;max-width:240px;padding:12px 40px 12px 15px;border:1px solid #fff9;background:#fff7e4ef;border-radius:16px;gap:12px;box-shadow:0 5px 16px #6a553412}.tool-symbol{color:#b19764;font-size:28px}.tool small{font-size:9px;color:#a39068}.tool b{font-size:24px;color:#6c7350;margin:3px 0 6px}.tool .dim{font-size:11px;color:#b2a282}.tool-help{top:8px;right:8px}#pour{background:#e8c285!important;color:#6c5231;border:1px solid #ffedc4;padding:16px 23px;border-radius:15px;font-size:12px;box-shadow:0 5px 16px #6a553419}#pour span{color:#947647;font-size:9px}.controls{color:#76654a;text-shadow:none;background:#fff6e0b8;border:1px solid #fffa;border-radius:20px;padding:9px 13px;font-size:9px;gap:13px;margin-bottom:6px}kbd{background:#e6d6b8;color:#7b6644;font-size:8px;padding:3px 4px}#toast{background:#7b7056eb;color:#fff7e2;font-size:11px;bottom:130px}.center-dot{width:4px;height:4px;box-shadow:0 0 0 3px #fff3}
/* A game title screen instead of a promotional landing page. */
#entry{background:linear-gradient(100deg,#f5e8cadb 0%,#f5e8caba 45%,#dcc79a30 100%);color:#68583b;padding:32px 6vw}.entry-top>span{font-size:15px;color:#9c8052;letter-spacing:3px}.entry-top>small{font-size:10px;color:#ab9470;letter-spacing:3px}.entry-kicker{font-size:10px;letter-spacing:3px;color:#a58c64}.entry-copy h1{font-size:clamp(48px,7vw,86px);letter-spacing:5px;line-height:1.2;color:#75623f;font-weight:800;text-shadow:0 3px #fff6;margin:22px 0}.entry-copy h1 span{font-size:13px;letter-spacing:8px;color:#a78e63;margin-top:12px;font-weight:500}.entry-copy>p{font-size:14px;color:#9c8863;margin:25px 0 32px}.entry-actions{display:grid;grid-template-columns:1fr 1fr;max-width:290px;gap:10px}#startgame{grid-column:1 / -1;background:#c39355;color:#fff9eb;border:1px solid #efc994;box-shadow:0 5px 0 #9f774525;padding:18px 22px;font-size:15px}.entry-actions button{font-size:12px;background:#fff5dfc9;color:#9b8059;border-color:#ddc69e}.entry-copy>small{color:#aa9572;font-size:9px}.entry-card{width:270px;border:1px solid #fff6dd;border-radius:22px;background:#fff3d7dd;box-shadow:0 10px 35px #8c704f17;transform:rotate(2deg);padding:23px}.entry-card h2{font-size:23px;color:#7c6a46}.entry-card-label,.entry-card>p{color:#ad9670}.entry-court{height:165px;box-shadow:inset 0 0 20px #7a6c4220;background:var(--court-color);border:5px solid #e2cba1}.entry-court b{font-size:50px}.entry-card button{color:#9f855b;border-color:#d9c5a2}#entrystats{color:#9d875d;font-size:11px}.entry-bottom{color:#b09b77;border-color:#d9c29b77;font-size:9px}#helpdialog,#settingsdialog{background:#fff5df;color:#756244;border-color:#fff9e6}#helpbody p{color:#9a8665}.help-eyebrow{color:#b29a75}#helpclose,.dialog-x{background:#f1e2c4;color:#a38b63}#helpgotit,.primary{background:#c39355;color:#fff9eb}.setting-row,.setting-label{color:#9f8661}.skin-option{background:#f0e6ce}.skin-option.selected{background:#ece3c5;border-color:#baa274}.skill-row button{background:#e8d9b4;color:#967c52}
@media(max-width:1000px) and (min-width:701px){.wallet{width:180px;right:180px}.brand{font-size:15px}.brand .mark{font-size:28px}.menu-back{margin-left:2px;padding:8px}.controls{display:none}.entry-layout{gap:30px}}
@media(max-width:700px){header{left:16px;top:20px;gap:8px;width:200px;flex-wrap:wrap;justify-content:flex-start}.brand{font-size:16px;flex-basis:100%}.brand small{font-size:7px}.brand .mark{font-size:30px}.menu-back{margin-left:0;padding:7px 11px}.round{width:30px;height:30px}.minimap{top:18px;right:14px;width:112px;padding:6px}.wallet{top:196px;right:14px;width:112px;padding:10px;display:block}.wallet>div:first-child{gap:6px;justify-content:space-between;font-size:8px}.wallet b{font-size:19px}.wallet .level{align-items:flex-start;margin:9px 0 6px;gap:3px;font-size:8px}.wallet .level small{font-size:7px}#shop{margin-top:6px;font-size:8px;line-height:1.8;padding-top:5px}#shop span{float:none;margin-left:4px}.task{left:14px;top:116px;width:calc(100vw - 153px);max-width:220px;padding:10px 12px}.task .eyebrow{font-size:9px;margin-bottom:4px}.task .job b{font-size:11px}#courtstatus{font-size:9px}.task-meta{display:none}.task>.progress{display:block;margin-top:8px}footer{left:14px;right:14px;bottom:18px}.tool{min-width:0;max-width:200px;padding:10px 34px 10px 11px;gap:8px}.tool-symbol{font-size:23px}.tool b{font-size:22px}.tool small{font-size:8px}.tool-help{width:22px;height:22px;min-width:22px;right:5px;top:5px}#pour{padding:14px 12px;font-size:10px;max-width:134px}.controls{display:none}#mobilepad{left:18px;bottom:125px}#mobilepad button{width:40px;height:40px;font-size:18px;background:#fff5dfdd;color:#aa8f5e;border:1px solid #ffedcb}#toast{bottom:106px;font-size:9px;padding:10px 12px;max-width:calc(100vw - 25px);white-space:normal;text-align:center}#entry{padding:25px}.entry-kicker{margin-top:30px;font-size:9px}.entry-copy h1{font-size:52px;margin:17px 0}.entry-copy h1 span{font-size:10px;letter-spacing:6px}.entry-copy>p{font-size:12px;margin:16px 0 24px}.entry-actions{max-width:none}.entry-layout{gap:28px}.entry-card{width:100%;padding:18px;transform:none}.entry-card h2{font-size:20px;margin:12px 0}.entry-court{height:90px}.entry-card>p{margin-bottom:10px}.entry-bottom{font-size:8px}.skin-option small{font-size:7px}}
@media(max-height:550px) and (min-width:701px){.task{top:90px}.wallet{right:180px;top:22px}.minimap{top:22px}.entry-layout{padding-top:15px}.entry-copy h1{font-size:48px}.entry-card{width:220px}.entry-court{height:95px}}
#modelstatus{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:9px;color:#ac9066;letter-spacing:1px}#pour[data-ready=true]{box-shadow:0 0 0 3px #fff3c580,0 4px 18px #9e75262b}

header{background:#fff5dfeb;border:1px solid #ffedce;border-radius:16px;padding:8px 10px;box-shadow:0 4px 12px #68523910}.wallet>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.wallet>div:first-child>span{white-space:nowrap;font-size:8px}.wallet b{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;line-height:1.2}.wallet em{display:inline-block}@media(max-width:700px){header{width:190px;padding:7px 10px;gap:4px 8px}.brand{font-size:14px}.brand .mark{font-size:23px}.brand small{font-size:6px}.menu-back{font-size:9px;padding:5px 9px}.round{width:25px;height:25px;font-size:15px}.wallet>div:first-child{flex-direction:row;align-items:center}.task{top:126px}}
#growth{margin-left:0}#growth span{background:#dfcda4;border-radius:10px;padding:1px 5px;margin-left:4px;font-size:9px;color:#8a7045}#treedialog{width:min(940px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:28px;background:#fff5df;border:1px solid #fff9e6;border-radius:22px;color:#756244;box-shadow:0 25px 100px #132e4560}#treedialog::backdrop{background:#4d453655;backdrop-filter:blur(5px)}#treetitle{font-size:28px;margin:14px 0}.tree-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:12px;background:#ede3c9}.tree-summary b{font-size:14px;white-space:nowrap}.tree-summary small{font-size:10px;color:#a38d68;line-height:1.7}#treebranches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.tree-branch{background:#f1e9d7;padding:15px;border-radius:16px}.tree-branch.branch-cat{background:#f5e5cd}.tree-branch.branch-dog{background:#eae7d3}.tree-branch h3{margin:0;font-size:16px}.tree-branch>p{font-size:10px;color:#ae9873;margin:7px 0 16px}.tree-node{position:relative;border:1px solid #d7c5a255;background:#fff9eacc;border-radius:12px;padding:14px 12px;margin-top:22px}.tree-node:before{content:'↓';position:absolute;left:50%;top:-23px;color:#c9b58b;font-size:17px}.tree-node:nth-child(3):before{display:none}.tree-node.unlocked{border-color:#b9ad78;background:#f2edcf}.tree-node.locked{opacity:.65}.tree-node>b{display:block;font-size:12px}.tree-node>b small{float:right;font-size:9px;font-weight:400;color:#ac9470}.tree-node p{font-size:10px;line-height:1.8;color:#a78e67;margin:10px 0;min-height:35px}.tree-node button{background:#dcb77b;color:#775933;width:100%;border-radius:8px;padding:9px 5px;font-size:10px}.tree-node button:disabled{background:#eae1ca;color:#b09e7b;cursor:default}.tree-note{font-size:10px;line-height:1.8;margin:16px 0;color:#ad9873}.tree-link{width:100%;padding:14px;background:#ead7b2;border-radius:10px;color:#927747;font-size:11px}#treeplay{max-width:240px;display:block;margin-left:auto}@media(max-width:600px){#treebranches{grid-template-columns:1fr;gap:12px}.tree-summary{align-items:flex-start;flex-direction:column;gap:6px}.tree-branch{padding:13px}.tree-node p{min-height:0}.tree-node{margin-top:18px}.tree-node:nth-child(3){margin-top:12px}#treedialog{padding:22px}header{width:205px}#growth{font-size:9px;padding:5px 6px}.tree-summary small{font-size:9px}}

.tree-node.tree-root:before{display:none}.tree-node.tree-root{margin-top:12px}#companionstatus{font-size:9px;color:#b28c52;line-height:1.8;margin-top:6px}#companionstatus:empty{display:none}
/* Branching tree: prerequisite edges grow upward from a shared trunk. */
#treebranches{display:block;margin-top:12px}.skill-tree-legend{text-align:center;color:#a08e6a;font-size:10px;padding:4px 0 0}.skill-tree-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d7c4a0 transparent;border-radius:18px;background:radial-gradient(ellipse at 50% 42%,#e8edce88,transparent 65%)}.skill-tree-board{position:relative;width:100%;aspect-ratio:800 / 620;min-width:540px;isolation:isolate}.skill-tree-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.skill-bud{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:108px;background:none;padding:0;border:0;color:#9b8b6e;z-index:1;line-height:1.5}.skill-bud:active{transform:translate(-50%,-50%)}.bud-icon{display:flex;width:49px;height:49px;align-items:center;justify-content:center;border-radius:50%;font-size:22px;background:#f6eedb;border:2px solid #d7c9ab;box-shadow:0 3px 0 #c7b38a30;transition:box-shadow .2s,background .2s}.skill-bud b{font-size:11px;margin-top:5px;background:#fff5e4d9;border-radius:8px;padding:1px 5px;font-weight:500;white-space:nowrap}.skill-bud small{font-size:9px;background:#fff5e4c9;border-radius:7px;padding:0 4px;color:#ae9b76}.skill-bud.learned .bud-icon{background:#e3e7bc;border-color:#a0ab78;color:#7a8c54}.skill-bud.ready .bud-icon{background:#f5dfad;border-color:#d1a661;box-shadow:0 0 0 5px #e9cd8e38,0 3px 0 #bf9b6430}.skill-bud.chosen .bud-icon{outline:2px solid #a78452;outline-offset:5px}.skill-bud:focus-visible{outline:none}.skill-bud:focus-visible .bud-icon{outline:3px solid #a78452;outline-offset:5px}.skill-bud:hover .bud-icon{box-shadow:0 0 0 7px #e5cf9d42}.skill-seed{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;color:#947447}.skill-seed span{font-size:30px;line-height:1.3;background:#d6bb88;border:3px solid #f4e6c7;border-radius:50%;width:53px;height:53px;text-align:center;padding-top:4px;box-shadow:0 4px 12px #aa8f6020}.skill-seed b{font-size:10px;margin-top:5px;font-weight:400;letter-spacing:2px}.skill-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d7c5a2;border-radius:14px;background:#fff9eacf}.skill-detail h3{font-size:14px;margin:0 0 7px}.skill-detail p{font-size:11px;color:#a38c67;margin:0 0 5px;line-height:1.7}.skill-detail small{font-size:9px;color:#b09a75}.skill-detail button{flex-shrink:0;background:#d6ad6c;color:#72532c;border-radius:10px;font-size:11px;padding:13px 17px;min-width:130px}.skill-detail button:disabled{background:#e9e0ca;color:#b19e7b;cursor:default}#treedialog{max-height:94dvh;padding:24px 28px}#treetitle{margin:8px 0 12px;font-size:26px}.tree-summary{padding:10px 14px}.tree-note{margin:12px 0;font-size:9px}#treeplay{padding:11px;font-size:11px;max-width:180px}@media(min-width:1000px){.skill-tree-board{max-width:800px;margin:auto}}@media(max-width:600px){#treedialog{padding:20px 16px}.tree-summary{gap:4px}.tree-summary small{font-size:9px}.skill-tree-legend{font-size:8px;margin:7px 0}.skill-detail{padding:13px;align-items:stretch;flex-direction:column;gap:10px}.skill-detail button{width:100%;padding:12px}.skill-tree-scroll{margin:0 -4px}.skill-tree-board{min-width:540px}.skill-bud{width:85px}.skill-bud b{font-size:10px}.skill-bud small{font-size:8px}.bud-icon{width:43px;height:43px;font-size:20px}.tree-note:after{content:' 横向滑动可查看完整树冠。';color:#9b845b}}
.skill-detail{position:sticky;bottom:0;z-index:4;background:#fff7e5;box-shadow:0 -6px 18px #bba07815}
.training-row{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #dac8a533;padding-top:6px;margin-top:7px;font-size:9px;color:#aa805d}.training-row .help{width:22px;height:22px;min-width:22px}#trainingwarning{font-size:9px;line-height:1.7;color:#ac9771;margin-top:4px}#trainingwarning:empty{display:none}#trainingwarning.danger{color:#a45f42;border-radius:6px;padding:5px 7px;background:linear-gradient(90deg,#e3b59166 var(--obstruction),#f6e8ce var(--obstruction));border:1px solid #d3a37d66}
#equipmentdialog{width:min(420px,calc(100vw - 30px));padding:28px;border:1px solid #fff7e4;border-radius:22px;background:#fff5df;color:#756244;max-height:90dvh;overflow:auto}#equipmentdialog::backdrop{background:#4d453655;backdrop-filter:blur(5px)}#equipmenttitle{font-size:24px;margin:14px 0}#equipmentcurrent,#equipmentmoney{font-size:12px;color:#a18a65;margin:14px 0}#equipmentnext{font-size:30px;font-weight:700;color:#8d865b;background:#ebe5ca;border-radius:12px;padding:20px}#equipmentprice{font-size:12px;line-height:1.8;color:#ad8555;margin:12px 0}#equipmenttiers{margin:16px 0}.equipment-tier{font-size:11px;color:#b4a17d;padding:9px 10px}.equipment-tier.current{background:#eae4c8;border-radius:8px;color:#8b8056}#equipmentbuy:disabled{opacity:.55;cursor:default}#equipmentdone{background:transparent;color:#ac956d;width:100%;font-size:11px;padding:15px 0 0}