@charset "UTF-8";
@font-face{font-family:TDGame;src:url('../../../layouts/tooli_2026/fonts/neodgm.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark}html,body{margin:0;min-height:100%;background:#111a20;color:#e1dfcf}body{background:radial-gradient(ellipse at 15% 0,#2c3937 0,transparent 45%),#111a20}.td,.td *{box-sizing:border-box}.td{--ink:#e3e0cf;--muted:#a0aca7;--line:#3c4b49;--gold:#e4c18a;--mint:#91bcaa;font-family:"Malgun Gothic",sans-serif;font-size:14px;line-height:1.6;max-width:1600px;margin:auto;padding:0 32px 30px;color:var(--ink)}.td button,.td a{font:inherit}.td button{cursor:pointer;color:inherit;border:1px solid #56615a;background:#2c3b3b;padding:8px 12px;border-radius:4px;transition:background .12s,transform .12s}.td button:hover{background:#3a4b48;border-color:#839180}.td button:active{transform:translateY(1px)}.td button:disabled{opacity:.45;cursor:not-allowed}.td button:focus-visible,.td a:focus-visible{outline:2px solid #e8c88a;outline-offset:4px}.td a{color:inherit;text-decoration:none}.td [hidden]{display:none!important}.td-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;border-bottom:1px solid var(--line);margin-bottom:24px}.td-home{font-size:13px;color:var(--muted)!important}.td-brand{display:flex;align-items:center;gap:12px;font-family:TDGame,"Malgun Gothic",sans-serif;font-size:24px;letter-spacing:-1px;color:#f2e1bd!important}.td-brand small{font:11px "Malgun Gothic",sans-serif;letter-spacing:0;color:#99ad9e;border-left:1px solid #59685b;padding-left:12px;margin-left:4px}.td-brand-mark{position:relative;width:19px;height:23px;display:inline-block;border:3px solid #c6ae78;background:#4a5c4a;box-shadow:inset 0 0 0 3px #18272b}.td-brand-mark:after{content:"";position:absolute;inset:8px 4px -6px;background:#debf83;border:2px solid #26342f}.td-top-actions{display:flex;gap:6px}.td-top-actions button{background:transparent;border-color:#3c4b49;font-size:12px;padding:5px 12px}.td-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.td-main{min-width:0}.td-floorbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.td-floorbar>div{display:flex;align-items:center;gap:14px}.td-floor-number{font:bold 38px Georgia,serif;color:var(--gold);line-height:1;border-right:1px solid #5a6556;padding-right:14px}.td-floorbar small{font-size:11px;color:#9cae9e;letter-spacing:1px}.td-floorbar h1{font:20px TDGame,"Malgun Gothic",sans-serif;margin:0;color:#ece3ce}.td-turn{font-size:12px;color:#b0bbaa}.td-vitals{display:flex;align-items:center;gap:14px;background:#24332f;border:1px solid #52624e;border-bottom:0;padding:10px 16px;border-radius:6px 6px 0 0;box-shadow:inset 0 1px #ffffff0a}.td-vitals canvas{image-rendering:pixelated;flex-shrink:0}.td-hp{flex:1;min-width:100px;max-width:390px}.td-hp>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.td-hp span{font-variant-numeric:tabular-nums;color:#c0d8bf}.td-meter{height:9px;border:1px solid #6b7a64;background:#142224;padding:1px}.td-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7b9e7a,#afce98);transition:width .2s}.td-level{display:grid;line-height:1.5;padding:0 13px;border-right:1px solid #4c5e4b}.td-level b{font-size:13px;color:#efce8c}.td-level span{font-size:10px;color:#a3b09c}.td-resources{display:flex;gap:18px;font-size:11px;color:#aebca7;margin-left:auto}.td-resources b{display:block;font-size:18px;color:#e7cd9f;font-variant-numeric:tabular-nums}.td-viewport{position:relative;border:1px solid #52624e;background:#10191d;box-shadow:0 8px 35px #0004;overflow:hidden}.td-viewport:after{content:"";position:absolute;inset:0;border:5px solid #111b1d66;pointer-events:none}.td-viewport>canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;outline-offset:-4px;max-height:calc(100vh - 325px);object-fit:contain;background:#10191d}.td-scene-label{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:7px;font-size:11px;color:#b5c4ac;background:#142023cf;padding:5px 9px;border:1px solid #7b8e7140;pointer-events:none}.td-led{width:5px;height:5px;background:#b6ce9b;box-shadow:0 0 8px #b6ce9b66}.td-context{min-height:42px;padding:10px 14px;border:1px solid #3c4b49;border-top:0;background:#1b292b;color:#c6ccb7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;background:linear-gradient(#263330,#1e2b2b);border:1px solid #3c4b49;border-top:0;border-radius:0 0 5px 5px}.td-dpad{display:grid;grid-template-columns:38px 38px 38px;grid-template-rows:32px 32px 32px;gap:2px;flex-shrink:0}.td-dpad button{padding:0;background:#253739;border-color:#56645e;font:20px monospace;box-shadow:inset 0 1px #ffffff14,0 2px #101b1d}.td-dpad .up{grid-column:2;grid-row:1}.td-dpad .left{grid-column:1;grid-row:2}.td-dpad .center{grid-column:2;grid-row:2;font-size:30px;color:#c8ba97;background:#19282b}.td-dpad .right{grid-column:3;grid-row:2}.td-dpad .down{grid-column:2;grid-row:3}.td-action-grid{display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));gap:8px;flex:1;max-width:540px}.td-action-grid button{position:relative;min-height:60px;border-color:#687565;background:linear-gradient(#3b4c45,#2c3b36);box-shadow:inset 0 1px #ffffff15,0 3px #111f22;font-weight:bold;white-space:nowrap}.td-action-grid .td-attack{background:linear-gradient(#d2b681,#ac8f60);border-color:#e5c791;color:#23312d;text-shadow:0 1px #fff3;box-shadow:inset 0 1px #fff5,0 3px #785e3e}.td-action-grid kbd{display:block;color:#a7b7a4;font:9px monospace;margin-top:2px;opacity:.7}.td-action-grid .td-attack kbd{color:#364338}.td-action-grid [data-ui=cooldown]{display:block;font-size:10px;font-weight:normal;color:#afc9af}.td-action-grid [data-act=skill] kbd{position:absolute;right:5px;bottom:2px}.td-game-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8fa397;padding:10px 2px}.td-game-footer button{padding:4px 10px;font-size:11px;background:transparent}.td-sidebar{display:flex;flex-direction:column;gap:16px}.td-panel{border:1px solid #44534c;border-radius:5px;background:linear-gradient(140deg,#263330,#202d2d);padding:16px;box-shadow:inset 0 1px #ffffff07}.td-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.td-panel-title h2{font-size:13px;margin:0;color:#d7d6bf}.td-panel-title>span{font-size:11px;color:#98ad9d}.td-panel-title button{font-size:11px;padding:3px 8px;background:#31413b}.td-map-panel canvas{display:block;image-rendering:pixelated;width:100%;height:145px;object-fit:contain;background:#151e25;border:1px solid #3b4b45}.td-map-panel p{font-size:10px;color:#899f93;margin:7px 0 0}.td-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;text-align:center;margin-bottom:12px}.td-stats span{font-size:10px;color:#9baea0;padding:6px 2px;background:#172626;border:1px solid #3a4c43}.td-stats b{display:block;font:18px Georgia,serif;color:#e7cba1}.td-equipment{display:grid;gap:7px}.td-equip-row{display:flex;align-items:center;gap:9px}.td-item-icon{display:grid;place-items:center;position:relative;width:32px;height:32px;border:1px solid #64705c;background:#39463b;color:#d5bd83;font:17px Georgia,serif;flex-shrink:0}.td-item-icon:before{content:"";height:15px;width:5px;transform:rotate(35deg);background:#c5c7b0;border:2px solid #27342e;box-shadow:0 5px #947b51}.td-item-icon.relic:before{width:11px;height:11px;transform:rotate(45deg);background:#b6ad88;border:3px solid #d3b478;box-shadow:0 0 0 2px #34483d}.td-item-icon.empty:before{display:none}.td-equip-row small{display:block;font-size:9px;color:#8da090}.td-equip-row b{font-size:11px;font-weight:normal;color:#d8d9c7}.td-skill-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.td-skill-tags span{font-size:10px;border:1px solid #57654f;color:#b9c8ad;padding:1px 5px;background:#364538}.td-log-panel{flex:1;min-height:140px}.td-log-panel ol{padding:0;margin:0;list-style:none;max-height:155px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#59695a transparent}.td-log-panel li{font-size:11px;padding:6px 0;border-bottom:1px solid #ffffff08;color:#abbbaa}.td-log-panel .good{color:#b6d5b5}.td-log-panel .danger{color:#e1ac95}.td-log-panel time{color:#667f71;margin-right:6px;font:10px monospace}.td-supply-link{display:flex;justify-content:space-between;align-items:center;text-align:left;border-color:#756e50!important;background:#343c31!important;padding:12px 14px!important}.td-supply-link span{font-size:12px;color:#e6cca0}.td-supply-link small{font-size:10px;color:#a6b29a}.td-dialog-backdrop{position:fixed;inset:0;z-index:10000;background:#081216b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.td-dialog{width:min(670px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:linear-gradient(145deg,#283a36,#1c2b2d);border:1px solid #938a65;border-radius:7px;padding:32px;color:#e3dfc9;box-shadow:0 20px 100px #0009,inset 0 1px #ffffff14;outline:none}.td-dialog:before{content:"";display:block;width:32px;height:3px;background:#cfb77e;margin-bottom:18px}.td-dialog h2{font:27px TDGame,"Malgun Gothic",sans-serif;margin:0 0 10px;color:#f0dfb5;line-height:1.4}.td-dialog h3{font-size:14px;margin:20px 0 8px;color:#d7d0ae}.td-dialog p{color:#aebeac;font-size:13px;line-height:1.8;margin:8px 0 18px}.td-dialog .td-caption{font-size:11px;color:#8da691;letter-spacing:1px;margin:0 0 6px}.td-dialog .td-dialog-subline{font-size:11px;margin:4px 0 12px;color:#899f93}.td-dialog button.primary{background:linear-gradient(#ddc392,#c3a477);border-color:#edcf94;color:#20312d;font-weight:bold;box-shadow:0 3px #746442;min-height:46px}.td-dialog .td-wide{width:100%;margin-top:16px}.td-dialog button.plain{background:transparent;color:#a7b9a8;border-color:#4a6050}.td-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.td-dialog-actions button{min-width:90px}.td-job-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px}.td-job-card{position:relative;text-align:left;display:grid;grid-template-columns:60px 1fr;column-gap:12px;align-items:center;padding:18px!important;background:#1b2d2d!important;min-height:122px}.td-job-card[aria-pressed=true]{border-color:#cfbc88!important;box-shadow:inset 0 0 0 1px #c9b681}.td-job-card canvas{image-rendering:pixelated;width:60px;height:60px;grid-row:1/3}.td-job-card b{font-size:16px;color:#e7d8b4}.td-job-card span{font-size:11px;line-height:1.7;color:#9eb29e;white-space:normal}.td-modes{display:flex;gap:8px}.td-modes button{flex:1;text-align:left;font-size:12px}.td-modes button[aria-pressed=true]{border-color:#aac0a0;background:#3a5142}.td-modes small{display:block;font-size:10px;color:#a7bba6}.td-menu-links{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}.td-menu-links button{border:0;background:none;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#bbc5ad}.td-choices{display:grid;gap:10px;margin-top:22px}.td-choices button{text-align:left;padding:14px 16px;min-height:56px;background:#30463d;border-color:#596e55}.td-choices button span{display:block;color:#a4b99f;font-size:11px;margin-top:3px}.td-choices button:hover{border-color:#b5be8a;background:#3d5344}.td-inventory{display:grid;gap:10px}.td-bag-row{display:flex;align-items:center;gap:10px;padding:12px;background:#18292b;border:1px solid #405747;border-radius:3px}.td-bag-row>div{flex:1}.td-bag-row b{font-size:13px;color:#e0d4b5}.td-bag-row small{display:block;font-size:11px;color:#97b29a}.td-bag-row button{font-size:11px;padding:5px 9px;flex-shrink:0}.td-shop-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid #49604d;gap:10px}.td-shop-row p{font-size:11px;margin:3px 0}.td-shop-row b{font-size:14px;color:#e4d5b1}.td-shop-row button{background:#4d5541;color:#e9d3a7;min-width:87px}.td-point-balance{display:flex;justify-content:space-between;align-items:center;background:#142a28;border:1px solid #53674e;padding:12px 16px;font-size:12px;color:#b9c9ad}.td-point-balance b{font-size:22px;color:#e6c68c}.td-pack-row{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid #3c5344;padding:10px 0;font-size:12px}.td-pack-row div{display:flex;gap:12px;align-items:center}.td-pack-row button{padding:2px 10px}.td-pack-row small{color:#819e8d}.td-help-list{padding-left:20px;font-size:13px;color:#aabfae}.td-help-list li{margin-bottom:12px}.td-help-list b{color:#e4d7b5}.td-records{padding:0;list-style:none}.td-records li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #425c4a;font-size:12px;gap:12px}.td-records span{font-size:11px;color:#99b29c}.td-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.td-result-grid div{text-align:center;padding:16px 8px;background:#182a2b;border:1px solid #4a5e4b;color:#9db09b;font-size:11px}.td-result-grid b{display:block;font:30px Georgia,serif;color:#e9cc96}.td-toast{position:fixed;z-index:11000;left:50%;bottom:25px;transform:translateX(-50%);padding:13px 22px;max-width:calc(100% - 32px);border:1px solid #a89a70;border-radius:5px;background:#293c32;color:#f0dfb5;box-shadow:0 8px 30px #0008;font-size:13px;text-align:center}.td-modal-open{overflow:hidden}.td-period-tabs{display:flex;gap:8px;margin-bottom:14px}.td-period-tabs button[aria-pressed=true]{border-color:#c8b47f}.td-status-line{color:#dcc395!important}.td-dialog .td-warning{color:#e0b49a;font-size:12px}.td-controls button{touch-action:manipulation;user-select:none;-webkit-user-select:none}.td button{touch-action:manipulation}kbd{font-family:monospace}.td-details-button{display:none}
@media(min-width:1450px){.td{padding-left:60px;padding-right:60px}.td-body{grid-template-columns:minmax(0,1fr) 310px}.td-viewport>canvas{max-height:calc(100vh - 330px);min-height:430px}}
@media(max-width:1050px){.td{padding:0 20px 20px}.td-body{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.td-panel{padding:12px}.td-resources{gap:10px}.td-vitals{gap:8px;padding:8px 10px}.td-controls{gap:12px;padding:12px}.td-action-grid{gap:5px;grid-template-columns:repeat(4,minmax(50px,1fr))}.td-action-grid button{font-size:12px;padding:7px 4px}.td-supply-link{display:block}.td-supply-link small{display:block}.td-brand small{display:none}}
@media(max-width:760px){.td{padding:0 12px 20px}.td-top{min-height:66px;margin-bottom:16px;gap:8px}.td-brand{font-size:21px;gap:9px}.td-home{font-size:11px}.td-top-actions{gap:4px}.td-top-actions button{font-size:11px;padding:4px 7px}.td-body{display:block}.td-floorbar{margin-bottom:12px}.td-floorbar h1{font-size:17px}.td-floor-number{font-size:30px;padding-right:10px}.td-floorbar>div{gap:10px}.td-floorbar small{font-size:9px}.td-turn{font-size:11px}.td-vitals{padding:8px;gap:9px}.td-vitals canvas{width:32px;height:32px}.td-hp{max-width:none;min-width:70px}.td-hp>div:first-child{font-size:10px}.td-level{padding:0 8px}.td-level b{font-size:11px}.td-level span{font-size:9px}.td-resources{gap:8px}.td-resources span{font-size:9px}.td-resources b{font-size:15px}.td-viewport>canvas{max-height:none}.td-scene-label{left:8px;bottom:8px;font-size:9px;padding:3px 6px}.td-context{font-size:11px;padding:8px 10px;min-height:36px}.td-controls{padding:14px 10px;gap:12px}.td-dpad{grid-template-columns:32px 32px 32px;grid-template-rows:29px 29px 29px}.td-action-grid{grid-template-columns:1fr 1fr;max-width:270px;gap:7px}.td-action-grid button{min-height:43px;font-size:12px;padding:5px}.td-action-grid kbd{display:none}.td-action-grid [data-ui=cooldown]{font-size:9px;line-height:1.2}.td-game-footer{font-size:9px;padding:10px 0}.td-sidebar{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.td-map-panel{display:none}.td-log-panel ol{max-height:175px}.td-supply-link{grid-column:1/-1;display:flex}.td-panel-title h2{font-size:11px}.td-panel-title>span{font-size:9px}.td-log-panel li{font-size:10px}.td-equip-row{gap:6px}.td-equip-row b{font-size:10px}.td-equip-row small{font-size:8px}.td-item-icon{width:25px;height:25px}.td-stats b{font-size:16px}.td-stats span{font-size:9px}.td-dialog-backdrop{padding:14px}.td-dialog{padding:24px 20px;max-height:calc(100dvh - 28px)}.td-dialog h2{font-size:23px}.td-dialog p{font-size:12px}.td-job-grid{gap:8px;margin:16px 0}.td-job-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px!important;gap:4px;min-height:160px}.td-job-card canvas{width:52px;height:52px}.td-job-card b{font-size:14px}.td-job-card span{font-size:10px}.td-dialog-actions{gap:8px}.td-dialog-actions button{min-width:80px;font-size:12px}.td-modes button{font-size:11px;padding:9px}.td-modes small{font-size:9px}.td-menu-links{gap:16px}.td-menu-links button{font-size:11px}.td-result-grid b{font-size:24px}.td-pack-row{font-size:11px}}
@media(max-width:350px){.td{padding:0 8px 12px}.td-brand{font-size:18px}.td-brand-mark{display:none}.td-top-actions button{font-size:10px}.td-resources{gap:5px}.td-level{padding:0 5px}.td-vitals{gap:6px}.td-controls{gap:8px;padding:12px 8px}.td-action-grid{gap:5px}.td-game-footer>span{font-size:8px}.td-dialog{padding:20px 16px}.td-job-card{padding:10px!important}}
.td-viewport>canvas{max-height:none;min-height:0;object-fit:fill}
@media(max-width:760px){.td-top{min-height:58px;margin-bottom:12px}.td-floorbar{margin-bottom:8px}.td-controls{padding-top:10px;padding-bottom:10px}.td-game-footer{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.td *{transition:none!important}.td-dialog-backdrop{backdrop-filter:none}}