@font-face{font-family:"Source Sans 3";src:url("/art/SourceSans3.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
:root{color-scheme:dark;--ink:#161a2a;--base:#202638;--raised:#2a3248;--paper:#f2e1b9;--gold:#edc886;--line:#6c655c;--muted:#bec5cf;--aqua:#a9d8c4;--edge:#4b5262;--light:#f7f1e1;--body:"Source Sans 3","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font:17px/1.48 var(--body);color:var(--light);background:#1c2335;position:relative;isolation:isolate}
body::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#1a1a2b00 58%,#2d3b4b70 100%),repeating-linear-gradient(0deg,#8795ab06 0 1px,transparent 1px 4px)}
body::after{content:"";pointer-events:none;position:fixed;z-index:-1;bottom:0;inset-inline:0;height:150px;image-rendering:pixelated;background:url('/art/ui-nightwoods.png') 0 100%/768px 192px repeat-x}
[hidden]{display:none!important}
.shell{width:min(1152px,calc(100% - 64px));margin-inline:auto}
button,input,select{font:inherit;color:inherit}a{color:inherit}button,select,summary{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b3e4d4;outline-offset:3px}
button{background:var(--raised);border:1px solid var(--edge)}select,input{background:#191e2e;border:1px solid #626371;padding:6px 9px}select{max-width:100%}
p,h1,h2,h3,h4,figure,ol{margin:0}h1,h2,h3{font-family:var(--body);font-weight:680;line-height:1.15}
h1{font-size:clamp(28px,3vw,39px)}h2{font-size:clamp(23px,2.2vw,29px)}h4{font:600 16px var(--body)}
canvas,img{image-rendering:pixelated}button:disabled{cursor:default}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mast{background:#171a2a;border-top:3px solid #a17d50}
.mast-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand{display:flex;align-items:center;gap:10px;user-select:none}.brand img{width:69px;height:auto}.brand b{display:block;font:700 40px/1.15 var(--body);letter-spacing:-.025em;color:#f5dfae}.brand span{display:block;margin-top:7px;color:#d0bd9c;letter-spacing:.38em;text-align:center;font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.41em}
.roster-count{text-align:right;display:flex;align-items:center;gap:9px;font:600 17px var(--body);color:#d7d5c9}.population-mark{width:8px;height:8px;background:#a4c9b1;box-shadow:inset -2px -2px #597e76;clip-path:polygon(25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%)}
.menu-rail{background:#232637;border-block:1px solid #474b59;box-shadow:0 2px #131725}
nav{display:flex;gap:3px;align-items:stretch}nav button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 21px 11px;position:relative;min-height:48px;color:#c2c4cb;border:0;font:600 17px var(--body);background:transparent}nav button img{width:26px;height:26px}nav button:hover{color:#fff5d8;background:#313448}nav button[aria-pressed=true]{color:#ffe4a8;background:#343344;box-shadow:inset 0 -3px #e0b676}
.utility{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;gap:8px}.utility:not(:has(.week:not([hidden]))):not(:has(#notice:not(:empty))){display:none}
.week{font-size:15px;color:#d8d0bc;margin:12px 0 0}.week select{margin-left:6px}.utility #notice:not(:empty){color:#ffd5aa;padding:10px 0}
main.shell{padding-top:25px}.utility:has(.week:not([hidden])){margin-top:-15px;margin-bottom:15px}
#world{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(265px,.84fr);gap:21px;align-items:start}.map-column,.notice-column{min-width:0}.notice-column{display:grid;gap:16px}
.map-panel,.window,.report,.guild-book{border:1px solid #747079;background:var(--base);box-shadow:inset 0 0 0 2px #252b3b,0 3px 0 #141827}
.map-panel{padding:4px;border-color:#b49a72;background:#302f39;box-shadow:inset 0 0 0 1px #494754,0 3px 0 #121722}
.field{position:relative;isolation:isolate;overflow:hidden;background:#354f49;aspect-ratio:1.64;border:1px solid #161d26}
.field canvas{display:block;width:100%;height:100%}
.location{position:absolute;bottom:13px;left:15px;display:flex;flex-direction:column;align-items:start;pointer-events:none;filter:drop-shadow(2px 2px 0 #111a26a6)}
.location small{background:#e4c795;color:#342d30;padding:1px 10px 2px;font:600 14px/1.12 var(--body);letter-spacing:.03em}
.location h1{width:fit-content;background:#222638f5;color:#fff0cd;padding:5px 17px 7px 11px;font:600 clamp(25px,3vw,43px)/1 var(--body);border-left:2px solid #baa07b;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
#still,.filmstrip button{background:#1d2435eb;color:#ece3c8;border:1px solid #9a9486;font:600 18px/1 var(--body);min-width:38px;min-height:38px}
#still{position:absolute;right:10px;top:10px}.map-sill{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;background:#252a3d;border-top:1px solid #9c8d72;min-height:58px}
#objective{color:#ece6d2;font-size:17px;line-height:1.3}#gateHud{position:relative;padding-left:16px}#gateHud::before{content:"";position:absolute;left:0;top:.48em;width:5px;height:5px;background:#d6b57c;box-shadow:1px 1px #83765f}
.floor-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.atlas-picker{font-size:14px;color:#c9c2b1}.demo-link,.roll,#joinPosts a{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:600 16px/1.15 var(--body);color:#392f32;background:#edce93;border:1px solid #f2deb5;box-shadow:inset -2px -2px #ad8a5a,0 2px #111622;padding:9px 13px;white-space:nowrap}.demo-link span{font-size:10px}.demo-link:hover,.roll:hover,#joinPosts a:hover{background:#ffe8b6}.filmstrip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#212536;padding:5px 9px}.filmstrip button{min-width:34px;min-height:30px}.filmstrip span{min-width:0;text-align:center;overflow-wrap:anywhere;color:#e0d9c6;font-size:15px}
.admission{position:relative;background:#ecd9b3;color:#382e34;padding:22px 23px 15px;border:1px solid #f0deb9;border-top:4px solid #bd9572;box-shadow:inset 0 0 0 3px #dbbf97, 0 3px #181b29}
.admission h2{font-weight:650;margin:0 39px 9px 0;color:#5c393a}.admission p{font-size:17px;line-height:1.45}.wax{position:absolute;top:10px;right:15px;width:36px;height:36px}
#joinStatus{margin:9px 0 0;color:#6d5346;font-size:15px}.join-rules{font-size:15px;margin-top:11px;border-top:1px dashed #bb9e77;padding-top:8px}.join-rules summary{color:#5c423e;font-weight:600}.join-rules p{font-size:16px;margin-top:7px}#joinPosts:not(:empty){margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}#joinPosts a{background:#333649;color:#f9e3b6;box-shadow:inset -2px -2px #222536}
.camp-panel{padding:16px 18px;background:#252d40}.camp-content{display:flex;align-items:center;gap:13px}.camp-content img{width:49px;height:49px;flex:none}.camp-content h2{font-size:24px;color:var(--gold)}.camp-content p,#campBalance{color:var(--muted);margin-top:3px;font-size:15px}#campBalance{border-top:1px solid var(--edge);padding-top:9px;margin-top:10px}.camp-amount{display:flex;justify-content:space-between;gap:8px;font:600 15px var(--body);margin:13px 0 5px}.camp-amount strong{color:#f4d89e}progress{width:100%;height:8px;border:1px solid #666470;background:#161e2c;display:block;appearance:none}progress::-webkit-progress-bar{background:#161e2c}progress::-webkit-progress-value{background:#a5c6aa}progress::-moz-progress-bar{background:#a5c6aa}
.guild-book{padding:10px 16px;color:var(--muted)}.guild-book summary,.maker-poses summary{color:var(--gold);font-weight:600}.guild-book summary span{float:right;color:#e2ded0}.book-body{margin:10px 0 0}.book-body ol{padding-left:20px}.book-body ol:empty{display:none}
.bookhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.report{padding:19px 20px;margin-top:17px}.bookhead h2,.bookhead h1,.window h1,.maker-heading h1{color:var(--paper)}.bookhead span,.byline,#coverage{color:var(--muted);font-size:15px}
#campaignNews{margin-top:12px;border-left:2px solid #aa9169;padding:1px 0 1px 11px}.summary,.order{margin:2px 0;color:#dbdacf}.subhead{color:#ddc192;font:600 16px/1.25 var(--body)}
#dailyCards,#headlines{display:grid;gap:8px;margin-top:14px}.slip,.receipt{background:#252e41;border:1px solid #495367}.notice-heading,.receipt{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;color:#eee7d8;font:400 17px/1.43 var(--body)}.notice-heading{background:none;border:0;text-align:left}.notice-heading:hover,.notice-heading[aria-pressed=true]{color:#ffe7ad}.notice-heading::after{content:"›";margin-left:auto;color:var(--gold);padding:0 4px;font:600 23px var(--body)}.notice-heading small,.receipt small{display:block;font-size:15px;color:var(--gold);margin-top:2px}.receipt b,.notice-heading b{font-weight:580;overflow-wrap:anywhere}.notice-heading>span,.receipt>div{min-width:0}.archive-panel{padding:21px}#coverage{margin-top:8px}
#players{display:grid;grid-template-columns:minmax(200px,.78fr) minmax(0,2fr);gap:17px;align-items:start}.window.directory{padding:17px 15px}.directory h1{font-size:25px}.searchbox{margin:13px 0 10px}input[type=search]{width:100%;min-height:41px;border-color:#707381;color:#fff0d4;box-shadow:inset 1px 1px #121623}input::placeholder{color:#b9bec5}
#list{max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#737785 #23293b}.member{display:flex;gap:9px;align-items:center;width:100%;text-align:left;padding:5px 7px;border:1px solid transparent;border-top-color:#42495c;color:#e9e6d9;background:transparent}.member[aria-current=true]{background:#363b4a;border-color:#ac946d}.member strong,.member small{display:block}.member small,#hint{color:var(--muted);font-size:14px}.member .field-sprite{width:39px;height:39px}.member strong{overflow-wrap:anywhere}#hint{display:block;margin:8px 0 0}
#sheet{padding:0;border-color:#858078;overflow:hidden}.profilehead{display:flex;align-items:center;gap:15px;background:#2d3248;border-bottom:1px solid #6e665f;padding:16px}.profilehead .portrait{flex:none;width:78px;height:78px;background:#55546b;box-shadow:inset 0 0 0 3px #272c41;outline:1px solid #aaa28c;display:grid;place-items:center}.portrait canvas{width:72px;height:72px}.profilehead h2{color:var(--paper);overflow-wrap:anywhere;font-size:clamp(21px,3vw,32px)}.profilehead small{display:block;color:#d8c09a}.rank{font:600 14px var(--body);color:var(--gold)}.profilehead p{margin:4px 0;color:#f2eddb}.profilebody{padding:14px 17px}.stats{display:flex;border-bottom:1px solid #495061;padding-bottom:12px;gap:22px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:1px}.stat b{font:600 24px/1.1 var(--body);color:var(--gold)}.stat small{color:var(--muted);font-size:14px}
.section-heading{margin:20px 0 8px;color:var(--gold);font:650 20px/1.25 var(--body)}
.gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.gear{display:flex;align-items:center;gap:7px;color:#f2ecdd;min-width:0}.gear .token{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#34394c;border:1px solid #686777;box-shadow:inset 1px 1px #454a59}.gear .token img{width:31px;height:31px;object-fit:contain}.gear b,.gear small{display:block}.gear small,.model-note,.pack{font-size:15px;color:var(--muted)}.gear b{font-size:16px;line-height:1.15}.model-note{margin:.45em 0 0}
.outing-receipt{border:1px solid #495367;background:#252e41;padding:10px 12px;display:grid;gap:3px;overflow-wrap:anywhere}.outing-receipt small{font-size:14px;color:var(--muted)}.outing-receipt .money{color:var(--gold)}.purchase{margin-top:4px;color:var(--aqua)}
.maker-heading{margin-bottom:17px}.maker-heading p,.maker-identity p{margin-top:5px;color:var(--muted)}
.maker-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(212px,.8fr);gap:17px;align-items:start}.maker-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.maker-gallery figure{display:flex;flex-direction:column;min-width:0}.maker-views{display:grid;gap:10px}.maker-portrait-frame,.maker-battle-frame,.maker-field-frame{flex:1;display:grid;place-items:center;min-height:104px;border:2px solid #787783;box-shadow:inset 0 0 0 2px #353c4c;background:#514d64}.maker-portrait-frame{background:repeating-linear-gradient(-45deg,#49445b 0 7px,#464258 7px 9px);border-color:#afa18c}.maker-field-frame{background:#596b4c url('/art/maker-field.png') center/cover no-repeat}.maker-battle-frame{background:#817967 url('/art/maker-court.png') center/cover no-repeat}.maker-gallery canvas{display:block;max-width:100%;height:auto;object-fit:contain}.maker-gallery figcaption{padding:4px 8px;background:#282e41;border:1px solid #77717a;border-top:none;color:#e6d3b0;font:600 14px var(--body)}#makerPortrait{width:192px}#makerWalk{width:96px}#makerBattle{width:200px}
.maker-menu{padding:16px}.maker-identity{margin-bottom:15px}.maker-identity h2{color:var(--gold)}.maker-menu label{display:block;color:#d5cbb8}.maker-menu select{width:100%}.roll{margin-top:12px}.maker-poses{margin-top:13px;border-top:1px solid #4c5263;padding-top:9px}.maker-poses label{margin-top:6px}
footer{display:flex;justify-content:end;flex-wrap:wrap;gap:4px 13px;border-top:1px solid #42495b;margin:31px 0 0;padding:14px 0 23px;color:#aeb5bf;font:14px var(--body)}footer a{text-underline-offset:2px}
@media(max-width:820px){.shell{width:calc(100% - 32px)}#world{grid-template-columns:minmax(0,1fr) minmax(225px,.7fr);gap:13px}.map-sill{flex-wrap:wrap;gap:7px}.field{aspect-ratio:1.4}.floor-tools{justify-content:start}.admission{padding:16px}.wax{right:8px;top:6px}.maker-layout{grid-template-columns:1.2fr .8fr}}
@media(max-width:640px){.shell{width:calc(100% - 24px)}.mast-inner{height:73px}.brand{gap:6px}.brand img{width:52px}.brand b{font-size:29px}.brand span{font-size:9px;margin-top:5px}.roster-count{font-size:15px;gap:6px}.menu-rail nav{width:100%;gap:0;justify-content:stretch}.menu-rail button{flex:1;padding:7px 2px 8px;gap:4px;min-height:50px;font-size:14px;line-height:1.25;flex-direction:column;white-space:nowrap}.menu-rail button img{width:21px;height:21px}main.shell{padding-top:15px}#world{grid-template-columns:1fr;gap:15px}.map-column,.notice-column{display:contents}.map-panel{order:1}.admission{order:2}.report{order:3;margin:0}.camp-panel{order:4}.guild-book{order:5}.field{aspect-ratio:1.3}.location{left:10px;bottom:10px}.location h1{font-size:31px}.location small{font-size:12px}.map-sill{flex-wrap:nowrap;padding:9px 8px;gap:8px;min-height:54px}#objective{font-size:15px}.demo-link{font-size:14px;padding:8px 9px}.admission{padding:16px 18px 12px}.admission h2{font-size:24px}.admission p{font-size:16px}.wax{top:7px;right:11px;width:32px;height:32px}.camp-panel{padding:13px 15px}.camp-content img{width:42px;height:42px}.report,.archive-panel{padding:15px}.notice-heading,.receipt{font-size:16px}.utility:has(.week:not([hidden])){margin-top:-12px;margin-bottom:11px}#players,.maker-layout{grid-template-columns:1fr;gap:13px}#list{max-height:168px}.profilehead{padding:13px}.profilebody{padding:11px 13px}.gear-grid{grid-template-columns:1fr}.gear .token{width:34px;height:34px}.maker-gallery{gap:8px}.maker-field-frame,.maker-battle-frame{min-height:81px}#makerPortrait{width:144px}.maker-heading{margin-bottom:12px}footer{justify-content:start;margin-top:23px}}
@media(max-width:365px){.shell{width:calc(100% - 18px)}.mast-inner{height:66px}.brand b{font-size:26px}.brand img{width:44px}.roster-count{font-size:14px}.map-sill{gap:4px}.demo-link{padding:7px}.location h1{font-size:26px}}
.outing-receipt b{font-weight:600;line-height:1.4}.outing-history article+article{margin-top:8px}.outing-history{margin-top:3px}.outing-history summary{color:var(--muted);padding:6px 0;font:600 15px var(--body)}
@media(max-width:640px){#world[data-active=true] .report{order:2}#world[data-active=true] .camp-panel{order:3}#world[data-active=true] .admission{order:4}}
.map-title{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:8px;padding:2px 9px 5px;background:#292b40;border-bottom:1px solid #9d8d76}
.location{position:static;display:flex;flex-flow:row wrap;align-items:center;gap:9px;filter:none}.location small{padding:3px 6px;font-size:12px;border:1px solid #e7c792;color:#f3dba7;background:#3b3543}.location h1{padding:0;background:transparent;border:0;clip-path:none;font-size:clamp(23px,2.45vw,32px)}
.camera-tools{display:flex;align-items:center;gap:6px}#still{position:static;border-color:#5f6271;min-width:32px;min-height:32px;background:#262a3d;color:#e8dcc8}.atlas-picker{position:relative;display:inline-flex;align-items:center;font:600 14px var(--body);color:#decfb4;border:1px solid #666371;min-height:32px;padding:0 8px;white-space:nowrap}.atlas-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.atlas-picker:focus-within{outline:2px solid #cde2c7;outline-offset:2px}
.field{aspect-ratio:1.9}
@media(max-width:820px){.field{aspect-ratio:1.55}}
@media(max-width:640px){.map-title{min-height:43px;padding:2px 5px 5px}.location{gap:6px}.location small{font-size:11px;padding:3px 4px}.field{aspect-ratio:1.52}.location h1{font-size:25px}.camera-tools{gap:4px}#still{min-width:29px;min-height:30px;font-size:16px}.atlas-picker{min-height:30px;padding-inline:5px}}
.money::before,.notice-heading .byline::before,.receipt .reward::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:3px;background:url('/art/ui-coin.png') center/16px no-repeat;image-rendering:pixelated}
.outing-receipt .purchase{color:var(--aqua);font-size:16px}.outing-history{margin-top:14px}
.member-skills{margin-top:7px;color:var(--muted)}.member-skills summary{color:var(--gold);font-weight:600}.member-skills dl{margin:8px 0 0;padding:0 0 1px 12px;border-left:2px solid var(--edge)}.member-skills dt{font-weight:650;color:var(--light)}.member-skills dd{margin:0 0 8px;line-height:1.4}.unique-find{display:grid;gap:2px;padding:8px 11px;border-left:2px solid var(--gold)}.unique-find small{color:var(--muted)}
body:not([data-view=world]) .roster-count{display:none}.accomplishment{display:grid;min-width:0;gap:3px}.quest-name{font-size:18px;line-height:1.25;color:var(--light);overflow-wrap:anywhere;font-weight:650}.quest-party{font-size:16px;line-height:1.45;color:#d5dce0;overflow-wrap:anywhere}.party-member{display:inline-block;max-width:100%;overflow-wrap:anywhere}.quest-bottom{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 11px;color:var(--aqua);font-size:15px}.quest-bottom .reward{margin:0;font-size:15px;color:var(--gold)}.quest-bottom .reward::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:3px;background:url("/art/ui-coin.png") center/16px no-repeat;image-rendering:pixelated}
#relicBook{order:6}#relicOwners{list-style:none;margin:8px 0 0;padding:0}#relicOwners li{padding:7px 0;border-top:1px solid var(--edge);overflow-wrap:anywhere}#relicOwners small{display:block}#relicOwners a{color:var(--aqua)}
.ink-button,.quiet-button,.map-focus,#cardPages button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;border:1px solid #b89969;border-radius:3px;background:#edd5aa;color:#242b38;font:650 16px/1.2 var(--body);text-decoration:none;cursor:pointer}
.quiet-button,.map-focus,#cardPages button{color:#f5e7ce;background:#283444;border-color:#697283}
.map-focus{min-height:32px;margin-top:9px;font-size:14px}.map-focus[aria-pressed=true]{background:#e4c98f;color:#191d28}
#guildProgress{padding:5px 3px 14px}#guildProgress h2{font:680 clamp(25px,3vw,33px)/1.09 var(--body);color:#f2d3a0}#guildProgress p{color:#e5decf;margin:5px 0}#guildProgress small,.journey{color:#c4cec3}
.slip:has(.map-focus){padding:13px 15px;background:#262d3d;border:1px solid #50586a}
.raid-party summary{cursor:pointer;color:#eac98b;font-weight:650}.raid-party .quest-party,#signedFloors .quest-party{display:block;margin:4px 0}
.raid-reason{display:block;color:#e2c5ab}.profilehead .ink-button,#demoCard{margin-top:10px}
/* The register's picture reader keeps the artwork at its natural 4:5 ratio.
   In short windows only the paper scrolls, so its controls stay within reach. */
#cardDialog{--reader-edge:#947b52;box-sizing:border-box;color:#ffedc8;background:#182733;border:1px solid var(--reader-edge);border-radius:5px;box-shadow:0 14px 60px #050b13b3,0 0 0 2px #101923;padding:0;width:min(752px,calc(100vw - 24px),max(440px,calc(80dvh - 114px)));max-width:calc(100vw - 12px);max-height:calc(100dvh - 16px);margin:auto;overflow:hidden}
#cardDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#cardDialog::backdrop{background:#08101bed}
.card-toolbar,.card-foot{padding:5px 9px;display:flex;align-items:center;gap:8px;background:#213442}
.card-toolbar{justify-content:space-between;border-bottom:1px solid var(--reader-edge)}
.card-picker{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
#cardKind{font:600 17px/1.25 var(--body);color:#fff1d6;background:#182b38;border:1px solid #647878;border-radius:3px;min-width:0;width:100%;min-height:40px;padding:5px 24px 5px 9px;text-overflow:ellipsis;cursor:pointer}
#cardSample{color:#dcbf88;font-size:15px;font-weight:650}
#closeCard,#cardPages button{font:500 26px/1 var(--body);background:transparent;color:#f4e4c6;border:1px solid transparent;border-radius:3px;min-height:40px;min-width:40px;display:inline-grid;place-items:center;padding:0;cursor:pointer}
#closeCard:focus-visible,#cardPages button:focus-visible,#cardKind:focus-visible,.card-foot a:focus-visible,.card-foot button:focus-visible,.card-paper:focus-visible{outline:2px solid #ffe4a6;outline-offset:-2px}
#closeCard:hover,#cardPages button:enabled:hover{background:#2c4352;border-color:#73817a}
.card-paper{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#101d27;padding:5px}
#cardImage{display:block;max-width:100%;width:100%;height:auto;image-rendering:auto;margin:0 auto}
.card-foot{justify-content:flex-end;flex-wrap:wrap;min-height:54px;border-top:1px solid var(--reader-edge)}
#cardStatus{color:#dce6df;font-size:15px;line-height:1.25;margin:0;flex:1 0 100%}
#cardStatus:empty{display:none}
#cardPages{display:flex;align-items:center;gap:3px;margin-right:auto;white-space:nowrap;font:600 15px/1.25 var(--body);font-variant-numeric:tabular-nums;color:#e3d4ba}
#cardPages button:disabled{color:#82908f;cursor:default}
.card-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.card-actions a,.card-actions button{min-height:40px;white-space:nowrap;padding:6px 12px;font-size:16px}
#cardDialog [hidden],#demoCard[hidden],#guildProgress[hidden]{display:none}
body:has(#cardDialog[open]){overflow:hidden}
@media(max-width:640px){#guildProgress{order:0;padding:0}.brand b{font-size:clamp(20px,5.6vw,29px)}}
@media(max-width:600px){#cardDialog{width:calc(100vw - 8px);max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px);max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(4px,env(safe-area-inset-bottom)))}.card-toolbar,.card-foot{padding:3px 6px;gap:4px}.card-paper{padding:2px}.card-foot{min-height:50px}.card-actions a,.card-actions button{min-height:42px;font-size:15px;padding:6px 10px}#cardPages button,#closeCard{min-height:42px;min-width:40px}}
@media(max-width:600px){.card-foot:has(#cardPages[hidden]) .card-actions{width:100%}.card-foot:has(#cardPages[hidden]) .card-actions>*{flex:1}}
@media(max-width:365px){.card-foot:has(#cardPages:not([hidden])){justify-content:center}.card-foot:has(#cardPages:not([hidden])) #cardPages{margin-right:0}.card-actions a,.card-actions button{padding-inline:8px}}
@media(max-height:420px) and (min-width:601px){#cardDialog{width:min(560px,calc(100vw - 20px))}.card-toolbar,.card-foot{padding-block:2px;min-height:0}}
.sample-films summary{cursor:pointer;white-space:nowrap}
.sample-films ul{list-style:none;padding:6px 0 0;margin:0}
.sample-films a{display:block;color:#ffdf9b;text-decoration:underline;padding:7px 0;font-size:15px}
.sample-films a:focus-visible,.sample-films summary:focus-visible{outline:2px solid #ffdf9b;outline-offset:2px;}
.map-sill:has(.sample-films[open]){flex-direction:column;align-items:stretch;gap:9px}
.sample-films[open],.sample-films[open] ul{width:100%}
.sample-films[open] summary{width:max-content}
.sample-films[open] ul{display:flex;flex-wrap:wrap;column-gap:20px;border-top:1px solid #575767;margin-top:9px}
@media(max-width:600px){.sample-films[open] li{width:100%}.sample-films[open] a{padding:5px 0}}
#sheet.window{border:1px solid #978768;box-shadow:inset 0 0 0 3px #132635,inset 0 0 0 4px #50616a,0 8px 25px #09111b33;background:linear-gradient(140deg,#284453 0,#203646 42%,#172a3a 100%);border-radius:6px;padding:4px;color:#f4f0e2}
.sheet-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-bottom:1px solid #657777;color:#dbc6a0;font-size:16px;font-weight:650}
.sheet-toolbar .ink-button{min-height:34px;background:#35515b;border:1px solid #96a29a;color:#f8edce}
.status-hero{display:grid;grid-template-columns:minmax(116px,.68fr) minmax(0,1.65fr);align-items:center;gap:clamp(13px,2vw,23px);padding:19px 19px 13px}
.status-portrait{max-width:220px}.status-portrait canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.status-bio{min-width:0}.rank-band{display:flex;align-items:center;gap:7px;font-size:clamp(17px,2.5vw,20px);color:#e8c58d}.rank-band canvas{width:24px;height:24px}
.status-bio h2{color:#fff2cf;font:720 clamp(26px,4vw,48px)/1.04 var(--body);letter-spacing:-.015em;margin:7px 0 5px;overflow-wrap:anywhere}
.class-build{margin:0;font-weight:600;color:#dce8df;font-size:clamp(16px,2.1vw,21px)}
.member-balance{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 11px;margin-top:9px;color:#cee0df;font-size:15px}
.member-balance b{color:#f5dbab;font:bold clamp(18px,2.6vw,24px)/1.2 Georgia,serif}.member-balance span{border-left:1px solid #647976;padding-left:10px}
.status-body{padding:0 19px 18px}.status-heading{display:flex;align-items:center;gap:11px;color:#f0d7a7;font:600 23px/1.2 Georgia,serif;margin:12px 0 7px}
.status-heading::after{content:"";flex:1;border-top:1px solid #70847f}.battle-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;background:#142c3c;border:1px solid #587079;box-shadow:inset 0 1px #2e4652}
.battle-values div{padding:8px 12px;position:relative}.battle-values div+div::before{content:"";position:absolute;left:0;top:18%;height:64%;border-left:1px solid #445d66}.battle-values dt{font-size:15px;color:#bed0ce}.battle-values dd{font:680 27px/1.2 var(--body);font-variant-numeric:tabular-nums;color:#fff2d0;margin:1px 0 0}
.stat-origin,.status-body .member-skills{margin-top:7px;font-size:15px;color:#c1d5d4}.stat-origin summary,.status-body .member-skills summary{cursor:pointer;color:#d3ded9}.stat-origin table{width:100%;margin:8px 0;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums}.stat-origin th:first-child{text-align:left}.stat-origin :is(th,td){padding:3px 6px;border-bottom:1px solid #455d65}.stat-origin p,.build-note{margin:7px 0;color:#c0cfce}
.equipped-slots{display:grid;gap:0}.gear-slot{display:flex;align-items:center;gap:12px;min-height:57px;padding:6px 0;border-bottom:1px solid #455c65}.slot-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #7b847a;background:#2b434e;color:#bfc8c0}.slot-icon .sprite{width:30px;height:30px;object-fit:contain}
.slot-name{display:grid;grid-template-columns:minmax(48px,64px) minmax(0,1fr);width:100%;align-items:baseline;gap:0 7px}.slot-name small{color:#c5d4ce;font-size:14px}.slot-name b{font-weight:650;color:#f3edde;overflow-wrap:anywhere}.gear-effect{color:#bed1cd;grid-column:2;font-size:14px}
.status-body .member-skills{border-top:0;padding-top:0}.status-body .section-heading{font:600 21px/1.2 Georgia,serif;color:#efd3a4}.status-body .outing-receipt{background:#192f40;border-color:#597078}
.recovery-note{margin:6px 0;color:#efca9f}.status-body .unique-find{border-color:#a7956b}
@media(max-width:640px){.sheet-toolbar{padding:8px 11px}.status-hero{grid-template-columns:minmax(95px,.75fr) minmax(0,1.45fr);padding:12px 10px 6px;gap:10px}.status-body{padding:0 10px 13px}.status-bio h2{font-size:clamp(23px,6.2vw,34px)}.member-balance{gap:2px 7px;font-size:13px}.member-balance span{padding-left:6px}.battle-values div{padding:8px}.battle-values dt{font-size:14px}.status-heading{font-size:21px}.gear-slot{min-height:50px}.slot-name{grid-template-columns:52px minmax(0,1fr)}}
.rank-track{margin:3px 0 11px;padding:7px 0 0}.rank-track>div{display:flex;align-items:baseline;justify-content:space-between;gap:5px 10px;flex-wrap:wrap;font-size:15px;line-height:1.3;color:#bfd3d2}.rank-track b{font-weight:650;color:#efd4a1}.rank-track progress{appearance:none;display:block;width:100%;height:7px;overflow:hidden;border:1px solid #657773;border-radius:1px;background:#112737;margin-top:5px;accent-color:#cfad73}.rank-track progress::-webkit-progress-bar{background:#112737}.rank-track progress::-webkit-progress-value{background:#cfad73}.rank-track progress::-moz-progress-bar{background:#cfad73}.outing-deed{margin:4px 0;color:#d8e5dd;font-size:15px}

.armory-unlock{margin:12px 0 0;font-size:.94rem;line-height:1.5}.armory-unlock b{margin-right:.5em}.quality-gear .slot-name b,.weapon-find{color:#62422c}.weapon-find{font-weight:650}#campAccounts{margin-top:12px}

.rank-guide{margin-top:.5rem}.rank-guide summary{cursor:pointer;font-size:.95rem}.rank-guide p,.rank-track>p{margin:.4rem 0;color:inherit;line-height:1.4}

#examDemo{margin-top:1rem}#examDemo summary{cursor:pointer}#examDemo select{max-width:100%;margin:.35rem 0 .6rem}#examDemo label{display:block}
#maker .maker-layout{grid-template-columns:minmax(235px,1fr) minmax(290px,1.1fr)}#maker .maker-gallery{position:sticky;top:16px}#maker .maker-menu{padding:15px 18px}#lookControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px;margin:12px 0}.look-field,.look-class{min-width:0}.look-field label,.look-class label,.look-ticket>label{display:block;font:630 15px/1.2 var(--body);color:#d9c8a6;margin:0 0 4px}.look-field select,#maker .look-class select{width:100%;min-height:36px}.look-swatches{display:flex;justify-content:flex-start;gap:4px;flex-wrap:wrap;padding:2px}.look-swatches button{width:23px;height:23px;min-height:0;padding:0;background:var(--swatch);border:1px solid #788184;border-radius:3px;cursor:pointer}.look-swatches button[aria-pressed=true]{outline:2px solid #f6dfaa;outline-offset:1px}.look-swatches button:focus-visible{outline:2px solid white;outline-offset:2px}.look-actions,.look-ticket>div,.sheet-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.look-actions .roll{margin:0}.look-ticket{padding-top:12px;border-top:1px solid #58646d;margin:13px 0 7px}.look-ticket input{min-width:0;flex:1;font:650 16px/1.3 var(--body);padding:8px;background:#142431;color:#f9e8bf;border:1px solid #68797c}.look-ticket p,.look-ticket [role=status]{font-size:14px;margin:5px 0 0;color:#c9d6d2}.sheet-actions .quiet-button{min-height:34px;font-size:15px}
@media(max-width:700px){#maker .maker-layout{grid-template-columns:1fr}#maker .maker-gallery{position:static}#maker .maker-menu{padding:12px}.look-swatches button{width:25px;height:25px}.sheet-toolbar{flex-wrap:wrap;gap:5px}}
#lookControls select.sr{position:absolute;width:1px;max-width:1px;height:1px;min-height:0;padding:0;white-space:nowrap;border:0;overflow:hidden;clip-path:inset(50%)}
.look-mirror{display:none}
.status-hero{position:relative;isolation:isolate;border-bottom:1px solid #7b817e;background:#192b3c}
.sheet-landscape{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.72)}
.status-bio{text-shadow:0 1px 3px #112237}
.status-bio .rank-band{width:fit-content;padding:1px 8px 2px 3px;background:#1b2e40;border:1px solid #8f8372;font-size:1rem}
.member-loadout{display:grid;grid-template-columns:clamp(72px,20%,126px) minmax(0,1fr);align-items:center;gap:clamp(8px,2%,18px)}
.member-loadout .loadout-figure{display:block;width:100%;height:auto;image-rendering:pixelated}
.member-loadout .equipped-slots{min-width:0}
.member-loadout .gear-slot{gap:8px}
.member-loadout .slot-name{grid-template-columns:minmax(0,1fr) auto}
.member-loadout .slot-name b{grid-area:1/1}
.member-loadout .slot-name small{grid-area:1/2}
.member-loadout .gear-effect{grid-column:1/-1;color:#a9dbbf}
.status-body .quality-gear .slot-name b,.status-body .weapon-find{color:#f2ca88}
.rank-track progress{accent-color:#a6d6be}
.rank-track progress::-webkit-progress-value{background:#a6d6be}
.rank-track progress::-moz-progress-bar{background:#a6d6be}
@media(max-width:480px){
  .member-loadout .slot-icon{width:27px;height:29px}
  .member-loadout .slot-icon .sprite{width:24px;height:24px}
  .member-loadout .slot-name{display:flex;flex-direction:column;gap:0}
  .member-loadout .slot-name small{font-size:12px;color:#b6c8d0}
}
@media(max-width:700px){.look-mirror:not([hidden]){display:flex;position:sticky;z-index:3;top:0;justify-content:center;align-items:center;background:#213948;border:1px solid #998a69;box-shadow:0 2px 5px #14142288;margin:6px 0 8px}.look-mirror canvas{height:58px;width:auto;image-rendering:pixelated}}