/* Real material texture with accessible, translatable live controls. */
body:is([data-screen="elementalPortal"],[data-screen="memberAccount"],:is([data-screen="elementalChat"],[data-screen="elementalRooms"]),[data-screen="elementalMercenary"],[data-screen="elementalRules"],[data-screen="elementalDrops"],[data-screen="elementalDropMonth"]) #screenToolbar{display:none!important}
.game-board{position:relative;box-sizing:border-box;width:100%;max-width:760px;margin:16px auto!important;padding:64px 8% 90px!important;background:#d9ae70 url('./assets/elemental-board-20261002.png') center/100% 100% no-repeat!important;border:0!important;border-radius:12px!important;color:#38200e!important;min-height:600px;box-shadow:0 8px 24px #25130b88}
.game-board .board-back{position:absolute;left:0;top:0;z-index:2;background:linear-gradient(#794221,#402515);color:#ffe0a1;border:2px solid #d3a14e;padding:7px 13px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 2px #44220d,0 3px 5px #32180a88}
.game-board h2,.game-board h3{color:#402514}.game-board .board-title,.game-board .member-heading h2{font-size:clamp(18px,5vw,27px);color:#ffedc3;text-align:center;background:linear-gradient(100deg,#74272c,#a33a3b,#612025);border:2px solid #ca9845;border-radius:8px;padding:10px 6px;margin:8px 0 18px;text-shadow:0 2px 2px #180700}
.game-board .member-heading{padding:0;text-align:center}.game-board .member-portal-header{padding:0;border:0;background:none}.game-board .member-portal-header h2{margin:8px 0;color:#3d2615}
.elemental-hero{width:100%;height:170px;object-fit:cover;object-position:center 42%;border:2px solid #bd8c46;border-radius:10px;display:block;margin:0 auto 12px}.game-board .member-hub-choices{display:grid;gap:12px;padding:0;margin:0}.game-board .member-feature{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;font-size:17px;border:2px solid #d4a34d;border-radius:9px;text-decoration:none;box-shadow:inset 0 0 0 2px #1d100f77,0 3px 5px #38251155;color:#fff2d2;margin:0;background:linear-gradient(#723461,#40214d)}.game-board .member-feature strong{font-size:inherit;color:inherit}.game-board .member-feature b{position:static;font-size:24px}
.game-board .feature-chat{background:linear-gradient(#337b7b,#174949);color:#fff0ce}.game-board .feature-drops{background:linear-gradient(#a26d26,#653e13)}.game-board .feature-rules{background:linear-gradient(#4b6479,#263848)}.game-board .feature-account{background:linear-gradient(#a04542,#65221f)}.game-board .feature-mercenary{background:linear-gradient(#783e80,#422249);color:#fff0cf}
.game-board .member-card,.game-board details.member-card{background:linear-gradient(#fff7dfcc,#ead09bcc);border:1px solid #a37b45;border-radius:8px;padding:12px;margin:14px 0;box-shadow:0 2px 5px #5433152a}.game-board .member-card h3{font-size:17px;border-bottom:1px solid #bb925f;padding-bottom:8px}.game-board p{line-height:1.6}.game-board .member-help{color:#57412a;font-size:13px}.game-board .member-state{font-size:14px;color:#543418;background:#f9eac6}.game-board button{border:1px solid #bb8c45;background:linear-gradient(#765132,#4b301e);color:#ffedc4;padding:8px 12px;border-radius:7px;font-size:14px;min-height:38px;cursor:pointer}.game-board button:disabled{opacity:.6;cursor:default}.game-board a{color:#5c3218}.game-board input,.game-board select,.game-board textarea{box-sizing:border-box;background:#fff8e8;color:#382515;border:1px solid #ae8a59;border-radius:6px;max-width:100%;font:inherit}.game-board textarea{width:100%;padding:9px}.game-board button:focus-visible,.game-board a:focus-visible,.game-board select:focus-visible{outline:3px solid #2282c4;outline-offset:3px}
.game-board .member-channels{display:flex;flex-wrap:wrap;gap:6px;background:transparent}.game-board .member-channels button{background:#24605d;color:#ffefc9}.game-board .member-messages{background:#faefd4c9;border:1px solid #b18b50;border-radius:8px;padding:10px;max-height:65vh}.game-board .member-message{background:#fff7e7dd;border:1px solid #c3a67d;border-radius:7px;padding:10px;font-size:14px;color:#402a19}.game-board .member-message strong{color:#382b18}.game-board .member-avatar{background:#975535}.game-board .member-reactions button{background:#fcf1d5;color:#51391c;border:1px solid #b48c51;min-height:32px;padding:4px 8px}.game-board .member-reactions button[aria-pressed="true"]{background:#e6c583;border:2px solid #ad762a}.member-mention{background:#e3d5ff;color:#532f79;border-radius:4px;padding:1px 4px}.mention-compose{display:flex;gap:8px;align-items:end;margin:10px 0}.mention-compose label{flex:1}.mention-compose select{width:100%}
.mercenary-select-label{display:block;font-size:13px;margin-bottom:12px}.mercenary-select-label select{margin:4px 0;width:100%;padding:7px}.mercenary-top{display:grid;grid-template-columns:7fr 3fr;gap:8px;align-items:stretch;margin:10px 0 14px}.mercenary-led{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#191510;border:2px solid #bb8b3e;border-radius:7px;padding:10px 7px;color:#f5bf58}.mercenary-led strong{font-size:clamp(17px,4.8vw,29px);letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 5px #c88b21,0 0 11px #a66c20;font-weight:700}.mercenary-led strong[data-open="true"]{animation:mercenary-glow 2.5s ease-in-out infinite}.game-board .mercenary-led button{min-height:28px;padding:3px 5px;font-size:11px;border-radius:12px;background:#39472b}.mercenary-venue{font-size:12px;text-align:center;background:#ad8555;border:1px solid #775428;border-radius:6px;padding:6px 4px}.mercenary-venue select{display:block;width:100%;margin-top:5px;padding:4px;font-size:16px;color:#3e2a16}.five-slot-board{display:grid;gap:10px}.game-board .queue-slot{display:grid;grid-template-columns:28px 1fr auto;gap:5px;align-items:center;text-align:left;width:100%;padding:9px 8px;min-height:54px;background:linear-gradient(#f8e4be,#ddba87);color:#493118;border:2px solid #996a36;border-radius:8px;box-shadow:inset 0 0 0 1px #f8e8c4,0 2px 4px #59402355}.queue-slot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.queue-index{font-size:20px;color:#654523}.queue-state{font-size:11px;background:#b88e53;color:#fff8e6;border-radius:5px;padding:4px}.game-board .queue-slot.is-current{background:linear-gradient(#ffe5a0,#e1ab4e)}.queue-slot.is-current .queue-state{background:#7a4424}.game-board .ad-support{width:100%;margin:14px 0 4px;background:linear-gradient(#367a5e,#1a4b38);font-size:13px;color:#fff3cf;border:2px solid #bf954a}.mercenary-comment{background:#fff3d4b0;border:1px solid #a57a43;min-height:90px;border-radius:7px;padding:8px;margin-top:10px}.mercenary-comment p:empty{min-height:65px}.mercenary-comment form{margin:0!important}.game-board .member-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.game-board .roster-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:14px;padding:12px 0;border-bottom:1px solid #bf9b61}.roster-row strong{overflow-wrap:anywhere}.roster-row small{font-size:11px;color:#735f4b}.roster-row small.is-online{color:#286442}.game-board #memberMercenaryApply{width:100%;font-size:16px;padding:12px;margin-top:10px;border:2px solid #c39849}.game-board .drop-months,.game-board #dropArchive{display:grid;gap:10px}.game-board #dropArchive[hidden]{display:none}.game-board .drop-months button,.game-board #dropArchive button{display:flex;justify-content:space-between;background:linear-gradient(#96632d,#603c1a);font-size:15px;width:100%;padding:10px 12px}.game-board #dropArchiveToggle{margin:16px 0;width:100%;background:linear-gradient(#367b79,#214b4c)}.drop-gallery{touch-action:pan-y;display:grid;gap:16px}.drop-card{background:#fff3d8;border:1px solid #aa7c3e;border-radius:8px;padding:10px;color:#442c19;box-shadow:0 3px 7px #59381c4d}.drop-card header{display:flex;justify-content:space-between;font-size:12px;gap:8px;margin-bottom:9px}.drop-card img{display:block;max-height:240px;width:100%;object-fit:contain;background:#1e1713;border-radius:5px}.drop-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.drop-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:14px}.game-board .member-feedback:empty,.game-board .member-help:empty{display:none}.game-board .member-feedback{font-size:13px;color:#8a2e23;white-space:pre-wrap}
#memberHomePortal{margin-bottom:12px!important;background:linear-gradient(#a94946,#70252b)!important;border:2px solid #cfa258!important;border-radius:12px;color:#fff1d1!important;box-shadow:inset 0 0 0 2px #57241a}.language-switch{display:flex;gap:5px;justify-content:center;align-items:center;margin:8px 0;width:100%;font-size:13px}.language-switch button{min-height:32px;padding:5px 10px;border:1px solid #b9935b;border-radius:6px;background:#fff5dd;color:#5b3e20;font-size:13px}.language-switch button[aria-pressed="true"]{background:#765130;color:#fff1d1}.language-switch[data-language-top]{margin:0 auto 12px;max-width:420px}html[lang="en"] .mercenary-led strong{font-size:clamp(13px,3.5vw,23px)}
@keyframes mercenary-glow{50%{opacity:.65;text-shadow:0 0 2px #c88b21}}@media(prefers-reduced-motion:reduce){.mercenary-led strong[data-open="true"]{animation:none}}@media(max-width:600px){.game-board{border-radius:0!important;margin:8px 0!important;width:calc(100% + 28px);max-width:none;left:-14px;padding:58px 9% 75px!important;min-height:580px}.elemental-hero{height:130px}.game-board .member-feature{font-size:16px;min-height:44px;padding:9px 12px}.game-board .member-card{padding:10px}.game-board .member-chat-body{padding:0}.game-board .member-message{gap:6px}.game-board .member-avatar{width:26px;height:26px}.game-board .member-feature strong{font-size:16px}.game-board .member-message header{flex-wrap:wrap}.game-board .mercenary-top{gap:5px}.game-board .member-hub-choices{gap:10px}}
/* Compact wooden-board screens: scoped overrides win against the older site skin. */
body:is([data-screen="elementalPortal"],[data-screen="memberAccount"],:is([data-screen="elementalChat"],[data-screen="elementalRooms"]),[data-screen="elementalMercenary"],[data-screen="elementalRules"],[data-screen="elementalDrops"],[data-screen="elementalDropMonth"]){--board-wood:url('./assets/elemental-wood-20261002.png');background-color:#26140c}
body:is([data-screen="elementalPortal"],[data-screen="memberAccount"],:is([data-screen="elementalChat"],[data-screen="elementalRooms"]),[data-screen="elementalMercenary"],[data-screen="elementalRules"],[data-screen="elementalDrops"],[data-screen="elementalDropMonth"]) > .site-header,
body:is([data-screen="elementalPortal"],[data-screen="memberAccount"],:is([data-screen="elementalChat"],[data-screen="elementalRooms"]),[data-screen="elementalMercenary"],[data-screen="elementalRules"],[data-screen="elementalDrops"],[data-screen="elementalDropMonth"]) > footer{display:none!important}
body:is([data-screen="elementalPortal"],[data-screen="memberAccount"],:is([data-screen="elementalChat"],[data-screen="elementalRooms"]),[data-screen="elementalMercenary"],[data-screen="elementalRules"],[data-screen="elementalDrops"],[data-screen="elementalDropMonth"]) #top{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .game-board:is(#elementalPortal,#memberAccount,#elementalChat,#elementalMercenary,#elementalRules,#elementalDrops,#elementalDropMonth){box-sizing:border-box!important;position:relative!important;left:0!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:48px 6% 24px!important;min-height:0!important;background:#482916 var(--board-wood) center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#ffeac0!important;box-shadow:none!important;overflow:visible}
body .game-board:is(#elementalPortal,#memberAccount,#elementalMercenary){height:100vh;height:100dvh;display:flex;flex-direction:column;gap:8px}
body .game-board[hidden]{display:none!important}
body .game-board .board-back{left:12px;top:8px;min-height:30px;box-sizing:border-box;padding:5px 12px;font-size:13px;color:#ffe6ad!important;border:2px solid #d2a44e;z-index:12}
body .game-board h2,body .game-board .member-heading h2,body .game-board .board-title{flex:none;margin:0!important;padding:7px 8px!important;border:2px solid #c29649!important;border-radius:9px!important;background:linear-gradient(105deg,#67151c,#a53232,#59151b)!important;color:#ffefbe!important;-webkit-text-fill-color:#ffefbe!important;filter:none!important;font-size:20px!important;line-height:1.25!important;letter-spacing:.05em!important;text-align:center;text-shadow:0 2px 2px #190500!important;box-shadow:inset 0 0 0 2px #3c160c,0 2px 5px #160a07}
body .game-board .member-heading{margin:0!important;padding:0!important;border:0!important}
body .game-board p{margin:0;line-height:1.4}.game-board .member-help{color:#f0d3a2!important;line-height:1.35!important}
body #elementalPortal .elemental-hero{flex:1 1 150px;min-height:100px;max-height:220px;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;margin:0!important;box-sizing:border-box;background:radial-gradient(ellipse at center,#30275a,#161027);border:2px solid #d1a44e;box-shadow:inset 0 0 18px #000,0 3px 6px #130905}
body #elementalPortal .member-hub-choices{flex:2 1 280px;display:grid!important;grid-template-rows:repeat(5,minmax(38px,1fr));gap:8px!important;min-height:228px}
body #elementalPortal .member-feature{--panel:#733171;flex:none;flex-wrap:nowrap!important;box-sizing:border-box;min-height:0!important;margin:0!important;padding:8px 12px!important;border:2px solid #c89a45!important;border-radius:8px!important;color:#fff0c4!important;background:linear-gradient(135deg,#ffffff16,#00000030),var(--panel)!important;box-shadow:inset 0 0 0 2px #2b130d,0 2px 4px #160907}
body #elementalPortal .member-feature:before{content:'⚜';font-size:22px;color:#e7b75a;text-shadow:0 1px #000;margin-right:4px}
body #elementalPortal .member-feature strong{flex:1!important;flex-basis:auto!important;font-size:16px!important;white-space:nowrap;color:inherit!important}
body #elementalPortal .member-feature b{flex:none;color:#efb949;font-size:22px}
body #elementalPortal .feature-chat{--panel:#10515c}body #elementalPortal .feature-drops{--panel:#843509}body #elementalPortal .feature-rules{--panel:#213956}body #elementalPortal .feature-account{--panel:#831b22}
body #elementalPortal > .member-help{background:linear-gradient(#f7dfab,#d8b77d);border:1px solid #8b5f2d;color:#4b2915!important;border-radius:6px;padding:7px;text-align:center;font-size:11px;flex:none}
/* The login strip no longer brings a large white card into this screen. */
body #memberAccount .chat-login{flex:none!important;display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:space-between;gap:4px!important;margin:0!important;padding:5px 7px!important;border:1px solid #b98a43!important;border-radius:7px!important;background:#321c10aa!important;color:#f9dda5!important;box-shadow:none!important}
body #memberAccount .chat-login .auth-status{width:auto!important;flex:1 1 60%!important;margin:0!important;font-size:10px!important;line-height:1.3!important;color:#f2d8af!important}
body #memberAccount .chat-login button{min-height:26px!important;padding:3px 7px!important;font-size:11px!important;color:#ffefc6!important;background:#6b3f25!important;border-color:#b98b49!important}
body #memberAccount .language-switch{width:100%!important;margin:0!important;padding:0;gap:4px}
body #memberAccount .language-switch button{min-height:24px!important;flex:1;max-width:125px;font-size:10px!important;padding:2px 6px!important}
body #memberAccount .member-state{flex:none;padding:5px 7px!important;background:#26170bbb!important;color:#f4d6a1!important;font-size:10px;line-height:1.3}
body #memberAccount > details.member-card{flex:none;margin:0!important;padding:0!important;background:linear-gradient(100deg,#6d4526,#442916)!important;border:1px solid #c0954d!important;box-shadow:inset 0 0 0 2px #2e190c,0 2px 4px #1e1009;border-radius:7px!important;color:#ffebbf!important}
body #memberAccount > details > summary{box-sizing:border-box;padding:10px 10px!important;margin:0!important;line-height:1.25;font-size:12px;color:#ffebbf!important;cursor:pointer}
body #memberAccount > details[open]{position:absolute!important;inset:48px 6% 24px;z-index:10;overflow:auto;padding:12px!important;overscroll-behavior:contain;background:#4c301d var(--board-wood) center/cover!important;box-shadow:0 0 0 10px #1d100be8!important}
body #memberAccount > details[open] > summary{position:sticky;top:-12px;z-index:1;border-bottom:1px solid #c59a50;background:#4b2b17;font-size:14px;font-weight:700;padding:12px 8px!important;box-shadow:0 2px 5px #0005}
body #memberAccount > details[open] > summary:after{content:' ×';float:right;font-size:20px;color:#ffe5ac}
body #memberAccount .member-card h3{color:#ffe7ac!important;font-size:14px}.game-board .member-booking{background:#ebd0a0!important;border-color:#986f35!important;color:#412711!important}
body #memberAccount #memberMercenaryApply{margin:0!important;min-height:34px!important;padding:7px!important;font-size:12px!important;flex:none;max-height:40px}
body #memberAccount #memberMercenaryApplicationStatus{font-size:10px;flex:none}body #memberAccount #memberMercenaryApplicationStatus:empty{display:none}
/* State, switch and venue share one fixed row. */
body #elementalMercenary .mercenary-select-label{flex:none;display:flex;align-items:center;gap:8px;margin:0!important;font-size:11px!important;color:#ffe6ba!important;line-height:1.2}
body #elementalMercenary .mercenary-select-label select{flex:1;margin:0!important;padding:3px 7px!important;width:auto!important;height:30px;font-size:12px;background:#341c12!important;color:#ffe6ad!important;border-color:#b58b46}
body #elementalMercenary .mercenary-top{flex:none;display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important;gap:5px!important;margin:0!important;height:62px}
body #elementalMercenary .mercenary-led{display:flex!important;flex-flow:row nowrap!important;justify-content:space-between;align-items:center;min-width:0;padding:5px 6px!important;background:linear-gradient(#481b17,#250f0d)!important;border:2px solid #c99948!important;box-shadow:inset 0 0 0 2px #1a0805;gap:4px}
body #elementalMercenary .mercenary-led strong{font-size:clamp(18px,5.3vw,25px)!important;line-height:1.15!important;white-space:nowrap!important;color:#ffc64b!important;letter-spacing:.05em;text-shadow:0 0 3px #ffac17,0 0 9px #e99408;min-width:0}
body #elementalMercenary .mercenary-led button{flex:none;width:40px;min-width:40px!important;min-height:26px!important;height:28px!important;padding:0!important;font-size:10px!important;border-radius:16px!important;border:2px solid #d7b85e!important;box-shadow:inset 0 1px 3px #000;color:#ffeab3!important;background:#4e4432!important}
body #elementalMercenary .mercenary-led button[aria-checked="true"]{background:#18633b!important;box-shadow:0 0 6px #55a661}
body #elementalMercenary .mercenary-venue{margin:0!important;padding:5px 3px!important;background:#291c13!important;color:#ffdf9b!important;border:2px solid #c99948!important;font-size:11px!important;line-height:1.1}
body #elementalMercenary .mercenary-venue select{margin:4px 0 0!important;padding:2px!important;min-height:26px!important;height:26px;font-size:15px!important;background:#3a2718!important;color:#ffe2a3!important;border-color:#ba914b!important}
body #elementalMercenary .five-slot-board{flex:1 1 260px;display:grid;grid-template-rows:repeat(5,minmax(38px,1fr));gap:7px;min-height:218px;max-height:330px}
body #elementalMercenary .queue-slot{grid-template-columns:25px minmax(0,1fr) auto!important;min-height:0!important;height:100%;padding:6px 7px!important;background:linear-gradient(105deg,#f1d8a9,#e4bf87,#f0d3a0)!important;border:2px solid #a97632!important;box-shadow:inset 0 0 0 1px #ffebb8,0 2px 4px #170c06}
body #elementalMercenary .queue-slot strong{font-size:15px!important;min-width:0;color:#46250f!important}body #elementalMercenary .queue-index{font-size:19px!important;border:1px solid #bb9045;border-radius:50%;background:#6b4526;color:#ffe5a5;line-height:25px;text-align:center;height:25px}
body #elementalMercenary .queue-state{font-size:10px;padding:4px;background:#775633;color:#ffebbf}.game-board .queue-slot.is-current .queue-state{background:#21634b!important}
body #elementalMercenary #memberQueueAction{display:flex;gap:5px;flex:none;flex-wrap:nowrap}body #elementalMercenary #memberQueueAction:empty{display:none}
body #elementalMercenary #memberQueueAction button{flex:1;font-size:11px;min-height:30px;padding:4px}
body #elementalMercenary #memberQueueHelp{font-size:10px!important;flex:none}
body #elementalMercenary .ad-support{flex:none;width:100%!important;height:38px;min-height:38px!important;margin:0!important;padding:5px!important;background:linear-gradient(#14636b,#0a3944)!important;color:#ffe8b1!important;border:2px solid #c6a251!important;font-size:12px!important}
body #elementalMercenary .mercenary-comment{flex:none;min-height:0!important;height:92px;padding:7px!important;margin:0!important;background:linear-gradient(#f4dcae,#e0bc83)!important;color:#492d18!important;border:2px solid #976631}
body #elementalMercenary .mercenary-comment p{min-height:0!important;max-height:74px;overflow:auto;font-size:12px!important}
body #elementalMercenary .mercenary-comment form{display:grid!important;grid-template-columns:1fr auto;gap:5px;width:100%;max-width:none;height:100%;align-items:end}
body #elementalMercenary .mercenary-comment form[hidden]{display:none!important}
body #elementalMercenary .mercenary-comment label{display:flex;flex-direction:column;height:100%;margin:0!important;font-size:10px!important;min-width:0}
body #elementalMercenary .mercenary-comment textarea{flex:1;height:50px!important;min-height:0!important;padding:4px!important;margin:2px 0 0!important;resize:none;background:#f6e0b8!important;color:#4a2c14!important;font-size:12px!important}
body #elementalMercenary .mercenary-comment button{height:30px;min-height:30px!important;padding:4px 7px;font-size:11px}
body #elementalMercenary [data-hub-locked]{font-size:11px;margin:0;text-align:center}body #elementalMercenary [data-hub-locked] a{color:#ffe1a7!important}
body #elementalMercenary .member-feedback{flex:none;padding:4px;background:#44261b;color:#ffe3aa;line-height:1.25;font-size:10px}
body #elementalMercenary #memberAdStatus{font-size:10px;flex:none}
html[lang="en"] body #elementalPortal .member-feature strong{font-size:13px!important}html[lang="en"] body #elementalMercenary .mercenary-led strong{font-size:clamp(13px,3.7vw,19px)!important}
@media(min-width:600px){body .game-board:is(#elementalPortal,#memberAccount,#elementalMercenary){padding-left:30px!important;padding-right:30px!important}}
@media(max-height:680px){body .game-board:is(#elementalPortal,#memberAccount,#elementalMercenary){gap:6px;padding-top:44px!important;padding-bottom:18px!important}body #elementalPortal .elemental-hero{max-height:150px;min-height:70px}body #elementalPortal .member-hub-choices{min-height:208px}body #memberAccount > details > summary{padding:8px 9px!important;font-size:11px}body #elementalMercenary .mercenary-top{height:54px}body #elementalMercenary .mercenary-comment{height:78px}body #elementalMercenary .five-slot-board{min-height:208px;gap:5px}}
body #elementalPortal .member-hub-choices{width:100%!important;align-items:stretch!important;justify-items:stretch!important}
body #elementalPortal .member-feature{width:100%!important;max-width:none!important;align-self:stretch!important;justify-self:stretch!important}
/* The other boards also use the viewport; only long posts and expanded lists scroll inside. */
body .game-board:is(#elementalChat,#elementalRules,#elementalDrops,#elementalDropMonth){height:100vh;height:100dvh;display:flex;flex-direction:column;gap:7px;overflow:hidden!important}
body #elementalRules .member-card{flex:none;padding:7px 9px!important;margin:0!important;background:#352013a8!important;color:#ffe6b6!important;border-color:#b6863e!important}
body #elementalRules .member-card h3{font-size:13px;margin:0 0 4px;padding:0;color:#ffe6b6!important;border:0}body #elementalRules .member-card p{font-size:11px;line-height:1.45;margin:3px 0}
body #elementalDrops .drop-months{flex:1;min-height:0;grid-template-rows:repeat(12,minmax(24px,1fr));gap:5px}
body #elementalDrops .drop-months button{font-size:12px!important;line-height:1.2;height:100%;min-height:0!important;padding:4px 8px!important;color:#ffe5b3!important;border-color:#cba358!important}
body #elementalDrops #dropArchiveToggle{flex:none;min-height:32px;margin:0!important;padding:6px;font-size:12px}
body #elementalDrops #dropArchive:not([hidden]){position:absolute;inset:90px 6% 70px;overflow:auto;z-index:8;background:#342012;padding:10px;border:2px solid #c3944f;display:block}
body #elementalChat .member-portal-header{flex:none;margin:0!important;padding:0!important;border:0;background:none!important}.game-board .member-portal-header>div{width:100%}
body #elementalChat .member-portal-header .member-help{font-size:10px;margin:4px 0 0}
body #elementalChat .member-chat-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:0!important;gap:5px}
body #elementalChat .member-channels{flex:none;max-height:58px;overflow:auto!important;margin:0!important;padding:0!important;gap:3px;border:0;background:none!important}
body #elementalChat .member-channels button{padding:4px 7px!important;font-size:11px;min-height:28px}
body #elementalChat .member-card{padding:6px 8px!important;margin:0!important;background:#402718!important;color:#ffe1ad!important;font-size:11px;border-color:#b28645}
body #elementalChat .member-card summary{margin:0;padding:3px 0}
body #elementalChat .member-card[open]{position:absolute;inset:70px 6% 24px;z-index:10;overflow:auto;background:#402718!important;padding:12px!important}
body #elementalChat .member-pane-heading{flex:none}body #elementalChat .member-pane-heading h3{margin:0;color:#ffdda5;font-size:12px}.game-board .member-pane-heading button{min-height:26px;padding:3px 7px;font-size:10px}
body #elementalChat #memberChatHint,body #elementalChat #memberChatFeedback{font-size:10px;margin:0;padding:3px;flex:none}
body #elementalChat .member-messages{flex:1;min-height:65px;max-height:none!important;padding:6px!important;margin:0!important;background:#dfbb84!important}
body #elementalChat #memberMessageForm{flex:none;margin:0!important;display:block;padding:0!important}
body #elementalChat .mention-compose{margin:0 0 4px!important;gap:5px}body #elementalChat .mention-compose label{font-size:10px;margin:0!important}body #elementalChat .mention-compose select{height:25px;padding:2px;font-size:11px}.game-board .mention-compose button{min-height:26px;font-size:11px;padding:3px 7px}
body #elementalChat #memberMessageBody{height:42px;padding:5px;margin:0;resize:none;font-size:12px}
body #elementalChat .member-compose-actions{margin:3px 0;gap:6px}body #elementalChat .member-attach{margin:0;font-size:10px!important}.game-board .member-attach input{padding:2px;font-size:9px;max-width:210px}.game-board .member-compose-actions button{font-size:12px;min-height:32px;padding:5px 10px}
body #elementalChat #memberAttachmentName{display:block;font-size:9px;color:#e0bd88}
body #elementalDropMonth > div[data-hub-member]{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px}body #elementalDropMonth .member-card{flex:none;margin:0;padding:6px;background:#3b2517;color:#ffe1a7;border-color:#b88c45;font-size:12px}
body #elementalDropMonth #dropCompose[open]{position:absolute;inset:95px 6% 24px;z-index:10;overflow:auto;padding:12px}
body #elementalDropMonth .drop-gallery{flex:1;min-height:0;gap:6px;grid-template-rows:repeat(2,minmax(0,1fr))}body #elementalDropMonth .drop-card{min-height:0;overflow:auto;padding:7px;font-size:11px;background:#e7c58f}.game-board .drop-card header{margin:0 0 4px}.game-board .drop-card img{height:100px;max-height:120px}.game-board .drop-card .member-reactions{margin:3px 0}.game-board .drop-card p{margin:3px 0}
body #elementalDropMonth .drop-pagination{flex:none;margin:0;font-size:11px;gap:12px}body #elementalDropMonth .drop-pagination button{min-height:28px;font-size:11px;padding:4px 8px}
body #elementalPortal .member-feature{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}

/* V3: landscape portrait, compact two-column menu and eight queue rows. */
body #elementalPortal .elemental-hero{flex:0 0 auto!important;width:100%!important;height:clamp(130px,27dvh,210px)!important;min-height:0!important;max-height:none!important;overflow:hidden!important;object-fit:cover!important;object-position:center 20%!important}
body #elementalPortal .elemental-hero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
body #elementalPortal .member-hub-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:64px!important;gap:9px!important;flex:0 0 auto!important;min-height:0!important;height:auto!important}
body #elementalPortal .member-feature{width:100%!important;min-height:0!important;padding:8px!important;gap:3px!important;font-size:13px!important}
body #elementalPortal .member-feature strong{font-size:13px!important;line-height:1.3!important}
body #elementalMercenary #memberQueue{grid-template-rows:repeat(8,minmax(0,1fr))!important;min-height:272px!important;max-height:440px!important;gap:4px!important}
body #elementalMercenary .queue-slot{min-height:0!important;padding:3px 7px!important;font-size:12px!important;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}
body #elementalMercenary .queue-slot strong{font-size:13px!important}
body #elementalMercenary .queue-slot.is-closed{opacity:.8;cursor:default}
body #elementalMercenary #memberAdSupport{min-height:0!important;height:var(--queue-row-height,36px)!important;flex:0 0 var(--queue-row-height,36px)!important;padding:3px 5px!important;font-size:11px!important}
body #elementalMercenary .mercenary-top{min-height:54px!important;flex-basis:54px!important}
body #elementalMercenary .mercenary-led{gap:4px!important;padding-right:5px!important}
body #elementalMercenary #memberQueueAction:not(:empty){position:absolute;left:6%;right:6%;top:120px;z-index:20;padding:10px;background:#382111;border:1px solid #d8b572;box-shadow:0 4px 18px #0008;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px}
body #elementalChat #memberMessages,body #elementalChat .member-message,body #elementalChat #memberMessageBody{background:#fff!important;color:#222!important;text-shadow:none!important}
body #elementalChat .member-message header strong,body #elementalChat .member-message p{color:#222!important}
body #elementalDrops #dropMonths button{font-size:clamp(16px,4.7vw,21px)!important;font-weight:700!important;letter-spacing:.04em!important;text-shadow:0 1px 1px #000,0 0 5px #eac06c55!important;font-family:"Noto Serif JP","Noto Sans JP",serif!important}
body #elementalRules .usage-guide{flex:0 0 auto!important;padding:9px 12px!important}
body #elementalRules .usage-guide summary{cursor:pointer;font-weight:bold}
body #elementalRules .usage-guide[open]{position:absolute;z-index:40;inset:48px 6% 24px;overflow:auto;background:#57321d!important;border:1px solid #d1ad66!important}
body #elementalRules .usage-guide p{margin:12px 0!important;font-size:13px!important;line-height:1.65!important}
@media(max-height:680px){body #elementalMercenary #memberQueue{min-height:256px!important;gap:3px!important}body #elementalMercenary #memberCommentForm{height:68px!important;min-height:68px!important;flex-basis:68px!important}body #elementalMercenary #memberCommentForm textarea{min-height:36px!important}body #elementalMercenary .mercenary-top{min-height:48px!important;flex-basis:48px!important}}

body #elementalPortal .member-feature strong{white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important}body #elementalPortal .member-feature::before{flex:0 0 16px!important;width:16px!important;margin:0!important}

/* V4 guild request slips, centered LED and inline auto-saving note. */
body #elementalMercenary .mercenary-led{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;padding:4px 6px!important;align-items:center!important}
body #elementalMercenary .mercenary-led strong{text-align:center!important;justify-self:stretch!important;font-size:clamp(19px,5.2vw,23px)!important;letter-spacing:.07em!important;margin:0!important}
body #elementalMercenary .mercenary-venue{text-align:center!important;align-items:center!important;padding:3px!important;font-size:10px!important}
body #elementalMercenary #memberVenue{width:100%!important;margin:1px 0 0!important;padding:1px 12px 1px 3px!important;text-align:center!important;text-align-last:center!important;font:bold 20px/1.1 Georgia,serif!important;height:27px!important;min-height:0!important;background:#38281b!important;color:#fff1b9!important;border:1px solid #b69358!important}
body #elementalMercenary #memberQueue .queue-slot{position:relative;grid-template-columns:29px minmax(0,1fr) auto!important;gap:8px!important;background:linear-gradient(95deg,#fff4d6,#f2dbac 52%,#ffedc6)!important;border:1px solid #cbab65!important;border-left:4px solid #b88936!important;border-radius:3px 9px 9px 3px!important;box-shadow:inset 0 0 0 2px #fff6db,inset 0 -5px 12px #aa733318,0 2px 3px #0008!important}
body #elementalMercenary #memberQueue .queue-index{height:27px!important;line-height:26px!important;font:bold 21px/26px Georgia,serif!important;color:#fff4c6!important;background:radial-gradient(circle at 35% 25%,#c16055,#8b2638 65%,#4a1520)!important;border:1px solid #d6b46c!important;border-radius:8px 3px!important;box-shadow:inset 0 0 0 1px #6f2029,0 1px 2px #54331e66;text-shadow:0 1px 1px #000;}
body #elementalMercenary #memberQueue .queue-slot strong{font-size:clamp(16px,4.6vw,19px)!important;line-height:1.15!important;font-weight:800!important;color:#452711!important;text-shadow:0 1px 0 #fff6df!important;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #elementalMercenary #memberQueue .queue-state{font-size:12px!important;font-weight:700!important;padding:4px 7px!important;border:1px solid #6d7d82;border-radius:4px;background:linear-gradient(#46636c,#213d49)!important;color:#fff1c6!important;box-shadow:inset 0 1px #ffffff35;text-shadow:0 1px 1px #132630;white-space:nowrap}
body #elementalMercenary #memberQueue .is-current{border-left-color:#2c9471!important;background:linear-gradient(95deg,#f5ffec,#e0f0cd,#fff1cf)!important}
body #elementalMercenary #memberQueue .is-current .queue-state{background:linear-gradient(#298c65,#10513e)!important;border-color:#63c09a}
body #elementalMercenary .mercenary-comment form{display:block!important;width:100%!important;height:100%!important}
body #elementalMercenary .mercenary-comment textarea{width:100%!important;height:100%!important;padding:8px!important;margin:0!important;font-size:15px!important;line-height:1.4!important;border:0!important;background:transparent!important;box-shadow:none!important}
body #elementalMercenary #memberServiceComment{font-size:15px!important;line-height:1.4!important;white-space:pre-wrap!important}
body #elementalMercenary #memberCommentForm{min-height:0!important;height:100%!important}
#mercenaryRoomPicker{max-width:340px;width:85vw;border:2px solid #c7a15d;border-radius:12px;background:linear-gradient(#593620,#2e1d15);color:#ffe9bb;padding:18px;box-shadow:0 12px 50px #0009}#mercenaryRoomPicker::backdrop{background:#100805b0}#mercenaryRoomPicker h2{font-size:20px;margin:0 0 14px}#mercenaryRoomChoices{display:grid;gap:9px}#mercenaryRoomPicker button{border:1px solid #d2ad62;background:linear-gradient(#864052,#552439);color:#fff1cc;border-radius:7px;padding:12px;font-weight:bold;font-size:16px;width:100%;margin:4px 0}#memberMercenarySelect[hidden]{display:none!important}

/* Approved luminous MMORPG board, with real controls over scalable artwork. */
body #elementalMercenary .mercenary-led{grid-template-columns:minmax(0,1fr) 48px!important;padding:5px 7px!important;border-color:#e6bd62!important;background:radial-gradient(ellipse at 45% 50%,#6d160d,#300605 65%,#160903)!important;box-shadow:inset 0 0 0 2px #492109,inset 0 0 13px #ed9f352f,0 0 4px #d79a39!important;gap:4px!important}
body #elementalMercenary .mercenary-led strong{font-size:clamp(24px,6.9vw,30px)!important;letter-spacing:.05em!important;color:#fff7a9!important;text-shadow:0 0 2px #fff6b3,0 0 6px #ffca35,0 0 12px #ffa617,0 0 20px #f5870b!important;font-family:"Noto Serif JP","Yu Mincho","Noto Sans JP",serif!important;font-weight:800!important}
body #elementalMercenary .mercenary-led strong[data-open="true"]{animation:mercenary-beacon 1.8s ease-in-out infinite!important}
@keyframes mercenary-beacon{0%,100%{filter:brightness(1);text-shadow:0 0 2px #ffffbb,0 0 8px #ffd52d,0 0 16px #ffa600,0 0 24px #ee8000}50%{filter:brightness(1.28);text-shadow:0 0 4px #ffffcf,0 0 12px #ffe23d,0 0 22px #ffc117,0 0 30px #ff9d00}}
body #elementalMercenary .mercenary-venue{background:linear-gradient(#21170e,#120f0c)!important;border-color:#e3b765!important;box-shadow:inset 0 0 0 1px #73501f}
body #elementalMercenary #memberVenue{font-size:25px!important;color:#ffea9b!important;text-shadow:0 1px 2px #000;height:29px!important;padding:0 12px 0 3px!important;background:linear-gradient(#3d2e19,#21170e)!important;border-radius:5px!important;letter-spacing:.06em}
body #elementalMercenary #memberQueue .queue-slot{background:#e8d1a9 url('./assets/mercenary-quest-slip-20261002.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:7px!important;padding:4px 10px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;box-shadow:0 2px 5px #090401bb!important}
body #elementalMercenary #memberQueue .queue-index{width:34px!important;height:39px!important;padding:0 0 4px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;font:bold 25px/1 Georgia,serif!important;background:transparent url('./assets/mercenary-shield-20261002.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#fff0a2!important;text-shadow:0 2px 2px #251100,0 0 2px #76501c;box-shadow:none!important}
body #elementalMercenary #memberQueue .queue-slot strong{font-family:"Noto Serif JP","Yu Mincho","Noto Sans JP",serif!important;font-size:clamp(17px,4.8vw,20px)!important;font-weight:800!important;color:#2e190d!important;text-shadow:0 1px 0 #fff8e4!important;letter-spacing:.02em!important}
body #elementalMercenary #memberQueue .queue-state{background:radial-gradient(ellipse at 50% 15%,#165b72,#053442 70%,#06212a)!important;border:2px solid #d0ac58!important;box-shadow:inset 0 0 0 1px #102129,0 1px 2px #60401c88!important;color:#fff0b0!important;text-shadow:0 1px 2px #062a30!important;font:700 13px/1.1 "Noto Serif JP","Noto Sans JP",serif!important;border-radius:8px 3px!important;padding:5px 7px!important;letter-spacing:.02em}
body #elementalMercenary #memberQueue .is-current .queue-state{background:radial-gradient(ellipse at 50% 15%,#248453,#03522c 75%,#052319)!important;color:#fff6be!important;text-shadow:0 0 4px #c2f47d!important;box-shadow:inset 0 0 0 1px #194028,0 0 6px #56bc5960!important}
body #elementalMercenary #memberQueue .queue-slot.is-current{background:#e8d1a9 url('./assets/mercenary-quest-slip-20261002.svg') center/100% 100% no-repeat!important}
body #elementalMercenary #memberAdSupport{border:2px solid #d8b160!important;background:radial-gradient(ellipse at 50% 0,#11768a,#063f51 75%,#082736)!important;color:#fff0b5!important;box-shadow:inset 0 0 0 2px #183437,inset 0 0 10px #0bb8cc35,0 2px 3px #160c05!important;font-weight:700!important;font-family:"Noto Serif JP","Noto Sans JP",serif!important;font-size:12px!important}
body #elementalMercenary .mercenary-comment{background:#e8d1a9 url('./assets/mercenary-quest-slip-20261002.svg') center/100% 100% no-repeat!important;border:0!important;padding:12px!important;box-shadow:0 2px 5px #090401bb!important}
body #elementalMercenary .mercenary-comment textarea,body #elementalMercenary #memberServiceComment{font-family:"Noto Serif JP","Yu Mincho","Noto Sans JP",serif!important;font-size:16px!important;color:#322010!important}
@media(prefers-reduced-motion:reduce){body #elementalMercenary .mercenary-led strong[data-open="true"]{animation:none!important}}
@media(max-height:680px){body #elementalMercenary #memberQueue .queue-index{height:34px!important;font-size:23px!important}}

/* Venue uses one centered display above the native selector on every phone. */
body #elementalMercenary .mercenary-top{grid-template-columns:minmax(0,76fr) minmax(0,24fr)!important}
body #elementalMercenary .mercenary-venue{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:3px!important;white-space:nowrap!important}
body #elementalMercenary .venue-display{position:relative;display:block;width:100%;height:29px;flex:0 0 29px;border:1px solid #b98d45;border-radius:5px;background:linear-gradient(#382819,#171109);box-sizing:border-box}
body #elementalMercenary #memberVenueNumber{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;font:700 24px/1 Georgia,serif!important;letter-spacing:.03em;color:#e8c778;text-shadow:none;animation:none;filter:none;white-space:nowrap}
body #elementalMercenary .venue-chevron{position:absolute;right:2px;top:50%;transform:translateY(-55%);font:12px/1 sans-serif;color:#d3ab63;pointer-events:none}
body #elementalMercenary #memberVenue{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font:16px/1 sans-serif!important;letter-spacing:0!important;cursor:pointer;z-index:2}
body #elementalMercenary #memberVenue option{font:16px/1 sans-serif!important}
body #elementalMercenary .venue-display:focus-within{outline:2px solid #ffe6a1;outline-offset:2px}
body #elementalMercenary #memberMercenaryState[data-open="false"]{color:#e8c778!important;text-shadow:none!important;filter:none!important;animation:none!important}
body #elementalMercenary #memberVenueNumber[data-open="true"]{color:#fff7a9!important;text-shadow:0 0 2px #fff6b3,0 0 6px #ffca35,0 0 12px #ffa617!important;animation:mercenary-beacon 1.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){body #elementalMercenary #memberVenueNumber[data-open="true"]{animation:none!important}}

/* Approved entrance: five slim full-width menu bars, directly below title. */
body #elementalPortal{gap:8px!important}
body #elementalPortal .board-title{margin:0!important;font:800 clamp(24px,7vw,30px)/1.2 "Noto Serif JP","Noto Sans JP",serif!important;color:#ffe2a0!important;text-shadow:0 2px 2px #390b0c,0 0 4px #b0793455!important;padding:6px!important;flex:0 0 auto!important;min-height:0!important}
body #elementalPortal .member-hub-choices{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(5,52px)!important;grid-auto-rows:52px!important;gap:6px!important;margin:0!important;padding:0!important;min-height:0!important;flex:0 0 auto!important}
body #elementalPortal .member-feature{background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,radial-gradient(ellipse at 50% 0,#ffffff1c,transparent 75%),var(--panel)!important;border:0!important;border-radius:7px!important;padding:6px 13px!important;box-shadow:0 2px 4px #110706!important;gap:8px!important}
body #elementalPortal .member-feature strong{font:800 clamp(17px,4.8vw,20px)/1.2 "Noto Serif JP","Noto Sans JP",serif!important;white-space:nowrap!important;text-align:center!important;color:#ffe6b0!important;text-shadow:0 1px 2px #160c08!important;letter-spacing:.025em!important}
body #elementalPortal .member-feature::before{width:26px!important;flex:0 0 26px!important;font-size:24px!important;text-align:center!important}
body #elementalPortal .feature-mercenary::before{content:'⚔'}body #elementalPortal .feature-chat::before{content:'☏'}body #elementalPortal .feature-drops::before{content:'✦'}body #elementalPortal .feature-rules::before{content:'✎'}body #elementalPortal .feature-account::before{content:'♟'}
body #elementalPortal .feature-mercenary{--panel:#63245f!important}body #elementalPortal .feature-chat{--panel:#10505b!important}body #elementalPortal .feature-drops{--panel:#844705!important}body #elementalPortal .feature-rules{--panel:#133c68!important}body #elementalPortal .feature-account{--panel:#772132!important}
body #memberHomePortal strong{font-size:clamp(22px,6vw,28px)!important;line-height:1.2!important;color:#ffe5ac!important;font-weight:800!important;text-shadow:0 1px 2px #491218!important}
html[lang="en"] body #elementalPortal .member-feature strong{font-size:clamp(14px,4vw,17px)!important;letter-spacing:0!important}
@media(max-height:680px){body #elementalPortal .elemental-hero{height:24dvh!important}body #elementalPortal .member-hub-choices{grid-template-rows:repeat(5,46px)!important;grid-auto-rows:46px!important}}

body #elementalPortal .member-hub-choices{grid-template-rows:repeat(6,46px)!important;grid-auto-rows:46px!important}
body #elementalPortal .feature-help{--panel:#2d5a43!important}body #elementalPortal .feature-help::before{content:'?'}
body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]){--board-wood:url('./assets/elemental-wood-20261002.png');background:#26140c}
body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]) .site-header,body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]) .site-footer,body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]) #screenToolbar{display:none!important}
body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]) main#top{width:100%;max-width:none;padding:0;margin:0}
body .elemental-help{background:#29170f var(--board-wood) center/100% 100% no-repeat!important;color:#ffe5b1!important;max-width:560px!important;height:100dvh!important;min-height:0!important;margin:0 auto!important;left:0!important;width:100%!important;padding:48px 6% 24px!important;display:flex;flex-direction:column;gap:10px;overflow:hidden}
body .elemental-help[hidden]{display:none!important}body .elemental-help .board-title{color:#ffe4a6!important;margin:0;font-size:25px;padding:8px;text-align:center;background:#762b31;border:2px solid #c9a45b;border-radius:7px}body .elemental-help p{font-size:13px;margin:0}
.elemental-help-choices{display:grid;gap:9px}.elemental-help-choices button{background:linear-gradient(#225860,#123440);color:#ffe6b1;border:2px solid #cca258;border-radius:8px;padding:13px 12px;text-align:left;font-size:17px;font-weight:bold;display:flex;justify-content:space-between;gap:5px}
.elemental-guide-content{flex:1;min-height:0;overflow:auto;background:#f4e4c5;border:2px solid #b68e4e;border-radius:8px;padding:12px;color:#35251a;overscroll-behavior:contain}.elemental-guide-content article[hidden]{display:none!important}.elemental-guide-content h3{margin:0 0 12px;font-size:20px;color:#562a22!important}.elemental-guide-content img{display:block;width:100%;max-width:270px;height:auto;margin:0 auto 8px;border:1px solid #967039;border-radius:6px}.elemental-guide-content .guide-caption{text-align:center;font-size:11px;margin:5px 0 12px}.elemental-guide-content ol{padding-left:23px;margin:0}.elemental-guide-content li{font-size:14px;line-height:1.75;margin:0 0 14px}.guide-open-links{display:grid;gap:7px}.guide-open-links a{display:block;text-align:center;padding:10px;background:#19535d;color:#fff0b7;border:1px solid #bd934e;border-radius:6px;font-weight:bold}
@media(max-height:680px){body #elementalPortal .elemental-hero{height:22dvh!important}body #elementalPortal .member-hub-choices{grid-template-rows:repeat(6,42px)!important;grid-auto-rows:42px!important}}
body:is([data-screen="elementalHelp"],[data-screen="elementalGuide"]) > footer{display:none!important}

body #memberHomePortal[hidden]{display:none!important}
/* V8: room directory and full-height Discord-style white conversation */
body[data-screen="elementalRooms"] .app-shell>header,body[data-screen="elementalRooms"] .app-shell>footer,body[data-screen="elementalRooms"] .top-toolbar{display:none!important}
body #elementalRooms{height:calc(100dvh - 58px);overflow:auto;padding:42px 16px 16px!important;margin:0!important}
body #elementalRooms #memberChannels{display:flex;flex-direction:column;gap:9px;margin-top:14px}
body #elementalRooms #memberChannels button{width:100%;min-height:46px;text-align:left;font-size:18px;color:#fff0c9;background:linear-gradient(#624027,#322015);border:1px solid #c9a156;border-radius:8px}
body #elementalChat{padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:calc(100dvh - 58px)!important;display:flex;flex-direction:column;overflow:hidden!important;color:#222!important}
body #elementalChat[hidden]{display:none!important}
body #elementalChat>.board-back{position:absolute;top:8px;left:10px;color:#444!important;z-index:2;font-size:13px}
body #elementalChat .member-chat-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:0!important;background:white!important}
body #elementalChat .member-chat-body[hidden]{display:none!important}
body #elementalChat .member-pane-heading{height:44px;padding:8px 14px 8px 78px;border-bottom:1px solid #eee;background:#fff;margin:0!important}
body #elementalChat .member-pane-heading h3{font-size:19px;color:#222!important;text-shadow:none}
body #elementalChat #memberChatReload,body #elementalChat #memberChatHint,body #elementalChat .mention-compose{display:none!important}
body #elementalChat #memberChatFeedback:empty{display:none}
body #elementalChat #memberMessages{background:#fff!important;border:0!important;border-radius:0!important;flex:1;min-height:0;overflow-y:auto;padding:14px 10px!important;overscroll-behavior:contain}
body #elementalChat .member-message{border:0!important;border-radius:0!important;box-shadow:none!important;padding:7px 0!important;margin:0 0 7px!important;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;touch-action:pan-y;-webkit-touch-callout:none}
body #elementalChat .member-avatar{height:36px;width:36px;border-radius:50%;overflow:hidden;background:#6d739c;color:white;display:flex;align-items:center;justify-content:center}
body #elementalChat .member-avatar img{height:100%;width:100%;object-fit:cover}
body #elementalChat .member-message header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;background:none;padding:0!important}
body #elementalChat .member-message header strong{font-size:15px!important;color:#222!important}
body #elementalChat .member-message time{font-size:10px;color:#777!important}
body #elementalChat .member-message p{font-size:15px!important;line-height:1.5;margin:4px 0!important;overflow-wrap:anywhere;white-space:pre-wrap}
body #elementalChat .member-reactions{gap:5px;flex-wrap:wrap;margin-top:4px}
body #elementalChat .member-reactions:empty{display:none}
body #elementalChat .member-reactions button{background:#f1f2f6!important;border:1px solid #e0e3eb;color:#333!important;border-radius:7px;min-height:27px;padding:2px 8px;font-size:14px}
body #elementalChat .member-reactions button[aria-pressed="true"]{background:#e6eaff!important;border-color:#7c89d9}
body #elementalChat #memberMessageForm{padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;border-top:1px solid #eee;background:white}
body #elementalChat #memberMessageBody{height:48px;background:#f4f5f7!important;font-size:15px;border:1px solid #ddd;color:#222!important}
body #elementalChat #memberAttachmentName{color:#777;font-size:9px}
body #elementalChat .member-attach{color:#444!important;text-shadow:none}
#chatMessageActions{width:min(340px,90vw);max-height:70dvh;overflow:auto;border:1px solid #bbb;border-radius:15px;padding:16px;background:#fff;color:#222;box-shadow:0 12px 50px #0005}
#chatMessageActions::backdrop{background:#0006}
#chatMessageActions button{border:1px solid #ddd;border-radius:9px;background:#f4f5f8;color:#222;padding:9px;font-size:16px;cursor:pointer}
#chatMessageActions [data-close]{float:right}
#chatMessageActions .chat-emoji-picker{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 0}
#chatMessageActions .chat-emoji-picker button{font-size:27px}
#chatMessageActions [hidden]{display:none!important}
#chatMessageActions [data-mention]{width:100%}
#chatMessageActions .chat-mention-picker{display:flex;flex-direction:column;gap:6px;margin-top:10px}
body .game-board#elementalChat{padding:44px 0 0!important;width:100%!important;max-width:none!important;height:100dvh!important;background:#fff!important;border:0!important;border-radius:0!important}
body .game-board#elementalChat>.board-back{top:48px;left:8px;background:#f4f5f7;color:#444!important;border:1px solid #ddd;box-shadow:none;padding:5px 9px;font-size:12px}
/* V9 mercenary profiles */
body:is([data-screen="elementalMercenaryList"],[data-screen="elementalMercenaryRegister"]) #screenToolbar,body:is([data-screen="elementalMercenaryList"],[data-screen="elementalMercenaryRegister"])>.site-header,body:is([data-screen="elementalMercenaryList"],[data-screen="elementalMercenaryRegister"])>footer{display:none!important}
body:is([data-screen="elementalMercenaryList"],[data-screen="elementalMercenaryRegister"]) #top{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .game-board:is(#elementalMercenaryList,#elementalMercenaryRegister){height:100dvh;min-height:0!important;margin:0 auto!important;max-width:560px!important;padding:48px 5% 18px!important;overflow-y:auto;background:#482916 url('./assets/elemental-wood-20261002.png') center/100% 100% no-repeat!important;color:#ffeac0!important}
#mercenaryCards{display:grid;gap:12px}
body .game-board .mercenary-profile-card{padding:0!important;overflow:hidden;text-align:left;border:2px solid #9d814b;border-radius:10px;background:#d4c3a4!important;color:#3e2c21!important;box-shadow:0 3px 8px #0008;min-width:0;width:100%;transition:box-shadow .25s,border-color .25s}
.mercenary-profile-card>img,.mercenary-portrait-placeholder{width:100%;height:clamp(110px,22dvh,190px);object-fit:cover;object-position:center 35%;display:block}
.mercenary-portrait-placeholder{display:flex;align-items:center;justify-content:center;font-size:66px;background:radial-gradient(#736447,#282118);color:#c7b17f}
.mercenary-profile-card[data-open="false"]>img{filter:saturate(.4) brightness(.7)}
body .game-board .mercenary-profile-card[data-open="true"]{background:#fff0ca!important;border-color:#aeed73;box-shadow:0 0 5px #adff68,0 0 15px #84d94d66,inset 0 0 0 1px #d8b450}
.mercenary-card-copy{padding:10px 12px}
.mercenary-card-copy header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.mercenary-card-copy strong{font:800 22px/1.3 'Noto Serif JP','Noto Sans JP',sans-serif;color:#3c2315!important;overflow-wrap:anywhere}
.mercenary-card-copy header span{font-size:12px;padding:4px 8px;background:#354c57;color:#fff1ca;border:1px solid #bda369;border-radius:5px;white-space:nowrap}
[data-open="true"]>.mercenary-card-copy header span{background:#1a795b;box-shadow:0 0 8px #5bcc87}
.mercenary-card-copy p{margin:6px 0!important;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:#493526!important;text-shadow:none!important}
.mercenary-card-copy .mercenary-job{font-weight:700;color:#5b3f6e!important}
.mercenary-card-copy small{display:block;font-size:11px;color:#725a3e}
#mercenaryCardForm{display:grid;gap:9px;background:#fff1d7;color:#45301a;border:2px solid #c59b51;border-radius:9px;padding:12px}
#mercenaryCardForm label{display:grid;gap:4px;font-weight:700;font-size:14px}
#mercenaryCardForm input,#mercenaryCardForm textarea{width:100%;padding:7px;min-height:34px;background:#fff8e9;color:#382515;font-size:16px}
#mercenaryCardPreview{max-height:140px;max-width:100%;width:100%;object-fit:contain;border-radius:7px}
#mercenaryCardPreview[hidden]{display:none}
#mercenaryCardForm button{background:linear-gradient(#9b283f,#5c142a);border:2px solid #d6ac55;font-weight:800;font-size:18px}
body #elementalMercenary #mercenaryNamePlate{flex:0 0 38px;min-height:38px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0!important;border:2px solid #b99548;border-radius:16px 5px;background:linear-gradient(100deg,#17243e,#203c66,#17243e);color:#d2bd89;font:800 clamp(21px,6vw,27px)/1.1 'Noto Serif JP','Noto Sans JP',sans-serif;letter-spacing:.09em;box-shadow:inset 0 0 0 2px #142037;overflow:hidden;white-space:nowrap}
body #elementalMercenary #mercenaryNamePlate[data-open="true"]{color:#fff4bf;text-shadow:0 0 3px #fff6ac,0 0 8px #ffc74d,0 0 16px #eaa128;box-shadow:inset 0 0 0 2px #203965,0 0 8px #cfb45766;animation:mercenary-beacon 1.8s ease-in-out infinite}
body #elementalMercenary #mercenaryNamePlate[data-open="false"]{text-shadow:none;animation:none;filter:none}
@media(max-height:680px){body #elementalMercenary #mercenaryNamePlate{flex-basis:32px;min-height:32px;font-size:21px}body #elementalMercenary #memberQueue{min-height:232px!important}body #elementalMercenary #memberCommentForm{height:54px!important;min-height:54px!important;flex-basis:54px!important}}
@media(prefers-reduced-motion:reduce){body #elementalMercenary #mercenaryNamePlate{animation:none!important}}
/* Per-account notification switches */
body[data-screen="elementalNotifications"] #screenToolbar,body[data-screen="elementalNotifications"]>.site-header,body[data-screen="elementalNotifications"]>footer{display:none!important}
body[data-screen="elementalNotifications"] #top{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .game-board#elementalNotifications{height:100dvh;min-height:0!important;max-width:560px!important;margin:0 auto!important;padding:48px 5% 18px!important;display:flex;flex-direction:column;overflow:hidden;background:#482916 url('./assets/elemental-wood-20261002.png') center/100% 100% no-repeat!important;color:#ffeac0!important}
body .game-board#elementalNotifications[hidden]{display:none!important}
#elementalNotifications .board-title{flex:none;margin:0 0 9px}
#elementalNotifications .notification-settings-content{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:0 2px 6px}
#elementalNotifications .notification-settings-content[hidden]{display:none}
#elementalNotifications .notification-intro{font-size:12px;line-height:1.5;color:#ffe6b4!important;margin:8px 0}
.notification-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #c29b54;border-radius:8px;background:linear-gradient(#fff2d9,#e5cf9e);margin:7px 0;box-shadow:0 2px 5px #1f100850}
.notification-setting-row>div{min-width:0;flex:1}
.notification-setting-row strong{display:block;font-size:15px;color:#493018!important;overflow-wrap:anywhere;text-shadow:none}
.notification-setting-row small{display:block;font-size:10px;line-height:1.45;margin-top:4px;color:#735638!important;text-shadow:none}
body .game-board .notification-switch{position:relative;flex:0 0 49px;width:49px;min-height:28px;height:28px;padding:0!important;background:linear-gradient(#8b2438,#49121e)!important;border:2px solid #c9aa64;border-radius:18px;box-shadow:inset 0 2px 4px #0006}
.notification-switch::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#fff2bb,#bd9142);box-shadow:0 1px 3px #0008;transition:left .15s}
body .game-board .notification-switch[aria-checked="true"]{background:linear-gradient(#25955b,#0c482e)!important}
.notification-switch[aria-checked="true"]::after{left:23px}
body .game-board .notification-switch:disabled{opacity:.65}
#memberNotificationPreferences>h3{font-size:16px;color:#ffde9d;margin:16px 0 6px}
#memberNotificationPreferencesFeedback{font-size:12px;color:#fff3cd}
.notification-settings-link{display:inline-block;border:1px solid #bb9957;padding:7px 10px;border-radius:6px;color:#ffe6b6!important;margin:5px 6px 5px 0;background:#553324;text-decoration:none}
@media(prefers-reduced-motion:reduce){.notification-switch::after{transition:none}}

/* Approved rare cards: two hosts per mobile viewport. */
body .game-board#elementalMercenaryList{padding:48px 3% 12px!important;display:flex;flex-direction:column;gap:8px}
#elementalMercenaryList[hidden]{display:none!important}
#elementalMercenaryList .board-title{flex:none;margin:0!important;font-size:22px!important;line-height:36px!important}
#mercenaryCards{display:grid;grid-auto-rows:calc((100dvh - 144px)/2);gap:10px;flex:none}
body .game-board .mercenary-profile-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;border:0!important;border-radius:16px;padding:12px 16px!important;background:linear-gradient(135deg,#32235a,#0c1028 55%,#251743)!important;color:#fff0bd!important;box-shadow:0 3px 10px #000b,inset 0 0 0 3px #cba35b!important}
.mercenary-profile-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:url('./assets/mercenary-rare-frame-20261003.png') center/100% 100% no-repeat;z-index:2}
.mercenary-profile-card>img,.mercenary-portrait-placeholder{height:100%;min-height:0;width:100%;border-radius:8px 8px 0 0;object-position:center 35%}
.mercenary-card-copy{padding:5px 8px 6px;min-width:0;background:radial-gradient(ellipse at top,#392451,#101229 80%);border-top:1px solid #e6bd6c}
.mercenary-card-copy header{gap:4px}
.mercenary-card-copy strong{font-size:clamp(17px,5vw,23px);line-height:1.35;color:#ffe59d!important;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mercenary-card-copy header span{font-size:11px;padding:2px 5px;background:#182b41;border-color:#e2be71}
.mercenary-card-copy p{font-size:13px;line-height:1.35;margin:3px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff0cc!important}
.mercenary-card-copy .mercenary-job{color:#e0ccff!important}
.mercenary-card-copy small{font-size:10px;line-height:1.4;color:#ecd89e;text-align:center;border-top:1px solid #b3905355;padding-top:2px}
body .game-board .mercenary-profile-card[data-open="true"]{border:0!important;background:linear-gradient(135deg,#32235a,#0c1028)!important;box-shadow:0 0 10px #99ee7166,inset 0 0 0 3px #f4d585!important}
.mercenary-profile-card[data-open="true"] strong{color:#fff6b4!important;text-shadow:0 0 6px #eac46a,0 0 10px #83ed7b}
.mercenary-profile-card:focus-visible{outline:3px solid #fff4c0;outline-offset:2px}
.mercenary-card-copy{padding:5px 14px 20px}
.mercenary-card-copy small{display:none}

/* iOS focus zoom prevention and stable touch controls. */
@media (max-width:800px){body input,body textarea,body select{font-size:16px!important}}
body button,body a{touch-action:manipulation}
#memberChannels button{-webkit-touch-callout:none;user-select:none}

/* Portal: title, character, seven direct menu entries. */
body #elementalPortal .elemental-hero{height:clamp(90px,calc(100dvh - 490px),190px)!important}
body #elementalPortal .member-hub-choices{grid-template-rows:repeat(7,42px)!important;grid-auto-rows:42px!important;gap:6px!important}
body #elementalPortal .feature-notifications{--panel:#374b81!important}
body #elementalPortal .feature-notifications::before{content:'♧'}
/* Portrait fills rare card; readable live text overlays the photo. */
body .game-board .mercenary-profile-card{display:block;padding:12px!important}
.mercenary-profile-card>img,.mercenary-profile-card>.mercenary-portrait-placeholder{height:100%;width:100%;object-fit:cover;border-radius:8px;object-position:center 30%}
.mercenary-profile-card>.mercenary-card-copy{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;padding:26px 12px 8px;min-width:0;border:0;background:linear-gradient(transparent,#080e23d9 28%,#0b1029eb);border-radius:0 0 7px 7px;text-shadow:0 2px 3px #000}
.mercenary-card-copy strong{font-size:clamp(19px,5.2vw,24px);color:#fff0a3!important;text-shadow:0 2px 2px #000,0 0 4px #3b1c00}
.mercenary-card-copy p{font-size:15px;line-height:1.35!important;color:#fff7da!important;text-shadow:0 1px 3px #000!important;margin:3px 0!important}
.mercenary-card-copy .mercenary-job{color:#dddcff!important;font-weight:700}
.mercenary-card-copy header{align-items:center}
.mercenary-card-copy .mercenary-bio{font-size:12px!important}
.mercenary-profile-card>.mercenary-card-copy{bottom:34px}

/* Approved aligned overlay, readable both ON and OFF. */
.mercenary-profile-card[data-open="false"]>img{filter:saturate(.9) brightness(.94)}
.mercenary-profile-card>.mercenary-card-copy{background:linear-gradient(transparent,#080e2366 28%,#0b102977)}
.mercenary-card-copy p{margin-left:38%!important;text-align:left!important;font-size:clamp(11px,3.15vw,14px)!important;white-space:normal!important;overflow:visible!important;line-height:1.25!important}
.mercenary-card-copy header strong{display:block!important;visibility:visible!important;opacity:1!important;-webkit-text-fill-color:currentColor!important;color:#fff0a3!important}
body #elementalMercenary #mercenaryNamePlate[data-open="false"]{display:flex!important;opacity:1!important;visibility:visible!important;color:#ffe6a1!important;-webkit-text-fill-color:currentColor!important}
body[data-screen="elementalAdmission"] #top{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body .game-board#elementalAdmission{height:100dvh;padding:48px 5% 18px!important;overflow-y:auto;max-width:560px!important;margin:auto!important;background:#482916 url('./assets/elemental-wood-20261002.png') center/100% 100% no-repeat!important;color:#ffeac0}
#elementalAdmissionForm{display:grid;gap:12px;margin-top:12px}#elementalAdmissionForm[hidden]{display:none}#elementalAdmissionForm label{display:grid;gap:4px}#elementalAdmissionForm input{width:100%;padding:9px;background:#fff7df;color:#332017;font-size:16px}#elementalAdmissionApply{margin-top:12px}

/* V18: fill the available menu space with framed guild-style controls. */
body #elementalPortal,body #memberAccount{padding-left:4%!important;padding-right:4%!important;padding-bottom:14px!important}
body #elementalPortal .elemental-hero{height:clamp(90px,20dvh,175px)!important;border:6px ridge #dfbc6e!important;border-radius:8px!important;box-shadow:0 0 0 2px #341e14,0 0 0 3px #c99342,0 4px 12px #090408aa!important}
body #elementalPortal .member-hub-choices{flex:1 1 0!important;grid-template-rows:repeat(7,minmax(36px,1fr))!important;grid-auto-rows:minmax(36px,1fr)!important;min-height:0!important;gap:7px!important}
body #elementalPortal .member-feature{background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,linear-gradient(105deg,#fff3bb25,transparent 35%,#0a061c55),var(--panel)!important;box-shadow:inset 0 0 14px #ffe3a51c,0 3px 6px #160907!important;border-radius:9px!important;padding:6px 15px!important}
body #elementalPortal .member-feature strong{text-shadow:0 2px 2px #11060b,0 0 6px #ffd69f40!important}
body #elementalPortal .member-feature b{color:#ffe8a6!important;text-shadow:0 0 6px #dca340!important}
body #memberAccount > details.member-card:not([hidden]):not([open]){flex:1 1 0!important;min-height:38px!important;background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,linear-gradient(110deg,#75472f,#39223e)!important;border:0!important;box-shadow:inset 0 0 15px #eed29419,0 3px 6px #160907!important}
body #memberAccount > details.member-card:not([open]) > summary{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:9px 15px!important;font-size:clamp(12px,3.5vw,16px)!important;font-weight:700;letter-spacing:.025em;text-shadow:0 1px 2px #120808}
body #memberAccount > details.member-card:not([open]) > summary:before{content:'◆';color:#e2b765;font-size:11px;margin-right:10px}
body #memberAccount > p:empty{display:none!important}
body #memberAccount #memberMercenaryApply{flex:1 1 0!important;min-height:38px!important;max-height:none!important;background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,linear-gradient(110deg,#753d70,#332244)!important;border:0!important;font-weight:700;font-size:15px!important}
body #elementalRooms #memberChannels button{background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,linear-gradient(105deg,#286677,#182942)!important;border:0!important;padding:12px 20px!important;min-height:56px!important;font-weight:700;text-shadow:0 2px 2px #0a1825;box-shadow:0 3px 8px #11080777,inset 0 0 18px #c3ebff15}
body #elementalDrops .drop-months button{background:url('./assets/elemental-menu-frame-20261002.svg') center/100% 100% no-repeat,linear-gradient(105deg,#9c6326,#4b303e)!important;border:0!important;padding-left:15px!important;padding-right:15px!important;box-shadow:0 2px 4px #13090888,inset 0 0 12px #ffd87919}
body #elementalRules .member-card{background:linear-gradient(110deg,#352248df,#271f32e8)!important;border:2px solid #b88a4d!important;box-shadow:inset 0 0 0 1px #e2c28355,0 3px 7px #12080977!important;border-radius:9px!important;padding:9px 11px!important}
body #elementalRules .member-card h3{color:#ffdf93!important;text-shadow:0 1px 2px #110716;letter-spacing:.06em}
body #elementalRules .member-card h3:before{content:'✦ ';color:#eac474}
@media(max-height:680px){body #elementalPortal .elemental-hero{height:17dvh!important}body #elementalPortal .member-hub-choices{gap:5px!important}body #memberAccount{gap:5px!important}body #memberAccount > details.member-card:not([open]) > summary{font-size:12px!important;padding:7px 13px!important}}