:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#222;color:#171718}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:2px solid #e9b833;outline-offset:2px}[hidden]{display:none!important}#gameWindow{width:770px;height:560px;overflow:hidden;position:relative}main{width:770px;height:560px;position:relative;isolation:isolate;overflow:hidden;background:#35413e;font-size:10px}.backdrop{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 50% 85%,#c5c8ad66 0,transparent 38%),linear-gradient(100deg,#121e22aa,#253d3a77 45%,#151922bb),repeating-linear-gradient(92deg,transparent 0 35px,#07141590 36px 48px,transparent 53px 94px),linear-gradient(#7f9c99,#2e4443 60%,#7b8874)}.backdrop:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#d9e0d20b 0 2px,transparent 2px 7px);opacity:.5}.killerArt{position:absolute;z-index:-2;right:82px;top:65px;width:220px;height:405px;background:url('/img/the-trapper/trapper.png') center top/contain no-repeat;opacity:.68;filter:grayscale(.4) drop-shadow(0 0 15px #000)}.windowTools{position:absolute;top:3px;left:4px;right:5px;height:22px;display:flex;align-items:center;gap:6px;color:#e7e6dd;font-size:8px;z-index:4}.windowTools button{font-size:8px;color:#eee;border:1px solid #a7afaa88;background:#233330b5;border-radius:9px;padding:3px 7px}.windowTools label{display:flex;align-items:center;gap:3px;background:#15282399;padding:2px 6px;border-radius:8px}.windowTools input{width:10px;height:10px;margin:0;accent-color:#9b3e3e}#scaleButton{margin-left:auto}.topbar{position:absolute;top:27px;left:146px;width:477px;height:55px;display:grid;grid-template-columns:133px 196px 148px;gap:0}.profile{position:relative;min-width:0;padding-right:55px;text-align:right;line-height:13px;text-shadow:0 1px #d6e0d477}.profile b{display:block;color:#802a2b;font-size:14px}.profile span{display:block;font-weight:bold;font-size:10px}.profile img{position:absolute;right:2px;top:0;width:50px;height:50px;object-fit:cover;object-position:top;background:#56655b;border:1px solid #101c19}.profile.opponent{text-align:left;padding:0 0 0 57px}.profile.opponent img{left:4px;right:auto}.turnCenter{text-align:center;position:relative;top:0}#endTurn{background:none;border:0;width:196px;padding:0;color:#101c19;font:bold 11px Arial;line-height:13px;text-shadow:0 1px #d9e3d48c}#endTurn:disabled{opacity:.65}.timerTrack{display:block;border:1px solid #15211e;background:#e7e8d6;height:11px;width:194px;margin:2px 0 5px}.timerTrack i{display:block;background:#a72e32;width:100%;height:100%;transition:width .2s linear}.timerTrack i.urgent{background:#df632b}.energyBar{display:flex;gap:6px;justify-content:center;align-items:center;font-size:10px;height:14px}#energy{display:flex;gap:8px}.energyItem{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.orb{display:inline-block;width:10px;height:10px;background:var(--color);border:1px solid #182220;vertical-align:middle}.costs .orb{width:9px;height:9px}.costs small{display:none}#energyTotal{font-weight:bold}#exchangeButton{border:0;background:none;color:#15201e;font-size:9px;padding:0;line-height:13px}#exchangeButton:disabled{opacity:.5}.battle{position:absolute;top:64px;left:0;width:770px;height:353px}.fighter{position:absolute;height:111px;width:467px;left:31px;top:0}.fighter:nth-child(2){top:120px}.fighter:nth-child(3){top:240px}.portraitBlock{position:absolute;left:0;top:0;width:77px}.portrait{display:block;width:77px;height:77px;border:1px solid #131c18;background:radial-gradient(#a4afa0,#2d3432);padding:0;position:relative;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.6);transform-origin:50% 16%}.portrait:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 9px #0006;pointer-events:none}.hp{position:relative;height:15px;width:77px;border:1px solid #122117;background:#e4e3ca}.hp i{position:absolute;left:0;top:0;bottom:0;background:#83ad4c}.hp b{position:relative;display:block;text-align:center;font-weight:normal;font-size:10px;line-height:13px;color:#111}.hp.low i{background:#bf5c3d}.fighterInfo{position:absolute;left:82px;top:0;width:380px;height:110px}.fighter h3{position:absolute;top:4px;left:28px;margin:0;font-size:9px;text-transform:uppercase;color:#dae0d1;text-shadow:1px 1px #111}.statusRow{height:23px;position:absolute;top:0;left:0;display:flex;gap:3px;align-items:start;max-width:360px}.effectIcon,.targetAction{width:22px;height:22px;position:relative;border:1px solid #18271f;background:#e8e3c5;padding:0;flex-shrink:0}.effectIcon img,.targetAction img{width:100%;height:100%;object-fit:contain;background:#2b3130}.effectIcon b{position:absolute;bottom:0;right:0;background:#ded4ac;color:#111;font:8px Arial;min-width:7px}.effectIcon.passive{border-color:#bdb390}.effectIcon.passive b{background:#ad985b}.skills{position:absolute;top:25px;left:0;width:370px;height:79px;display:flex;align-items:center;gap:6px;padding:7px 10px;background:linear-gradient(105deg,#e8e2c4,#c9c7af 40%,#ece5ca);border:5px solid #6e3030;border-left:7px solid #4d2224;border-right:10px solid #552426;box-shadow:inset 0 0 0 1px #a2a28d,1px 3px 2px #10171488}.skill,.preparedAction{position:relative;flex-shrink:0;width:56px;height:56px;border:1px solid #373930;padding:0;background:#1c2323;color:#d6d2bd}.skill img,.preparedAction img{width:100%;height:100%;object-fit:contain}.preparedAction{margin-right:13px;font-size:39px;font-weight:bold;background:#41433d;color:#808278}.skill.unavailable img{opacity:.27;filter:grayscale(.6)}.skill.active{outline:2px solid #e4b65b;outline-offset:1px}.cooldown{position:absolute;inset:0;display:grid;place-content:center;font:bold 30px Arial;color:#111;background:#e8dfbb99}.skill .skillName{display:none}.validTarget .portrait{box-shadow:0 0 0 2px #e6cf54}.validTarget .portrait:after{background:#eddd3e45}.dead{filter:grayscale(1);opacity:.55}.deadMark{position:absolute;inset:0;display:grid;place-content:center;color:#c03434;font-size:50px}.targetActions{position:absolute;left:-28px;top:0;display:flex;gap:2px;max-width:120px;justify-content:end;transform:translateX(-100%)}#enemies .fighter{left:659px;width:78px}#enemies .fighterInfo{left:-140px;width:135px}#enemies .fighter h3{display:none}#enemies .statusRow{left:auto;right:0;justify-content:end;max-width:135px}#enemies .skills{display:none}#enemyInspect{position:absolute;right:139px;top:404px;display:flex;gap:4px;height:24px}#enemyInspect button{width:25px;height:25px;padding:0;background:#b7baa9;border:1px solid #24342a;position:relative}#enemyInspect img{width:100%;height:100%;object-fit:contain}#enemyInspect .cooldown{font-size:15px}#message{position:absolute;left:113px;top:417px;width:510px;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;color:#f1f1dc;text-shadow:1px 1px #10211a;pointer-events:none}.bottomTools{position:absolute;left:19px;top:442px;width:220px;height:104px;border-left:10px solid #4c2825;border-block:5px solid #733430;background:linear-gradient(115deg,#dbdac0,#9eab99);padding:4px 9px;box-shadow:2px 3px 3px #17221b88}.bottomTools strong{position:absolute;right:11px;top:24px;font-size:25px;line-height:22px;color:#5a292b;transform:rotate(-7deg);opacity:.65}.bottomTools strong span{font-size:19px;letter-spacing:3px}.bottomTools button{display:block;border:1px solid #4b5142;background:#e9e3c8;color:#29291f;min-width:104px;height:20px;padding:1px 4px;font-size:8px;margin-bottom:4px;position:relative;z-index:1}.bottomTools #round{position:absolute;bottom:2px;right:7px;font-size:9px}#details{position:absolute;left:248px;top:437px;width:522px;height:112px;border-block:8px solid #6f3030;border-left:14px solid #492326;background:linear-gradient(110deg,#ebe3c2,#d5d3b7);padding:9px 10px 6px;color:#171b17;overflow:hidden}#details .detailIcon{width:77px;height:77px;object-fit:contain;float:left;margin-right:8px;background:#242b29;border:1px solid #353b2f}#details .eyebrow{display:block;color:#79272a;font-weight:bold;font-size:11px;text-transform:uppercase;margin-right:100px}#details h2{font-size:11px;margin:0 0 3px;text-transform:uppercase;color:#78282b}#details p{font-size:9px;line-height:12px;margin:2px 0;text-transform:uppercase}#details .meta{position:absolute;bottom:6px;left:103px;font-size:8px;text-transform:uppercase;color:#575c4f}#details .costs{position:absolute;top:8px;right:9px;display:flex;gap:4px;align-items:center;font-size:8px}#details .recharge{position:absolute;bottom:6px;right:9px;color:#565c4e;font-size:8px}.miniEffects{display:flex;gap:3px}.miniEffects button{width:23px;height:23px;padding:0}#overlay{position:absolute;inset:0;background:#0004;z-index:10;display:grid;place-items:center}#paymentPanel{position:relative;width:387px;min-height:250px;margin-left:45px;padding:19px 25px 10px 25px;background:linear-gradient(110deg,#f1eacb,#e4dfbe);border:8px solid #813a36;border-left-width:11px;box-shadow:3px 5px 4px #1118}.scrollBinding{position:absolute;left:-62px;top:-14px;bottom:-15px;width:55px;border:4px solid #402d28;border-top:12px solid #733a35;border-bottom:12px solid #733a35;background:linear-gradient(90deg,#3b4f3e,#7d8b62 45%,#3b503d);border-radius:50%/4%;box-shadow:3px 0 3px #1118}.scrollBinding:after{content:'Ⅴ Ⅰ Ⅰ Ⅰ Ⅴ';position:absolute;inset:25px 9px;font-size:24px;writing-mode:vertical-rl;opacity:.4}#paymentTitle{font-size:12px;text-align:center;margin:0 0 18px;text-transform:uppercase;color:#111}#paymentTitle em{font-style:normal;color:#a4292d}#paymentGrid{font-size:10px;color:#111}.paymentHeader,.paymentRow{display:grid;grid-template-columns:1fr 21px 25px 25px 1fr 17px;gap:0;align-items:center;min-height:18px}.paymentHeader{grid-template-columns:1fr 1fr;font-size:10px;margin-bottom:4px;font-weight:bold}.paymentHeader span:last-child{padding-left:12px}.paymentRow .kind{display:flex;align-items:center;gap:3px;font-size:9px;text-transform:uppercase}.paymentRow .leftNum,.paymentRow .spentNum{text-align:center}.paymentRow button{font:bold 19px Arial;background:none;border:0;padding:0;width:25px;height:18px;line-height:14px;color:#161c13}.paymentRow button:disabled{opacity:.22}.paymentRow .rightKind{padding-left:8px}.paymentRow .orb{width:10px;height:10px}#paymentSkills{display:flex;gap:7px;min-height:33px;padding:10px 2px 0}#paymentSkills img{width:35px;height:35px;object-fit:contain;border:1px solid #3c4434;background:#28302b}.paymentActions{display:flex;justify-content:center;gap:40px;margin-top:13px}.paymentActions button,dialog>button{font:bold 14px Arial;background:#f2e9c9;border:1px solid #57533c;color:#161a12;min-width:91px;height:28px}.paymentActions button:disabled{opacity:.4}#paymentError{font-size:9px;text-align:center;color:#9b3232;margin:5px 0 0}#exchangeChoice{font-size:10px;margin-top:8px}#exchangeChoice select{background:#f2ebd3;color:#222;border:1px solid #7b7863}dialog{background:#e5dec0;color:#1d241c;border:7px solid #72322f;padding:17px;width:370px;max-width:90vw;font-size:11px}dialog h2{font-size:14px;margin:0 0 12px}dialog::backdrop{background:#0007}#roster{display:flex;gap:12px;margin:10px 0}#roster button{background:#c9c6ac;color:#222;border:1px solid #5c6955;width:94px;padding:4px;font-size:10px}#roster button.selected{border:2px solid #a23837;background:#efe3b7}#roster img{width:70px;height:70px;object-fit:cover;object-position:top;background:#485c50}#roster b{display:block}#log{max-height:240px;overflow:auto}footer{font:10px Arial;color:#aaa;padding:10px 12px;width:770px;max-width:100%;line-height:1.5}
#details .energyExplanation{position:absolute;bottom:16px;left:103px;font-size:8px!important;line-height:10px;margin:0;text-transform:none;color:#363f30}#details .recharge{bottom:3px}#details>p:not(.energyExplanation){max-height:48px;overflow:auto;padding-right:2px}#energyHelpBody p{font-size:11px;line-height:1.5}#paymentPanel{min-height:250px}.fighter h3{left:30px}#details .costs .orb{margin-left:1px}
.backdrop{background:linear-gradient(90deg,#0e1914a8,#19231b66 57%,#0b1714a8),url('/img/the-trapper/forest.png') center/cover no-repeat}.backdrop:after{background:linear-gradient(0deg,#95a08066,transparent 70%)}.killerArt{top:78px;right:98px;height:355px;width:181px;opacity:.7}.profile{color:#e6e5d2;text-shadow:1px 1px #12221a}.profile b{color:#e0b3a0}.profile.opponent span{font-size:8px}#endTurn,#exchangeButton,.energyBar{color:#f0ecda;text-shadow:1px 1px #101a14}#details .energyExplanation{max-width:390px}
#allies .targetActions{left:55px;top:-4px;transform:none}#enemies .targetActions{left:-28px;top:25px;transform:none}.fighter h3{display:none}.statusRow{max-width:360px}#details>p:not(.energyExplanation){max-height:43px}#details .energyExplanation{bottom:15px}
body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 0 0;min-height:100vh}#gameWindow{flex-shrink:0}footer{font-size:8px;text-align:center;padding:3px 0;line-height:10px;width:auto;max-width:96vw}#timerSeconds{position:absolute;right:1px;top:-11px;font:9px Arial;color:#eee7c9}#energyStatus{font-size:8px;height:10px;line-height:10px;color:#eee2c7;text-shadow:1px 1px #14261c;white-space:nowrap}.topbar{top:30px}#exchangeButton{font-size:8px;line-height:9px}#turnSummary{position:absolute;left:230px;bottom:-12px;width:510px;display:flex;gap:10px;color:#eee7d4;font-size:8px;white-space:nowrap;text-shadow:1px 1px #152119}.bottomTools{height:104px}.bottomTools strong{font-size:20px;right:6px;top:33px}.bottomTools strong span{font-size:15px}.bottomTools button{height:18px;margin-bottom:3px;font-size:7px}#newGameButton{background:#f1df9c;font-weight:bold;font-size:9px;height:21px;min-width:105px;border:1px solid #795b29}.skill.queuedLock{cursor:help}.preparedAction:has(img){outline:2px solid #c28a43;outline-offset:1px}#paymentPanel{min-height:280px;padding-top:13px}#paymentTitle{margin-bottom:8px}#paymentNotice{font-size:9px;line-height:13px;text-align:center;color:#474d38;margin:0 0 8px}#energyHelpBody{max-height:48vh;overflow:auto}.statusRow .effectIcon:not(.passive){border-color:#e5c66f;box-shadow:0 0 0 1px #77602b}#energyTotal{cursor:help}#turnSummary span:last-child{color:#ebce8d}
#turnSummary{left:230px;top:-14px;bottom:auto;font-size:7.5px;line-height:10px;gap:9px}#message{top:411px;height:12px;line-height:11px}#exchangeButton{position:absolute;left:201px;top:49px;width:91px;white-space:nowrap;color:#f0e4cc}#energyStatus{font-size:7px}
.energyBar{width:280px;position:relative;left:-42px;gap:5px}#energy{gap:5px}.energyName{font-size:6px;font-weight:normal;text-transform:uppercase;margin-right:1px}.energyBar .energyItem{font-size:8px}.energyBar .orb{width:8px;height:8px}
.skill:disabled{cursor:not-allowed}.skill:disabled img{opacity:.25;filter:grayscale(.8)}#paymentSkills{align-items:flex-start;gap:13px;position:relative;padding-top:17px;min-height:83px}#paymentSkills:before{content:'ORDEM DE EXECUÇÃO · ARRASTE OU USE AS SETAS';position:absolute;left:0;top:4px;font-size:7px;color:#62684d}.queueSkill{position:relative;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:2px}.queueSkill>b{position:absolute;left:-5px;top:-5px;color:#141a11;background:#e6d7a0;border:1px solid #776b43;font-size:8px;min-width:11px;text-align:center;z-index:1}.queueSkill>div{display:flex;gap:2px}.queueSkill button{background:#ede3bf;color:#172014;border:1px solid #898263;padding:0;width:17px;height:15px;font-size:12px;line-height:10px}.queueSkill button:disabled{opacity:.25}.queueSkill.dragging{opacity:.4}.paymentActions{margin-top:5px}
#turnSummary{top:-22px;font-size:7.5px}.energyName{font-size:7.5px}
.profile.own{transform:translateX(-50px)}.profile.opponent{transform:translateX(50px)}#exchangeButton{left:210px;top:58px}
.energyBar{width:196px;left:0;gap:6px;justify-content:center}.energyBar .energyItem{font-size:10px}#energy{gap:8px}.energyBar .orb{width:10px;height:10px}.profile.own{transform:none}.profile.opponent{transform:none}#exchangeButton{left:201px;top:58px}.skill{background:radial-gradient(ellipse at 35% 25%,#354439,#121c16);border:1px solid #5f654a;box-shadow:inset 0 0 0 1px #161f17,inset 0 0 12px #0005}.skill:not(:disabled):hover{outline:2px solid #d4b764;outline-offset:1px}.skill img{padding:2px;filter:contrast(1.08)}.preparedAction{background:#41433b}.bottomTools button{height:14px;margin-bottom:2px;font-size:7px}.bottomTools #newGameButton{height:18px;font-size:8px}.inLobby .topbar,.inLobby .battle,.inLobby #enemyInspect,.inLobby #message,.inLobby .bottomTools,.inLobby #details{display:none}#lobbyScreen{position:absolute;left:22px;top:33px;width:726px;height:514px;color:#182017}#characterPreview{position:absolute;top:0;left:0;width:726px;height:226px;border:7px solid #71352f;background:linear-gradient(115deg,#eee5c5,#d7d3af);padding:10px 14px;box-shadow:3px 3px 0 #11201677}#previewName{font:bold 15px Arial;color:#85352e;text-transform:uppercase;margin:0}#previewPortrait{position:absolute;top:35px;left:14px;width:77px;height:77px;object-fit:cover;object-position:top;border:1px solid #263522;background:#4d5a44}#previewSkills{position:absolute;top:36px;left:129px;display:flex;gap:15px}#previewSkills button{width:61px;height:61px;background:#1a251b;border:1px solid #4e5b39;padding:2px}#previewSkills button.active{outline:2px solid #af762f;outline-offset:2px}#previewSkills img{width:100%;height:100%;object-fit:contain}#previewRole{position:absolute;right:15px;top:40px;font-size:10px;color:#606848}#addPreview{position:absolute;right:14px;top:73px;background:#f0e4b7;border:1px solid #79734e;color:#282e18;font-size:8px;width:145px;height:25px}#addPreview:disabled{opacity:.4}#previewDescription{position:absolute;left:14px;right:14px;top:121px;bottom:8px;overflow:auto}#previewDescription h3{margin:0 0 3px;color:#86372d;font-size:11px;text-transform:uppercase}#previewDescription p{font-size:10px;line-height:14px;margin:0 0 4px}#previewDescription small{font-size:9px;color:#636946}.menuCosts{display:flex;align-items:center;gap:3px;font-size:9px;min-height:16px}.menuCosts b{margin-left:auto;color:#6b7051;font-size:9px}.menuCosts span{margin-left:7px}.menuCosts .orb{width:10px;height:10px}#startCpuButton{position:absolute;left:250px;top:242px;width:226px;height:31px;color:#222b19;border:2px solid #77724d;background:linear-gradient(#eee5c4,#c9c48f);font:bold 13px Arial;box-shadow:2px 2px 0 #151d1688}#startCpuButton:disabled{opacity:.5}#lobbyNotice{position:absolute;left:0;right:0;top:277px;margin:0;text-align:center;font-size:10px;color:#f1e8c8;text-shadow:1px 1px #192c1d}#lobbyBottom{position:absolute;left:0;top:300px;width:726px;height:212px;background:linear-gradient(120deg,#e7dfbb,#d0cca9);border:7px solid #763831;padding:10px}#rosterFilters{display:flex;gap:7px}#rosterFilters button{padding:4px 9px;background:#d7d0aa;border:1px solid #848261;font-size:9px;color:#343c25}#rosterFilters button.active{background:#f2e1a6;border-color:#8b4a2e}#rosterFilters #presetTrio{margin-left:5px;font-size:8px}#lobbyRoster{display:flex;gap:14px;position:absolute;left:18px;top:52px;width:385px}#lobbyRoster button{width:104px;padding:0 0 5px;background:transparent;border:1px solid transparent;color:#25301c;font-size:10px}#lobbyRoster img{width:83px;height:91px;object-fit:cover;object-position:top;background:#6d7959;border:1px solid #5d6849}#lobbyRoster b{display:block;margin-top:4px;font-size:10px}#lobbyRoster button.inspected{outline:1px solid #b27e37}#lobbyRoster button.picked img{box-shadow:0 0 0 2px #937432}#teamSelection{position:absolute;right:13px;top:41px;width:258px;border-left:1px solid #93956f;padding-left:17px}#teamSelection h3{font-size:11px;color:#6c3227;margin:0 0 9px}#teamSlots{display:flex;gap:7px}#teamSlots button,.emptySlot{width:67px;height:84px;padding:0;background:#babd93;border:1px solid #6b7655;position:relative}#teamSlots img{width:65px;height:65px;object-fit:cover;object-position:top;background:#5f6e51}#teamSlots span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#222b17;max-width:64px}#teamSlots b{position:absolute;right:0;top:0;width:13px;height:13px;background:#82362d;color:#f6e7b7;font:12px Arial}.emptySlot{display:grid;place-content:center;font-size:23px;color:#879069}#teamSelection p{font-size:9px;line-height:13px;color:#586243;margin:9px 0 0}.inLobby .killerArt{opacity:.2}.windowTools{z-index:5}