html,body{background:#dfe6d4;color:#414b42}.panel{background:#f8f6ec;color:#414b42}.panel h1{font-size:clamp(27px,4vw,40px);letter-spacing:3px;margin:2px 0 8px}.eyebrow{font-size:11px;letter-spacing:3px;color:#81936d;margin:8px 0 0}.intro{color:#87917c;margin:0 0 10px;font-size:14px}.title-art{width:min(680px,100%);height:155px;border-radius:22px;overflow:hidden;background:#e6eddb}.title-art img{width:100%;height:100%;object-fit:cover}.row{width:min(100%,1120px)}.opt,.card{background:#fffef9;color:#4b5846;border-color:#d8dfca;box-shadow:none}.opt.sel{border-color:#7c956a;background:#e7eddb;box-shadow:0 3px #b7c5a5}.opt.lock{opacity:.55}.opt .ic{height:70px;display:flex;justify-content:center;align-items:center}.tata-icon{display:inline-block;background-repeat:no-repeat;width:74px;height:74px;flex-shrink:0}.btn{background:#80956d;color:white;box-shadow:0 4px #647b54;border-radius:14px}.btn.sub{background:#e7dfcc;color:#647052;box-shadow:0 4px #c8c6ad}#desc{background:#eaf0e0;color:#617253;font-size:14px!important}.hint,.credit{color:#929b84;font-size:11px;line-height:1.8}.credit{margin:14px 0 0}.stageLabel{color:#5e7051;border-color:#bdcaaa}#speedBtn,#muteBtn{border-color:#bbcba5;color:#60734e}.card .ic .tata-icon{width:70px;height:70px}.card:hover{border-color:#8ca571}.desk #chars .opt{width:calc(12.5% - 10px);min-width:100px}.panel h3{color:#647755}.achItem{background:#f4f3e8;color:#53634a}.toast{border-color:#b4c59b;color:#53634a}@media(max-width:800px){.title-art{height:120px}.desk #chars .opt,#chars .opt{min-width:0;width:calc(25% - 10px);padding:5px 2px;font-size:11px}.opt .ic{height:66px}.tata-icon{width:64px;height:64px}.panel{padding:14px 10px 30px}.panel h3{font-size:15px}.row{gap:8px}.hint{font-size:11px}.panel h1{letter-spacing:1px}}@media(max-width:360px){.tata-icon{width:54px;height:54px}#chars .opt{font-size:10px}}

.title-art{width:min(540px,100%);height:auto;aspect-ratio:2}.title-art img{object-fit:contain}
.btn:disabled{opacity:.55;cursor:wait}