:root{--paper:#e9e3d2;--sheet:#efe5cc;--red:#79251e;--blue:#163d70;--chat-height:130px;--header-height:82px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:#181814;font:11px/1.16 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #46759c;outline-offset:2px}[hidden]{display:none!important}h1{font-size:18px;font-weight:normal;margin:4px 0 18px}h2{font-size:16px;font-weight:normal;margin:12px 0 7px;color:#444}h3{font-size:12px;margin:8px 0 2px}p{line-height:1.35;margin:7px 0}.small-link{padding:0;border:0;background:none;color:var(--blue);font-size:11px}.small-link:hover{text-decoration:underline}.hint{font-size:11px;color:#66645b;line-height:1.25}.game-header{height:var(--header-height);background:#24241e url('/assets/original/interface/rev3/top_bg.gif') repeat-x;position:relative}.header-left{position:absolute;left:0;top:0;width:308px;height:82px;background:url('/assets/original/interface/rev3/top_left.jpg') no-repeat}.logo-hit{position:absolute;left:0;top:0;width:90px;height:76px}.header-left button,.header-right button{position:absolute;width:47px;height:49px;top:9px;background:none;border:0;border-radius:50%}.header-left button:hover,.header-right button:hover{box-shadow:inset 0 0 15px #ede4aa44}.header-left button[data-tab=world]{left:178px}.header-left button[data-tab=inventory]{left:239px}.header-center{position:absolute;width:402px;height:82px;left:50%;transform:translateX(-50%);background:url('/assets/original/interface/rev3/top_central.jpg') no-repeat;text-align:center;color:#bcb8a7}.header-center>span:first-child{display:block;padding-top:5px;font-size:15px;height:29px}.header-meter{position:absolute;top:50px;left:91px;width:219px;height:7px;background:linear-gradient(#203409,#78a621 45%,#315808 65%,#172304);border:1px solid #132206}.header-right{position:absolute;right:0;top:0;width:288px;height:82px;background:url('/assets/original/interface/rev3/top_right.jpg') no-repeat}.header-right button[data-tab=battle]{left:13px}.header-right button[data-tab=profile]{left:73px}.header-right #help{left:132px}#connection{position:absolute;top:62px;left:0;right:0;color:#a6a386;font-size:9px}#connection.connected{color:#8b9b60}#entry{height:calc(100dvh - var(--header-height));overflow:auto;display:grid;place-items:center;background:radial-gradient(#f6efd9,#b8ae91)}.entry-frame{width:min(410px,90vw);padding:38px;border:10px ridge #ad9b77;background:var(--sheet);text-align:center;box-shadow:0 4px 22px #0003}.entry-frame h1{font:28px Georgia;color:var(--red)}#join{display:grid;gap:10px;text-align:left;margin:25px 0}input{padding:7px;border:1px solid #706e5b;background:#f7f2db;color:#1c2017}.bevel{padding:6px 16px;background:linear-gradient(#fcf6df,#d6c295 45%,#d3c093 50%,#f0e0b7);border:3px double #94815d;box-shadow:inset 1px 1px #fff7dc;color:#4a3422}.bevel:hover{filter:brightness(1.08)}#game{height:calc(100dvh - var(--header-height));display:flex;flex-direction:column}.game-scroll{flex:1;min-height:0;overflow:auto;border-left:5px ridge #baad88;border-right:5px ridge #baad88;scrollbar-color:#aaa99e #ded9c8}.game-columns{display:grid;grid-template-columns:270px 230px minmax(420px,1fr);gap:10px;padding:7px 42px 25px;align-items:start;min-height:100%}.identity{height:20px;text-align:center;white-space:nowrap}.alignment{font-size:18px;color:#953b29}.identity-icons{color:#466078;font-size:13px}.resources{margin:0 0 5px 8px}.resources>div{height:12px;display:flex;align-items:center;gap:7px}.resources>div>span{width:17px}.resources small{font:9px Arial;width:60px}.resource-track{width:175px;height:3px;background:#c3bda6}.resource-track i{display:block;width:100%;height:100%;background:#963c30}.stamina{background:#b5c2a0}.spirit{background:#a7afd1}.equipment-doll{display:grid;grid-template-columns:70px 120px 70px;gap:4px;align-items:start}.slot-column{display:flex;flex-direction:column;gap:1px}.slot{display:flex;align-items:center;justify-content:center;width:70px;padding:0;border:0;background:transparent url('/assets/original/interface/rev3/slot_70x35.gif') center/100% 100%;color:#a59b80;font-size:9px}.slot:hover{outline:1px solid #a58b55}.slot img{max-width:100%;max-height:100%;mix-blend-mode:multiply}.slot.h45{height:45px;background-image:url('/assets/original/interface/rev3/slot_70x45.gif')}.slot.h80{height:80px;background-image:url('/assets/original/interface/rev3/slot_70x80.gif')}.slot.h95{height:95px;background-image:url('/assets/original/interface/rev3/slot_70x95.gif')}.slot.h35{height:35px}.slot.h70{height:70px;background-image:url('/assets/original/interface/rev3/slot_70x70.gif')}.double-slot{display:flex}.slot.ring{width:35px;height:35px;font-size:25px;background-image:url('/assets/original/interface/rev3/slot_35x35.gif')}.doll-center{padding-top:35px;text-align:center}.silhouette{display:block;width:120px;height:220px;object-fit:fill;background:#030306}.doll-center .small-link{font-size:10px;margin-top:3px}.rune-slots{display:flex;gap:3px;justify-content:center;margin:5px 0}.rune-slots span{width:29px;height:29px;background:url('/assets/original/interface/rev3/empty_slot.gif') center/cover;color:#a59c81;text-align:center;font:24px Georgia}.equipment-actions{text-align:center;margin-bottom:20px;font-size:10px}.equipment-actions button{font-size:10px}.stats-table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.1}.stats-table td,.stats-table th{border:1px solid #9d9b8e;padding:1px 3px;text-align:left;font-weight:normal}.stats-table tbody td:last-child{font-weight:bold;min-width:45px}.stats-table.compact th{font-size:10px;white-space:nowrap}.stats-table.compact tbody td{font-weight:bold;min-width:0}.character .stats-table td:first-child{width:54%}.character .hint{margin-top:3px}.parameters{padding-top:2px}.parameters .quick-links{margin-bottom:3px}.parameters h3{margin-top:8px}.money{font-size:10px;font-weight:bold;white-space:nowrap;margin-bottom:11px}.parameters .hint{margin:4px 0 8px}.prototype-note{margin-top:16px!important;color:#85816d;font-size:10px}.workspace{min-width:0}.sheet-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-left:185px;position:relative;z-index:1;gap:1px;min-width:330px}.sheet-tabs button{height:27px;padding:2px 5px;background:linear-gradient(#ddcfae,#a18f6d 13%,#f0e5ce 32%,#d8ccb0 63%,#b4a17c 91%,#e6dabd);border:4px ridge #c3b495;border-radius:6px 6px 0 0;font:bold 11px Georgia;color:#6b251e;white-space:nowrap}.sheet-tabs button.selected{background:var(--sheet);border-bottom-color:var(--sheet);height:30px;margin-bottom:-3px}.sheet{position:relative;min-height:550px;background:var(--sheet);border:9px ridge #b9a682;outline:1px solid #978360;margin-top:-1px;box-shadow:inset 0 0 3px #f8edcd;padding:12px 12px 24px}.sheet:before{content:'';position:absolute;top:-9px;left:-9px;width:30px;height:30px;background:url('/assets/original/interface/rev3/paged_top_left.gif');pointer-events:none}.inventory-tabs{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 8px;min-height:24px;align-items:center;font-size:13px}.inventory-tabs button{border:0;border-right:1px solid #524b3b;background:none;color:var(--blue);padding:0 5px;line-height:16px}.inventory-tabs button:last-child{border-right:0}.inventory-tabs .selected{color:#ddd;background:#43413c;border-right:0}.inventory-item{display:grid;grid-template-columns:137px minmax(0,1fr);gap:8px;padding:8px 0 12px;position:relative;min-height:190px;border-top:3px solid #8d3427;border-image:url('/assets/original/interface/rev3/line_red.gif') 3 stretch}.inventory-item:before{content:'';position:absolute;left:0;top:-3px;width:12px;height:5px;background:url('/assets/original/interface/rev3/item_delim_left.gif')}.item-visual{text-align:center;padding:3px 0}.item-visual img{width:70px;height:80px;object-fit:contain;display:block;margin:0 auto 7px;mix-blend-mode:multiply}.item-visual button{display:block;margin:3px auto;background:none;border:0;padding:0;color:#3e3b32;font-size:10px}.item-visual button:not(:disabled):hover{color:#163f72;text-decoration:underline}.item-name{background:#41423d;color:#fff;font-weight:normal;font-size:11px;padding:3px;margin:0 0 3px}.item-details{font-size:11px;line-height:1.15}.item-heading{color:#000099;font-weight:bold;margin-top:4px}.item-note{font-style:italic;margin:4px 0;line-height:1.2}.item-wear{color:#007600}.item-equipped{color:#006000;font-weight:bold}.empty-category{border-top:2px solid #8d3427;padding:40px 10px;text-align:center;color:#686352;font-size:12px}.view-content{padding:12px;min-height:400px;font-size:12px}.view-content .hint{margin-top:25px}.view-content dl{line-height:1.6}.view-content dd{margin:0 0 12px;font-weight:bold}.exits{display:flex;gap:10px;margin:15px 0 25px;flex-wrap:wrap}.exits button{background:none;border:0;color:var(--blue);text-decoration:underline;padding:2px}.city-illustration{height:210px;background:linear-gradient(#888c78,#d2c19b);display:flex;align-items:end;justify-content:center;gap:12px;overflow:hidden;border:5px ridge #b7a57f;color:#615e48}.city-illustration span{font:180px Georgia;line-height:1}.city-illustration span:nth-child(2){font-size:240px}.battle-heading{display:flex;justify-content:space-between;gap:10px}.battle-heading>span{color:var(--red);white-space:nowrap}.combatant{margin:10px 0 20px}.combatant>div:first-child{display:flex;justify-content:space-between}.hp{height:7px;background:#c8c1a8;border:1px solid #74745d;margin-top:4px}.hp>div{height:100%;background:#528b33;transition:width .2s}.enemy .hp>div{background:#a84432}fieldset{border:0;margin:14px 0;padding:0}legend{padding:0 0 7px;font-weight:bold}.zone-buttons{display:flex;gap:5px;flex-wrap:wrap}.zone-buttons button{padding:5px 10px;border:1px solid #a39676;background:#e8dcbd;flex:1}.zone-buttons .selected{border-color:#943c2a;background:#f9ebcc;color:#6b201a;box-shadow:inset 0 0 0 1px #ac7454}.battle-log{font-size:11px;line-height:1.5;color:#575345}.battle-log>div{padding:3px 0;border-bottom:1px dotted #b3a484}#result{font-weight:bold;font-size:15px;color:var(--red);margin:12px 0}#battle-active h3{margin-top:20px}.communication{height:var(--chat-height);flex-shrink:0;display:grid;grid-template-columns:73.5% 26.5%;grid-template-rows:minmax(0,1fr) 35px;border-top:4px solid #121811;background:#ffffe9}.chat-area{min-width:0;border-right:4px solid #252a20;display:flex;flex-direction:column}.chat-heading{height:21px;flex-shrink:0;padding:3px 9px;background:#f2f0c5;border-bottom:1px solid #a6a478;color:#6f7246;font-size:10px}.chat-heading>span{float:right}.online{min-width:0;overflow:hidden;display:flex;flex-direction:column}#messages{flex:1;min-height:0;overflow:auto;padding:4px 10px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}#messages time{color:#939284;margin-right:4px}#messages strong{color:#324a74;margin-right:4px;font-weight:normal}.message{margin:2px 0}#online{overflow:auto;padding:3px 7px;font-size:11px}#online>div{margin:2px 0;color:#244776;font-weight:bold;display:flex;gap:5px;align-items:center}#online>div:before{content:'✥';color:#ac8033;font-size:15px}#online small{font-size:9px;color:#96977a;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-form{grid-column:1/-1;background:#25291d url('/assets/original/interface/rev3/bottom_bg1.gif') repeat-x;display:flex;align-items:center;gap:7px;padding:3px 7px;border-top:3px solid #141911}#local-time{width:61px;height:24px;background:#f5f1dc;border:2px inset #6c6b54;color:#681e12;font:16px Georgia;text-align:center;flex-shrink:0}#chat-input{flex:1;min-width:0;height:24px;border:2px inset #827e65;padding:2px 7px;background:#ece7d1;font-size:12px}.chat-submit,.chat-inventory{width:29px;height:29px;flex-shrink:0;border:0;background:transparent url('/assets/original/interface/rev3/btn_submit.gif') center/contain no-repeat}.chat-inventory{border:3px double #777058;border-radius:50%;background:#343b2b;color:#c3b889;font-size:18px}#toast{position:fixed;z-index:10;bottom:calc(var(--chat-height) + 12px);left:50%;transform:translateX(-50%);max-width:90vw;background:#fcf2d5;border:4px ridge #b4a07b;padding:12px 20px;color:#592a20;box-shadow:0 4px 16px #0005;font-size:12px;line-height:1.4}dialog{max-width:480px;background:var(--sheet);color:#30291d;border:7px ridge #ae9b74;font:13px/1.5 Arial;padding:22px}dialog::backdrop{background:#0008}
@media(min-width:1450px){.game-columns{grid-template-columns:270px 240px minmax(420px,1fr);max-width:1500px;margin:0 auto}.inventory-item{min-height:200px}.sheet{min-height:650px}}@media(max-width:1150px){.game-columns{padding:8px 14px 20px;grid-template-columns:270px 210px minmax(360px,1fr);gap:8px}.sheet-tabs{margin-left:40px;min-width:0}.inventory-item{grid-template-columns:85px 1fr}.sheet{padding:10px 8px}.inventory-tabs{font-size:12px}.header-center{transform:translateX(-50%) scaleX(.82)}}@media(max-width:920px){.game-columns{grid-template-columns:270px minmax(0,1fr)}.parameters{grid-column:1;grid-row:2;margin-top:5px}.workspace{grid-column:2;grid-row:1/3}.sheet-tabs{margin-left:0}.header-left{width:95px}.header-left button{display:none}.header-center{left:43%}.header-right{width:225px;background-position:left top}.inventory-item{grid-template-columns:75px 1fr}.inventory-tabs button{font-size:11px;padding:0 4px}.sheet-tabs button{font-size:10px}.sheet{border-width:6px}.sheet:before{top:-6px;left:-6px}}@media(max-width:620px){:root{--header-height:70px;--chat-height:150px}.game-header{background-position:bottom}.header-left{transform:scale(.8);transform-origin:top left}.header-center{left:44%;width:210px;background-position:center;transform:scale(.85);transform-origin:top left;margin-left:-90px}.header-center>span:first-child{font-size:11px}.header-meter{left:43px;width:124px;background-size:124px 7px}.header-right{width:150px;transform:scale(.68);transform-origin:top right}.header-right button[data-tab=profile]{display:none}.header-right #help{left:103px}.header-right{background-position:-25px top}.game-columns{display:flex;flex-direction:column;padding:8px 8px 24px;gap:15px}.character{width:270px;align-self:center}.parameters{width:100%;order:2}.workspace{width:100%;order:1}#character-stats{display:none}.equipment-actions{margin-bottom:0}.sheet-tabs{width:100%;margin:0;min-width:0}.sheet-tabs button{font-size:11px;height:26px}.sheet-tabs button.selected{height:29px}.sheet{min-height:300px}.inventory-item{grid-template-columns:74px 1fr;gap:5px;min-height:190px}.view-content{padding:8px;min-height:250px}.battle-heading{display:block}.battle-heading>span{display:block;margin-bottom:14px}.communication{grid-template-columns:66% 34%}#online>div{display:block;font-size:10px}#online small{display:block;font-size:9px}#online>div:before{font-size:10px;margin-right:2px}.chat-heading{font-size:9px;padding:3px 5px}#messages{padding:3px 5px;font-size:11px}#local-time{width:45px;font-size:14px}#chat-form{gap:5px;padding:3px 4px}.chat-inventory{display:none}.zone-buttons button{padding:6px 4px;font-size:11px}.city-illustration{height:150px}.city-illustration span{font-size:120px}.city-illustration span:nth-child(2){font-size:160px}}
.stat-parts{font-weight:normal}.stat-bonus{color:#207100}.gear-toolbar{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 10px;font-size:10px}.gear-toolbar select{font:11px Arial;background:#eee5ce;border:1px solid #a69776;max-width:150px}.effects-table{border-collapse:collapse;width:100%;font-size:11px}.effects-table td,.effects-table th{border:1px solid #454639;padding:3px 5px}.effects-table th{background:#cecaab}.effects-table td[colspan]{text-align:center;padding:18px}.sheet-tabs.secondary-row button:nth-child(-n+4){order:2}.sheet-tabs.secondary-row button:nth-child(n+5){order:1}.chat-divider{height:6px;flex-shrink:0;background:linear-gradient(#373b2d,#aaa990 45%,#3a3e2f 55%,#15180e);cursor:row-resize;touch-action:none;position:relative}.chat-divider:after{content:'';position:absolute;width:45px;height:2px;left:calc(50% - 22px);top:2px;background:#d2c5a3}.chat-divider:hover,.chat-divider:focus-visible{background:#9d9973}.communication{border-top:0}.world-mode .character,.world-mode .parameters,.world-mode .sheet-tabs{display:none}.world-mode .game-columns{display:block;width:min(740px,100%);min-height:0;padding:8px 8px 24px;margin:0 auto}.world-mode .sheet{border:0;outline:0;box-shadow:none;padding:0;min-height:0;background:transparent}.world-mode .sheet:before{display:none}.world-mode .view-content{padding:0;min-height:0}.location-layout{display:grid;grid-template-columns:minmax(0,522px) 170px;gap:12px}.location-frame{padding:7px;background:url('/assets/original/interface/rev3/location_border.gif') center/100% 100%;aspect-ratio:514/264}.location-frame>img{display:block;width:100%;height:100%;object-fit:cover}.location-paper{background:url('/assets/original/interface/rev3/paper.gif') center/100% 100%;min-height:98px;padding:12px 22px 15px;text-align:center;margin:4px 0 12px}.location-paper h1{font:bold 12px Arial;margin:0 0 5px}.location-paper p{font-size:11px;line-height:1.2;margin:4px 0}.location-paper .exits{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin:0}.location-paper .exits button{font-size:11px;padding:0;text-decoration:none}.location-paper .exits button+button:before{content:' · ';color:#444}.location-compass{font-size:10px;text-align:center}.location-compass p{text-align:left;line-height:1.4}.location-compass img{max-width:100%;width:151px;margin:8px 0 16px;mix-blend-mode:multiply}.location-compass button{display:block;margin:auto}.location-main>.small-link{margin-left:20px}#location-art-missing{display:grid;place-items:center;height:100%;background:#d4c7a5;color:#796e53;font:24px Georgia}
@media(max-width:620px){.location-layout{grid-template-columns:1fr}.location-compass{display:none}.world-mode .game-columns{padding:8px}.location-frame{width:100%}.location-paper{padding:13px 20px}.gear-toolbar{align-items:flex-start}.gear-toolbar button{max-width:145px;text-align:right}.effects-table{font-size:10px}}
/* Combat controls and applications follow the archived 2006–2007 manual. */
.battle-mode .character,.battle-mode .parameters,.battle-mode .sheet-tabs{display:none}
.battle-mode .game-columns{display:block}
.battle-mode .workspace{width:100%;max-width:none;margin:0;padding:0}
.battle-mode .sheet{margin:0;min-height:0}
#view-battle{font:12px Arial,sans-serif;color:#17150f}
.arena-tabs{display:flex;flex-wrap:wrap;gap:3px;background:#dcc097;border:1px solid #8e784e;padding:3px}
.arena-tabs button{color:#174d99;background:transparent;border:0;font:bold 12px Arial;padding:3px 12px;cursor:pointer}
.arena-tabs .selected{background:#ebe0c2;color:#4a3720}
.application{margin:10px 0;border:1px solid #312a18;background:#e9ddbf;padding:4px;max-width:900px}
.application header{background:#dcc097;border:1px solid #8d774f;display:flex;justify-content:space-between;gap:10px;padding:4px;text-align:center}
.application-body{padding:5px}
.application p{margin:5px 0}
.arena-button{border:2px outset #e6d7b3;background:#d9bd8e;color:#17150f;border-radius:0;font:bold 12px Arial;padding:3px 14px;cursor:pointer}
.arena-button:disabled{opacity:.5;cursor:default}
.arena-button:active:not(:disabled){border-style:inset}
.challenger{display:flex;align-items:center;gap:14px;margin:5px 0 5px 25%;flex-wrap:wrap}
.application-form{max-width:540px;padding:8px}
.application-form h2{font:bold 14px Arial;margin:0 0 6px}
.form-columns{display:flex;gap:20px;flex-wrap:wrap}
#view-battle fieldset{border:0;padding:0;margin:0 0 8px;min-width:0}
#view-battle legend{font-weight:bold;padding:0;margin-bottom:3px}
#view-battle label{display:block;white-space:nowrap;line-height:20px}
#view-battle input[type=radio]{accent-color:#986036;margin:0 4px 0 0;vertical-align:middle}
.arena-empty,.arena-location,.arena-notice{padding:7px 3px}
.training-entry{border-top:1px solid #b7a682;margin-top:25px;padding-top:12px}
.fight-top{text-align:center;margin:0 0 18px}
#combatants{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}
#combatants .combatant{flex:1 1 220px;max-width:340px}
.classic-controls{display:flex;justify-content:center;gap:18px;align-items:flex-start;margin:12px auto;max-width:650px}
.classic-controls fieldset fieldset{margin-top:10px!important}
.forward-button{height:100px;min-width:76px;align-self:center}
.fight-teams{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:900px;margin:12px auto}
.fighter-list{border:1px solid #776449;background:#e0c79e;min-height:70px;max-height:180px;overflow:auto}
.fighter-list button{display:block;width:100%;border:0;background:none;text-align:left;font:12px Arial;padding:3px 5px}
.fighter-list button.waiting{color:#942626}.fighter-list button.ready{color:#176018}.fighter-list button.dead{color:#706b61}
.fighter-list button.selected{background:#bba876;outline:1px solid #776449;outline-offset:-1px}
.fighter-list button:disabled{opacity:1;cursor:default}
.fight-status{text-align:center;margin:10px 0}
.fight-log-tabs{text-align:center}
.arena-log{border:1px solid #302b1c;background:#e9ddbf;padding:6px;min-height:120px;max-height:300px;overflow:auto;margin:5px 0 12px;overflow-wrap:anywhere}
.arena-log div{margin-bottom:7px}.arena-log.expanded{max-height:none}
@media(max-width:620px){.classic-controls{gap:8px;flex-wrap:wrap}.application header{flex-direction:column}.challenger{margin-left:0}.fight-teams{grid-template-columns:1fr 1fr}.arena-tabs button{padding:4px 7px}.battle-mode .workspace{min-width:0}.application-form{max-width:100%}}
.combat-statistics{max-width:100%;overflow:auto}
.combat-statistics table{width:100%;border-collapse:collapse;font:11px Arial;text-align:right}
.combat-statistics caption{text-align:left;font-weight:bold;padding:5px 0}
.combat-statistics td,.combat-statistics th{border:1px solid #a18a61;padding:5px;white-space:nowrap}
.combat-statistics thead{background:#dcc097}.combat-statistics th:first-child{text-align:left}
.battle-kind-icon{width:15px;height:15px;vertical-align:middle;margin-right:5px}
.fight-top{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
#round-clock{width:202px;min-height:32px;display:flex;align-items:center;justify-content:center;padding:2px 8px;line-height:14px;background:url('/assets/original/interface/rev3/fight/timer.gif') center/100% 100% no-repeat}
.fight-top [data-arena-action=fullLog]{width:111px;height:32px;color:#3e2d16;background:url('/assets/original/interface/rev3/fight/fulllog.gif') no-repeat}
.fight-top [data-arena-action=refresh]{width:32px;height:32px;font-size:0;background:url('/assets/original/interface/rev3/fight/refresh.gif') no-repeat}
#view-battle input[type=radio]{appearance:none;-webkit-appearance:none;width:15px;height:15px;padding:0;border:0;border-radius:0;background:transparent url('/assets/original/interface/rev3/fight/radio_off.gif') center no-repeat;vertical-align:middle}
#view-battle input[type=radio]:checked{background-image:url('/assets/original/interface/rev3/fight/radio_on.gif')}
#view-battle input[type=radio]:disabled{opacity:.5}
.classic-controls{padding:22px 25px;background-image:url('/assets/original/interface/rev3/fight/top_left.gif'),url('/assets/original/interface/rev3/fight/top_right.gif'),url('/assets/original/interface/rev3/fight/bottom_left.gif'),url('/assets/original/interface/rev3/fight/bottom_right.gif'),url('/assets/original/interface/rev3/fight/top.gif'),url('/assets/original/interface/rev3/fight/bottom.gif'),url('/assets/original/interface/rev3/fight/left.gif'),url('/assets/original/interface/rev3/fight/right.gif');background-position:left top,right top,left bottom,right bottom,center top,center bottom,left center,right center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y}
#view-battle .forward-button{background:transparent url('/assets/original/interface/rev3/fight/go.gif') no-repeat center;width:45px;min-width:45px;height:55px;border:0;padding:0;font-size:0}
#view-battle .forward-button:hover:not(:disabled),.fight-top button:hover{filter:brightness(1.1)}
@media(max-width:620px){.classic-controls{padding:18px 12px}.fight-top{gap:4px}}

/* Late combat layout verified against Sniper video, 00:32–00:40. */
.battle-mode.combat-layout .game-columns{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;padding:8px 28px 24px;max-width:none}
.battle-mode.combat-layout .character{display:block;grid-column:1;grid-row:1}
.battle-mode.combat-layout .character #character-stats,.battle-mode.combat-layout .equipment-actions,.battle-mode.combat-layout #appearance,.battle-mode.combat-layout .rune-slots{display:none}
.battle-mode.combat-layout .workspace{grid-column:2;grid-row:1}
.battle-mode.combat-layout .sheet,.battle-mode.full-log-layout .sheet{border:0;outline:0;box-shadow:none;background:transparent;padding:0}
.battle-mode.combat-layout .sheet:before,.battle-mode.full-log-layout .sheet:before{display:none}
.battle-mode.combat-layout #view-battle{padding:0;min-height:350px;font-size:11px}
.late-battle{display:grid;grid-template-columns:minmax(320px,1fr) 245px;gap:22px;align-items:start}
.combat-center{min-width:0}.combat-opponent{min-width:0;text-align:center}.combat-opponent .resources{margin-left:0}.combat-opponent .resource-track{flex:1}.opponent-silhouette{display:block;width:120px;height:220px;object-fit:contain;margin:22px auto 0}
.late-battle .fight-top{gap:2px;margin:0 0 20px;flex-wrap:nowrap;font-size:10px}
.late-battle #round-clock{flex:0 1 202px;font-size:10px;line-height:11px}
.late-battle .fight-top [data-arena-action=fullLog]{flex:0 0 111px;font-size:10px}.late-battle .fight-top [data-arena-action=refresh]{flex:0 0 32px}
.late-battle .classic-controls{background:none;padding:0;gap:12px;max-width:380px;margin:10px auto 8px;flex-wrap:nowrap}
.late-battle .classic-controls fieldset{margin:0!important}.late-battle .classic-controls fieldset fieldset{margin-top:8px!important}
#view-battle .late-battle label{font-size:11px;line-height:17px}#view-battle .late-battle legend{font-size:11px;margin-bottom:2px}
.late-battle .fight-log-tabs{display:flex;justify-content:center;gap:2px;margin:10px 0 5px}
.late-battle .fight-log-tabs button{width:124px;height:32px;font-weight:bold;color:#3c372a;background:url('/assets/original/interface/rev3/fight/mode2.gif') center no-repeat}
.late-battle .fight-log-tabs button.selected{color:#173a6a;background-image:url('/assets/original/interface/rev3/fight/mode1.gif')}
#battle-log.combat-scroll{border:0;border-image:url('/assets/original/interface/rev3/fight/top.gif');background-color:transparent;min-height:22px;max-height:none;padding:13px 15px;margin:0;background-image:url('/assets/original/interface/rev3/fight/top_left.gif'),url('/assets/original/interface/rev3/fight/top_right.gif'),url('/assets/original/interface/rev3/fight/bottom_left.gif'),url('/assets/original/interface/rev3/fight/bottom_right.gif'),url('/assets/original/interface/rev3/fight/top.gif'),url('/assets/original/interface/rev3/fight/bottom.gif'),url('/assets/original/interface/rev3/fight/left.gif'),url('/assets/original/interface/rev3/fight/right.gif');background-position:left top,right top,left bottom,right bottom,center top,center bottom,left center,right center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y}
.arena-log .combat-line{font:11px/1.4 Arial;margin:0 0 3px;padding:3px 5px;border:1px solid #bdbbaf;background:#dedbd3;color:#323028}
.arena-log .combat-line.personal-strike{background:#dff9df;border-color:#a4c5a4}
.arena-log .combat-line.round-title{font-weight:bold;background:transparent;border:0;padding:2px 0;color:#66523a}
.late-battle .fight-status{font-size:11px;min-height:14px;margin:7px 0}.late-battle .fight-teams{margin:8px 0;gap:5px}.late-battle .fighter-list{min-height:0;max-height:90px;background:#eee4ce}.late-battle .fighter-list button{font-size:10px}
.full-battle-log{max-width:950px;margin:0 auto}.full-battle-log h1{background:#e0def6;border:1px solid #b8b3ce;font-size:13px;font-weight:bold;padding:9px;margin:10px 0}.round-pages{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.round-pages button[aria-current=page]{font-weight:bold;color:#181814;text-decoration:underline}.round-pages button[aria-pressed=true]{font-weight:bold;color:#181814}
#battle-log.full-log-lines{border:0;background:transparent;max-height:none;min-height:0;padding:0}.log-health{font:11px Arial}.log-health>div{display:flex;gap:10px;margin:5px 0;align-items:center}.log-health>div>span:first-child{min-width:120px;color:#163d70}.log-health meter{width:140px}
@media(max-width:1050px){.battle-mode.combat-layout .game-columns{padding:8px 12px 24px;gap:12px}.late-battle{grid-template-columns:minmax(290px,1fr) 165px;gap:10px}.combat-opponent .resources small{width:48px}.combat-opponent .identity{white-space:normal;height:auto;min-height:20px}.late-battle .fight-top{flex-wrap:wrap}}
@media(max-width:800px){.battle-mode.combat-layout .game-columns{grid-template-columns:200px minmax(0,1fr);gap:10px}.battle-mode.combat-layout .character{width:200px}.battle-mode.combat-layout .equipment-doll{zoom:.74}.battle-mode.combat-layout .character .resource-track{width:105px}.late-battle{grid-template-columns:minmax(0,1fr)}.combat-opponent{grid-row:1}.opponent-silhouette{display:none}.combat-opponent .resources{max-width:270px;margin:0 auto 10px}.late-battle .classic-controls{gap:7px}}
@media(max-width:620px){.battle-mode.combat-layout .game-columns{display:flex;gap:12px;padding:8px}.battle-mode.combat-layout .character{width:270px}.battle-mode.combat-layout .equipment-doll{zoom:1}.battle-mode.combat-layout .character .resource-track{width:175px}.battle-mode.combat-layout .workspace{width:100%}.late-battle .classic-controls{gap:8px}.log-health>div{flex-wrap:wrap}.round-pages{gap:12px}}

.combat-line .log-nick{color:#153d82;font-weight:normal}

.battle-completion{margin:12px 0;font:12px/1.4 Arial;color:#302d22}.battle-ended{border:1px solid #a9a69e;background:#fff;padding:3px 7px}.battle-completion h2{font:bold 17px Arial;color:#514a38;margin:7px 0}.result-card{border:1px solid #ae9661;background:#cdb588;padding:8px;margin:4px 0}.result-card h3{font:bold 13px Arial;margin:0 0 9px}.result-card p{margin:6px 0 9px}.result-win{background:#9fc58c;border-color:#71975e}.result-draw,.result-unknown{background:#ddd5bd}.result-damage{background:#ffcc80;padding:4px 7px;font-size:12px}.result-card .log-nick{color:#65512e}.result-lose .log-nick{color:#183e7e}

#view-battle .combat-return{display:block;width:66px;height:32px;padding:0;border:0;background:transparent url('/assets/original/interface/rev3/return.gif') center no-repeat;color:#000;font:11px Arial;text-align:center}
