:root{--ink:#120e0c;--oak:#221a15;--oak-2:#2f241d;--oak-3:#46362a;--brass:#b5924f;--brass-hi:#e4c88a;--brass-lo:#6d5428;--oxblood:#8e2c25;--oxblood-hi:#d0614f;--moss:#4d5e3c;--moss-hi:#a3ba7f;--fog:#9a958c;--bone:#e9dfc8;--bone-dim:#c4b89e;--mourning:#0b0a0b;--paper:#ddd4be;--paper-ink:#2a1f17;--lilac:#9a8bbd;--moon:#93aabd;--rule:#b5924f52;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--latin:"IM Fell English", "Noto Serif SC", "Songti SC", serif;--radius-s:3px;--radius-m:4px;--shadow:0 10px 30px #0000008c, 0 2px 6px #00000080;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.33  0 0 0 0 0.24  0 0 0 0 0.13  0.62 0 0 0 -0.23'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--corner-tl-0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='matrix(1 0 0 1 0 0)'%3E%3Cpath d='M.5 12V5.5A5 5 0 0 0 5.5.5H12' fill='none' stroke='%23b5924f' stroke-opacity='.6'/%3E%3Ccircle cx='2.3' cy='2.3' r='1.05' fill='%23b5924f' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corner-tr-0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='matrix(-1 0 0 1 12 0)'%3E%3Cpath d='M.5 12V5.5A5 5 0 0 0 5.5.5H12' fill='none' stroke='%23b5924f' stroke-opacity='.6'/%3E%3Ccircle cx='2.3' cy='2.3' r='1.05' fill='%23b5924f' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corner-br-0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='matrix(-1 0 0 -1 12 12)'%3E%3Cpath d='M.5 12V5.5A5 5 0 0 0 5.5.5H12' fill='none' stroke='%23b5924f' stroke-opacity='.6'/%3E%3Ccircle cx='2.3' cy='2.3' r='1.05' fill='%23b5924f' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corner-bl-0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='matrix(1 0 0 -1 0 12)'%3E%3Cpath d='M.5 12V5.5A5 5 0 0 0 5.5.5H12' fill='none' stroke='%23b5924f' stroke-opacity='.6'/%3E%3Ccircle cx='2.3' cy='2.3' r='1.05' fill='%23b5924f' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--fleuron-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12'%3E%3Cg fill='%232a1f17'%3E%3Cpath d='M6 6L60 5.35V6.65Z'/%3E%3Cpath d='M154 6L100 5.35V6.65Z'/%3E%3Cpath d='M80 2.3L83.7 6L80 9.7L76.3 6Z'/%3E%3Ccircle cx='70.6' cy='6' r='1.15'/%3E%3Ccircle cx='89.4' cy='6' r='1.15'/%3E%3C/g%3E%3Cg fill='none' stroke='%232a1f17' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M60 6c2.6-3.4 6.4-3.6 7.6-.8c.8 1.9-.9 3.3-2.3 2.4'/%3E%3Cpath d='M100 6c-2.6-3.4-6.4-3.6-7.6-.8c-.8 1.9.9 3.3 2.3 2.4'/%3E%3C/g%3E%3C/svg%3E");--fleuron-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12'%3E%3Cg fill='%23b5924f'%3E%3Cpath d='M6 6L60 5.35V6.65Z'/%3E%3Cpath d='M154 6L100 5.35V6.65Z'/%3E%3Cpath d='M80 2.3L83.7 6L80 9.7L76.3 6Z'/%3E%3Ccircle cx='70.6' cy='6' r='1.15'/%3E%3Ccircle cx='89.4' cy='6' r='1.15'/%3E%3C/g%3E%3Cg fill='none' stroke='%23b5924f' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M60 6c2.6-3.4 6.4-3.6 7.6-.8c.8 1.9-.9 3.3-2.3 2.4'/%3E%3Cpath d='M100 6c-2.6-3.4-6.4-3.6-7.6-.8c-.8 1.9.9 3.3 2.3 2.4'/%3E%3C/g%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--ink);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:15px;line-height:1.6;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#b5924f66}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}a{color:var(--brass-hi)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{--cs:12px;background:linear-gradient(180deg, #fff0d209, #00000024), var(--tex-oak,repeating-linear-gradient(91deg, #ffffff03 0 1px, #00000008 1px 4px, transparent 4px 7px)), var(--oak);background-size:auto, var(--tex-oak-size,auto), auto;border-radius:var(--radius-m);box-shadow:var(--shadow), inset 0 1px 0 #e4c88a12;border:1px solid #110c09;position:relative}.panel:before,.panel:after{content:"";pointer-events:none;position:absolute;inset:4px}.panel:before{background:linear-gradient(var(--rule), var(--rule)) top / calc(100% - 2 * var(--cs)) 1px no-repeat, linear-gradient(var(--rule), var(--rule)) bottom / calc(100% - 2 * var(--cs)) 1px no-repeat, linear-gradient(var(--rule), var(--rule)) left / 1px calc(100% - 2 * var(--cs)) no-repeat, linear-gradient(var(--rule), var(--rule)) right / 1px calc(100% - 2 * var(--cs)) no-repeat}.panel:after{background:var(--corner-tl,var(--corner-tl-0)) top left / var(--cs) var(--cs) no-repeat, var(--corner-tr,var(--corner-tr-0)) top right / var(--cs) var(--cs) no-repeat, var(--corner-br,var(--corner-br-0)) bottom right / var(--cs) var(--cs) no-repeat, var(--corner-bl,var(--corner-bl-0)) bottom left / var(--cs) var(--cs) no-repeat}.btn{appearance:none;border:1px solid var(--brass-lo);color:var(--bone);cursor:pointer;white-space:nowrap;background:linear-gradient(#4a3a26,#2a2016 60%,#241b13);border-radius:2px;padding:7px 14px;transition:background-color .15s,border-color .15s,filter .15s,transform 50ms;box-shadow:inset 0 1px #e4c88a38,0 2px 4px #00000073}.btn:hover:not(:disabled){border-color:var(--brass);background:linear-gradient(#5a4630,#31261b 60%,#2a2016)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, #fff6d84d, #fff6d800 46%, #281a083d), var(--tex-brass,linear-gradient(180deg, #d6b672, #a78344 55%, #8a6a32));background-size:auto, var(--tex-brass-size,auto);color:#1d150c;text-shadow:0 1px #fff0c866;border-color:#e8cf94;font-weight:600;box-shadow:inset 0 0 0 1px #fff4d240,inset 0 -1px #3c280a66,0 2px 5px #00000080}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg, #fff6d84d, #fff6d800 46%, #281a083d), var(--tex-brass,linear-gradient(180deg, #d6b672, #a78344 55%, #8a6a32));background-size:auto, var(--tex-brass-size,auto);filter:brightness(1.08)}.btn.danger{background:linear-gradient(#6e2a24,#3e1612);border-color:#6a2420}.btn.ghost{box-shadow:none;color:var(--bone-dim);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--bone);border-color:var(--oak-3);background:#ffffff08}.btn.small{padding:3px 9px;font-size:13px}.btn.on{border-color:var(--brass-hi);color:var(--brass-hi);box-shadow:inset 0 0 0 1px #e4c88a59,0 0 12px #e4c88a26}.btn .ico{vertical-align:-3px;width:16px;height:16px;margin-right:5px}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--bone-dim);font-size:13px}.input{border:1px solid var(--oak-3);color:var(--bone);background:#15100d;border-radius:2px;padding:7px 10px;box-shadow:inset 0 1px 3px #00000080}.input:focus{border-color:var(--brass);outline:none}select.input{padding-right:24px}.muted{color:var(--fog)}.dim{color:var(--bone-dim)}.danger-text{color:var(--oxblood-hi)}.relief-text{color:var(--moss-hi)}.latin{font-family:var(--latin)}.num{font-variant-numeric:tabular-nums lining-nums}.rule{background:linear-gradient(90deg, transparent, var(--brass-lo), transparent);border:0;height:1px;margin:10px 0}svg.ico{fill:none;stroke:var(--brass);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.scroll{scrollbar-width:thin;scrollbar-color:var(--oak-3) transparent;overflow:auto}.title-screen{grid-template-columns:minmax(0,1fr) minmax(320px,420px);display:grid;position:fixed;inset:0}.title-screen canvas{width:100%;height:100%;position:absolute;inset:0}.title-copy{--cs:16px;flex-direction:column;grid-column:2;align-self:center;gap:16px;margin-right:6vw;padding:34px 32px 28px;display:flex;position:relative}.title-mark{margin:0;line-height:1.05}.title-mark .cn{letter-spacing:.06em;color:var(--bone);background:repeating-linear-gradient(#f2e8cf 0 1.5px,#f2e8cf75 1.5px 2.7px);-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px #000000eb)drop-shadow(0 0 22px #e4c88a1f);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,5.4vw,64px);font-weight:900;display:block}.title-mark .sub{letter-spacing:.5em;color:var(--brass-hi);text-shadow:1px 1px #000;margin-top:8px;font-size:clamp(22px,2.6vw,30px);font-weight:600;display:block}.title-mark .en{font-family:var(--latin);color:var(--bone-dim);letter-spacing:.04em;margin-top:10px;font-size:17px;font-style:italic;display:block}.title-mark:after{content:"";background:var(--tex-divider,var(--fleuron-brass)) left center / contain no-repeat;opacity:.85;width:168px;height:12px;margin-top:16px;display:block}.title-mark .logo{width:100%;max-width:360px;height:auto;margin-bottom:4px;display:block}.title-mark.has-logo .cn,.title-mark.has-logo .sub{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.title-pitch{color:var(--bone-dim);max-width:34em;margin:0}.menu{flex-direction:column;gap:8px;display:flex}.menu .btn{text-align:left;padding:10px 16px;font-size:16px}.join-row{gap:8px;display:flex}.join-row .input{text-transform:uppercase;letter-spacing:.3em;font-family:var(--latin);flex:1;font-size:18px}.profile-line{color:var(--fog);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.page{background:radial-gradient(ellipse at 20% 0%, #6e50282e, transparent 60%), radial-gradient(ellipse at 100% 100%, #3c463229, transparent 50%), var(--ink);position:fixed;inset:0;overflow:auto}.art-table .lobby-page{background:linear-gradient(180deg, #0a080699, #0a0806d1), var(--tex-table) center / cover no-repeat, var(--ink)}.page-inner{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-head h1{letter-spacing:.04em;margin:0;font-size:30px;font-weight:900}.page-head p{color:var(--fog);margin:4px 0 0}.lobby{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.code-plate{font-family:var(--latin);letter-spacing:.32em;color:#1d150c;background:linear-gradient(180deg, #fff8dc4d, #fff8dc00 45%, #281a0838), var(--tex-brass,linear-gradient(180deg, #e2c584, #a8854a 60%, #8a6a32));background-size:auto, var(--tex-brass-size,auto);text-shadow:0 1px #fff0c880;border:1px solid #f0d9a0;border-radius:3px;padding:4px 18px 4px 26px;font-size:40px;box-shadow:inset 0 0 0 3px #fff4d22e,inset 0 0 0 4px #50381459,0 6px 16px #00000080}.seats{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.calling-card{background:var(--tex-card,var(--grain)), linear-gradient(160deg, #e8dec7, #cfc3a8);background-size:var(--tex-card-size,180px), auto;min-height:150px;color:var(--paper-ink);outline-offset:-5px;border-radius:3px;outline:1px solid #a8854a;grid-template-columns:76px 1fr;gap:12px;padding:16px;display:grid;position:relative;box-shadow:0 8px 20px #00000080,inset 0 0 26px #785a3229}.calling-card:before{content:"";pointer-events:none;border:1px solid #a8854a73;border-radius:1px;position:absolute;inset:8px}.calling-card.empty{color:var(--fog);outline:1px dashed var(--oak-3);outline-offset:-1px;box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex}.calling-card.empty:before{display:none}.calling-card .name{font-size:18px;font-weight:900;line-height:1.2}.calling-card .title{color:#6a5a44;font-size:13px}.calling-card .who{color:#6a5a44;margin-top:2px;font-size:12px}.calling-card .offline{color:var(--oxblood);border:1px solid #8e2c2573;border-radius:2px;margin-left:6px;padding:0 5px;font-size:11px}.calling-card .attrs{color:#3a2e22;grid-template-columns:repeat(3,auto);gap:0 10px;margin-top:6px;font-size:12px;display:grid}.calling-card .tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.calling-card .tag{border:1px solid #2a1f1740;border-radius:2px;padding:0 6px;font-size:11px}.calling-card .state{font-size:12px;position:absolute;top:8px;right:10px}.calling-card .seal{--seat:#a1443a;background:radial-gradient(circle at 40% 34%, color-mix(in srgb, var(--seat) 72%, #fff2dc), var(--seat) 48%, color-mix(in srgb, var(--seat) 58%, #000));color:#fff0dcd9;text-shadow:0 -1px #00000059;border-radius:52% 48% 50% 50%/47% 53% 48% 52%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:grid;position:absolute;bottom:12px;right:14px;transform:rotate(-12deg);box-shadow:inset 0 0 0 4px #0000001f,inset 0 0 0 5px #ffffff24,0 2px 4px #0006}.calling-card .seal.art{box-shadow:none;background:var(--tex-seal) center / contain no-repeat, var(--seat);background-blend-mode:multiply;-webkit-mask:var(--tex-seal) center / contain no-repeat;-webkit-mask:var(--tex-seal) center / contain no-repeat;mask:var(--tex-seal) center / contain no-repeat;border-radius:0}.portrait-frame{border-radius:50%/46%;width:76px;height:96px;overflow:hidden;box-shadow:0 0 0 2px #a8854a,0 0 0 4px #e9e0cb,0 0 0 5px #a8854a99,0 3px 8px #00000080}.portrait-frame canvas{width:100%;height:100%;display:block}.portrait canvas,.who canvas,.portrait-frame canvas,.portrait-pick canvas{object-fit:cover;object-position:50% 30%}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.settings-grid .input{width:100%;min-width:0}.mon-preview label small{color:var(--fog);margin-left:8px;font-size:12px}.mon-preview ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:4px 0 0;padding:0 0 0 4px;list-style:none;display:grid}.mon-preview li{align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.mon-preview .medal{width:36px;height:36px;box-shadow:0 0 0 1px #1b120c, 0 0 0 4px var(--mc), 0 0 0 5px #1b120c, 0 2px 4px #0009;background:radial-gradient(circle at 45% 38%,#e9dfc8,#c4b89e 62%,#8a7a5e);border-radius:50%;flex:none;place-items:center;display:grid}.mon-preview .medal svg{display:block}.mon-preview li .nm{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.mon-preview li .num{color:var(--bone-dim);font-size:12px}.mon-preview p{text-wrap:pretty;margin:4px 0 0;font-size:12px;line-height:1.5}.chat{flex-direction:column;height:260px;display:flex}.chat .lines{flex:1;padding:8px 10px;font-size:13px}.chat .lines p{margin:0 0 4px}.chat form{border-top:1px solid var(--oak-3);gap:6px;padding:8px;display:flex}.chat .input{flex:1}.builder{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.attr-row{grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.attr-row .pips{gap:4px;display:flex}.attr-row .pip{border:1px solid var(--brass-lo);background:#18120e;border-radius:50%;width:14px;height:14px}.attr-row .pip.on{background:radial-gradient(circle at 40% 35%, var(--brass-hi), var(--brass-lo));border-color:var(--brass)}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.pick{text-align:left;border:1px solid var(--oak-3);cursor:pointer;background:#1a1410;border-radius:2px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.pick:hover:not(:disabled){border-color:var(--brass-lo)}.pick.on{border-color:var(--brass);background:linear-gradient(#2f2416,#1f1810);box-shadow:inset 0 0 0 1px #e4c88a40}.pick:disabled{opacity:.4;cursor:not-allowed}.pick .h{justify-content:space-between;gap:6px;font-weight:600;display:flex}.pick .k{color:var(--fog);font-size:12px}.pick .d{color:var(--bone-dim);font-size:13px;line-height:1.45}.pick .ico{vertical-align:-4px;width:18px;height:18px;margin-right:6px}.portrait-pick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.portrait-pick button{cursor:pointer;aspect-ratio:4/5;background:0 0;border:2px solid #0000;border-radius:50%/46%;padding:0;overflow:hidden}.portrait-pick button.on{border-color:var(--brass-hi)}.portrait-pick canvas{width:100%;height:100%;display:block}.section-title{justify-content:space-between;align-items:baseline;margin:16px 0 8px;font-size:17px;font-weight:900;display:flex}.section-title small{color:var(--fog);font-size:13px;font-weight:400}.game{position:fixed;inset:0}.game canvas.map{touch-action:none;cursor:default;width:100%;height:100%;position:absolute;inset:0}.game canvas.map.can-move{cursor:crosshair}.hud-top{pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:10px;left:12px;right:12px}.hud-top>*{pointer-events:auto}.chapter-plate{align-items:center;gap:14px;padding:9px 14px 9px 16px;display:flex}.chapter-plate .ch{font-size:16px;font-weight:900;line-height:1.2}.chapter-plate .ch small{color:var(--fog);font-size:12px;font-weight:400;display:block}.watch{align-items:center;gap:8px;display:flex}.watch svg{width:38px;height:38px}.watch .t{color:var(--brass-hi);font-size:20px;font-weight:600;line-height:1}.watch .t small{color:var(--fog);margin-top:3px;font-size:11px;font-weight:400;display:block}.objectives{max-width:360px;padding:9px 14px;font-size:13px}.objectives ul{margin:0;padding:0;list-style:none}.objectives li{align-items:baseline;gap:8px;display:flex}.objectives li:before{content:"";border:1px solid var(--brass);flex:none;width:8px;height:8px;transform:translateY(-1px)rotate(45deg)}.objectives li.done{color:var(--fog);-webkit-text-decoration:line-through #9a958c99;text-decoration:line-through #9a958c99}.objectives li.done:before{background:var(--brass)}.order-bar{align-items:center;gap:6px;margin-left:auto;padding:6px 10px;display:flex}.order-bar .who{width:38px;height:38px;box-shadow:0 0 0 2px var(--brass-lo);opacity:.75;border-radius:50%;position:relative;overflow:hidden}.order-bar .who.now{opacity:1;box-shadow:0 0 0 2px var(--brass-hi), 0 0 14px #e4c88a73}.order-bar .who.down{filter:grayscale()brightness(.6)}.order-bar .who canvas{width:100%;height:100%}.order-bar .sep{background:var(--rule);width:1px;height:30px;margin:0 4px}.order-bar .mon{color:var(--bone-dim);flex-direction:column;align-items:center;min-width:38px;font-size:11px;line-height:1.2;display:flex}.order-bar .mon .icon{width:30px;height:30px}.order-bar .mon.soon{color:var(--oxblood-hi)}.map-dock{left:12px;bottom:calc(var(--tray-h,96px) + 24px);align-items:flex-end;gap:8px;display:flex;position:absolute}.floor-tabs{flex-direction:column;gap:4px;display:flex}.floor-tabs .btn{width:64px}.map-tools{gap:4px;display:flex}.narrow-only{display:none}.tray{--cs:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(1040px,100% - 24px);padding:11px 15px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.tray .group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tray .group .lbl{color:var(--fog);margin-right:2px;font-size:12px}.tray .me{align-items:center;gap:10px;display:flex}.tray .me .portrait{width:54px;height:54px;box-shadow:0 0 0 2px var(--brass);border-radius:50%;flex:none;overflow:hidden}.tray .me .portrait canvas{width:100%;height:100%}.bars{grid-template-columns:auto auto;gap:1px 10px;font-size:12px;display:grid}.bar{align-items:center;gap:5px;display:flex}.bar .track{background:#120d0a;border:1px solid #3a2d22;border-radius:1px;width:70px;height:6px;overflow:hidden}.bar .fill{height:100%}.bar .fill.hp{background:linear-gradient(90deg,#6e1f18,#c0473c)}.bar .fill.fat{background:linear-gradient(90deg,#4a4a5a,#8a8aa8)}.bar .fill.foc{background:linear-gradient(90deg,#3a4a6a,#7a9ac8)}.bar .fill.sta{background:linear-gradient(90deg,#4a5a32,#9ab86a)}.bar .num{min-width:1.2em}.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.actions .btn .cost{color:var(--fog);margin-left:5px;font-size:11px}.actions .btn.on .cost{color:inherit}.waiting{color:var(--bone-dim);font-size:14px}.waiting b{color:var(--bone)}.tray-end{align-items:center;gap:8px;display:flex}.deadline{color:var(--brass-hi);font-size:16px;font-weight:600}.deadline.low{color:var(--oxblood-hi)}.guide-note{left:14px;bottom:calc(var(--tray-h,96px) + 102px);z-index:12;width:264px;color:var(--paper-ink);background:var(--tex-paper,var(--grain)), linear-gradient(172deg, #d6ccb2, #c4b898);background-size:var(--tex-paper-size,180px), auto;transform-origin:20px 0;border-radius:1px;padding:15px 17px 10px;font-size:13px;line-height:1.6;position:absolute;transform:rotate(-.6deg);box-shadow:0 10px 26px #0000008c,inset 0 0 0 3px #cfc4a8,inset 0 0 0 7px #120e0c,inset 0 0 0 8px #cfc4a8e6,inset 0 0 18px 8px #1b120c2e}.guide-note:before{content:"";background:radial-gradient(circle at 35% 30%,#e4c88a 0 18%,#b5924f 45%,#6d5428 100%);border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;left:14px;box-shadow:0 2px 3px #0000008c}:is(.game:has(.story-veil) .guide-note,.game:has(.story-veil) .guide-tab){display:none}.guide-head{flex-direction:column;gap:1px;margin-bottom:4px;display:flex}.guide-head b{letter-spacing:.02em;font-size:15px;font-weight:900}.guide-tag{letter-spacing:.2em;color:#4e3e30;font-size:12px;font-weight:600}.guide-note p{text-wrap:pretty;margin:0 0 6px}.guide-foot{border-top:1px solid #2a1f1740;justify-content:flex-end;align-items:center;gap:4px;padding-top:6px;display:flex}.guide-foot .btn.ghost{color:#3e3024;padding:3px 8px}.guide-foot .btn:active:not(:disabled){filter:brightness(.92);transform:translateY(1px)}.guide-foot .btn.ghost:first-child{margin-left:-8px;margin-right:auto}.guide-foot .btn.ghost:hover:not(:disabled){color:var(--paper-ink);background:#2a1f1714;border-color:#2a1f1740}.guide-tab{left:14px;bottom:calc(var(--tray-h,96px) + 102px);z-index:12;appearance:none;cursor:pointer;max-width:264px;font:600 13px/1.4 var(--serif);color:var(--paper-ink);white-space:nowrap;text-overflow:ellipsis;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:linear-gradient(225deg,#0000 0 6px,#a8987c 6px 7px,#0000 7px),linear-gradient(172deg,#d6ccb2,#c4b898);border:0;padding:5px 18px 5px 11px;position:absolute;overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 0 0 2px #cfc4a8,inset 0 0 0 4px #120e0c}.guide-tab:hover{filter:brightness(1.06);box-shadow:0 4px 12px #00000080, inset 0 0 0 2px #cfc4a8, inset 0 0 0 4px #120e0c, 0 0 0 1px var(--brass)}.guide-tab small{color:#4e3e30;letter-spacing:.15em;margin-right:6px;font-weight:400}.tray .stair-btn{border-color:var(--brass);background:linear-gradient(#46362a,#3a2c1f 60%,#31251a);margin-left:13px;position:relative}.tray .stair-btn:after{content:"";background:var(--oak-3);width:1px;height:76%;position:absolute;top:12%;left:-9px}.tray .stair-btn:before{content:"";vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M1 13V10H5V7H9V4H13V1H15V13Z' fill='%23e4c88a' stroke='%231b120c' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M3 12.2h10M7 9.2h6M11 6.2h2' stroke='%236d5428' stroke-width='.8'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:14px;margin-right:5px;display:inline-block}.tray .stair-btn.down:before{transform:scaleX(-1)}.tray .stair-btn .cost{color:var(--bone-dim);font-size:12px}.tray .stair-btn:hover:not(:disabled){border-color:var(--brass-hi);background:linear-gradient(#524030,#42321f 60%,#382a1c)}.tray .stair-btn:active:not(:disabled){background:#221a15}@media (pointer:coarse){.tray .btn{min-height:40px}.guide-note .btn,.guide-tab{min-height:44px}.guide-foot .btn.ghost{min-width:64px}.guide-foot{gap:10px}}.side{top:74px;right:12px;bottom:calc(var(--tray-h,96px) + 24px);flex-direction:column;width:320px;display:flex;position:absolute}.side .tabs{border-bottom:1px solid var(--rule);margin:5px 6px 0;display:flex}.side .tabs button{color:var(--fog);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px 4px}.side .tabs button.on{color:var(--bone);border-bottom-color:var(--brass)}.side .body{flex:1;padding:10px 12px;font-size:13px}.side-foot{border-top:1px solid var(--rule);color:var(--fog);margin:0 6px;padding:6px 12px 9px;font-size:12px}.member{border-bottom:1px solid #46362a99;grid-template-columns:40px 1fr;gap:8px;padding:8px 0;display:grid}.member .portrait{width:40px;height:40px;box-shadow:0 0 0 2px var(--c,var(--brass));border-radius:50%;overflow:hidden}.member .portrait canvas{width:100%;height:100%}.member .n{justify-content:space-between;font-weight:600;display:flex}.status-chips{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.chip{border:1px solid var(--oak-3);color:var(--bone-dim);border-radius:2px;align-items:center;gap:3px;padding:0 6px 0 4px;font-size:11px;line-height:18px;display:inline-flex}.chip svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px}.chip.bad{color:#e0907a;border-color:#6a2a22}.chip.good{color:var(--moss-hi);border-color:#4a5a32}.inv{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.inv button{text-align:left;border:1px solid var(--oak-3);cursor:pointer;background:#18120e;border-radius:2px;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:7px;padding:4px 6px;font-size:12px;line-height:1.3;display:grid}.inv button>:not(.ico){grid-column:2}.inv .ico{grid-row:1/span 2;width:22px;height:22px}.inv button.eq{border-color:var(--brass);box-shadow:inset 0 0 0 1px #e4c88a33}.inv button:hover{border-color:var(--brass-lo)}.clue{color:var(--paper-ink);background:var(--tex-paper,var(--grain)), linear-gradient(170deg, #ddd4be, #c9bea4);background-size:var(--tex-paper-size,180px), auto;border-radius:1px;margin-bottom:8px;padding:9px 11px;overflow:hidden;box-shadow:0 3px 8px #0006,inset 0 0 18px #785a3229}.clue.key{box-shadow:0 3px 8px #0006,inset 0 0 18px #785a3229,inset 3px 0 #8e2c25bf}.clue .doc{float:right;width:84px;height:auto;margin:-2px -2px 4px 10px}.clue h4{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 3px;font-size:14px;font-weight:900;display:flex}.clue .key-mark{letter-spacing:.12em;color:var(--oxblood);border:1px solid #8e2c2599;border-radius:2px;flex:none;padding:0 3px 0 5px;font-size:11px;font-weight:600;transform:rotate(-4deg)}.clue p{margin:0;font-size:13px;line-height:1.55}.log-line{margin:0 0 4px;line-height:1.5}.log-line.danger{color:#e0907a}.log-line.relief{color:var(--moss-hi)}.log-line.clue,.log-line.item{color:var(--brass-hi)}.log-line.round{color:var(--fog);text-align:center;margin:8px 0;font-size:12px}.log-line.chapter{color:var(--bone);font-weight:900}.ctx-menu{z-index:30;--cs:10px;flex-direction:column;gap:3px;min-width:220px;padding:8px;display:flex;position:absolute}.ctx-menu .head{border-bottom:1px solid var(--rule);margin-bottom:3px;padding:4px 8px 6px;font-weight:900}.ctx-menu .head small{color:var(--fog);font-size:12px;font-weight:400;line-height:1.45;display:block}.ctx-menu .btn{text-align:left;justify-content:space-between;gap:10px;display:flex}.ctx-menu .btn small{color:var(--fog);font-size:11px}.tooltip{z-index:25;pointer-events:none;border:1px solid var(--oak-3);max-width:280px;box-shadow:var(--shadow);background:#120e0cf0;border-radius:2px;padding:8px 11px;font-size:13px;line-height:1.5;position:absolute}.tooltip b{color:var(--bone)}.menu-veil{z-index:50;background:#0605048c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.game-menu{--cs:16px;width:min(640px,100%);max-height:calc(100% - 16px);padding:22px 26px 18px;overflow:auto}.game-menu h2{letter-spacing:.08em;margin:0 0 6px;font-size:20px;font-weight:900}.game-menu h3{color:var(--brass-hi);margin:14px 0 6px;font-size:14px;font-weight:600}.menu-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 28px;display:grid}.menu-range{color:var(--bone-dim);grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:3px 0;font-size:13px;display:grid}.menu-range .num{text-align:right;color:var(--bone)}.menu-check{cursor:pointer;align-items:flex-start;gap:9px;padding:4px 0;font-size:14px;display:flex}.menu-check input{accent-color:var(--brass);margin:4px 0 0}.menu-check small{color:var(--fog);font-size:12px;display:block}.seg{gap:4px;display:flex}.keys{gap:5px;margin:0;font-size:13px;display:grid}.keys div{grid-template-columns:124px minmax(0,1fr);align-items:center;gap:8px;display:grid}.keys dt{flex-wrap:wrap;gap:3px;display:flex}.keys dd{color:var(--bone-dim);margin:0}.touch-sec{display:none}.touch-sec dt{color:var(--bone)}@media (hover:none) and (pointer:coarse){.keys-sec{display:none}.touch-sec{display:block}}kbd{min-width:22px;font:600 12px/20px var(--serif);text-align:center;color:var(--bone);border:1px solid var(--brass-lo);background:linear-gradient(#3a2d20,#221a13);border-bottom-width:2px;border-radius:3px;padding:0 5px;display:inline-block}.menu-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.menu-foot>span:first-child{flex:240px}.menu-actions{gap:6px;display:flex}.range{appearance:none;cursor:pointer;background:#120d0a;border:1px solid #3a2d22;border-radius:3px;width:100%;height:6px;margin:0}.range::-webkit-slider-thumb{appearance:none;border:1px solid var(--brass-hi);background:radial-gradient(circle at 40% 35%, var(--brass-hi), var(--brass-lo));border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0009}.range::-moz-range-thumb{border:1px solid var(--brass-hi);background:radial-gradient(circle at 40% 35%, var(--brass-hi), var(--brass-lo));border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0009}.story-veil{z-index:40;background:#06050473;place-items:center;display:grid;position:absolute;inset:0}.story-card{width:min(560px,100% - 32px);max-height:calc(100% - 32px);color:var(--paper-ink);background:radial-gradient(circle at 12% 18%, #8c6e3c1f 0 2px, transparent 3px), radial-gradient(circle at 82% 74%, #8c6e3c1a 0 3px, transparent 4px), radial-gradient(circle at 60% 30%, #785a3214 0 2px, transparent 3px), var(--tex-paper,var(--grain)), radial-gradient(ellipse at 50% 42%, transparent 58%, #6e502829), linear-gradient(170deg, #e4dcc6, #d2c7ad);background-size:auto, auto, auto, var(--tex-paper-size,180px), auto, auto;box-shadow:0 20px 60px #000000b3, inset 0 0 0 var(--edge,6px) var(--mourning), inset 0 0 0 calc(var(--edge,6px) + 2px) #e4dcc6, inset 0 0 0 calc(var(--edge,6px) + 3px) #0b0a0b99;scrollbar-width:thin;border-radius:2px;padding:26px 30px 22px;position:relative;overflow:auto}.story-card.has-plate{width:min(640px,100% - 32px)}.story-card.tone-chapter{--edge:14px}.story-card.tone-danger{--edge:9px}.story-card.tone-omen{--edge:6px}.story-card.tone-relief,.story-card.tone-clue{--edge:3px}.story-card h2{letter-spacing:.04em;margin:0 0 10px;font-size:22px;font-weight:900}.story-card h2:after{content:"";background:var(--tex-divider,var(--fleuron-ink)) left center / contain no-repeat;opacity:.8;width:150px;height:11px;margin-top:8px;display:block}.story-card.tone-chapter h2{text-align:center;font-size:28px}.story-card.tone-chapter h2:after{background-position:50%;margin:10px auto 0}.story-card p{margin:0;font-size:16px;line-height:1.85}.story-card .next{justify-content:flex-end;margin-top:16px;display:flex}.story-card .next .btn{color:var(--bone)}.story-card .options{flex-direction:column;gap:8px;margin-top:16px;display:flex}.story-plate{background:#fffaec38;margin:0 0 18px;padding:7px;box-shadow:inset 0 0 0 1px #5a422461,inset 1px 1px 0 1px #fffcf073,0 1px #fffcf066}.story-plate img{aspect-ratio:16/9;object-fit:cover;background:#2a221a;outline:1px solid #1b120cbf;width:100%;display:block}.story-plate.doc img{aspect-ratio:4/3;object-fit:contain;max-height:42vh}.dial-wrap{z-index:35;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.dial-wrap .lbl{color:var(--paper-ink);background:var(--grain), linear-gradient(180deg, #e6dcc4, #d3c6a8);background-size:180px,auto;border-radius:1px;padding:1px 12px 2px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #2a1f178c,inset 0 0 0 3px #e2d7bd,inset 0 0 0 4px #2a1f174d,0 3px 8px #0000008c}.dial-wrap .verdict{letter-spacing:.1em;text-shadow:0 2px 6px #000,0 0 2px #000;font-size:19px;font-weight:900}.dial-wrap .verdict.ok{color:var(--moss-hi)}.dial-wrap .verdict.no{color:var(--oxblood-hi)}.dial-wrap .math{color:var(--bone-dim);text-shadow:0 1px 3px #000,0 0 2px #000;font-size:14px}.turn-banner{z-index:34;pointer-events:none;letter-spacing:.3em;color:var(--brass-hi);text-shadow:0 3px 12px #000,0 0 30px #e4c88a4d;font-size:30px;font-weight:900;animation:1.6s ease-out forwards banner;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%)}18%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1}to{opacity:0}}.toasts{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--oak-3);box-shadow:var(--shadow);background:#120e0ceb;border-radius:2px;padding:6px 14px;font-size:14px;animation:.25s ease-out toast-in}.toast.warn,.toast.danger{color:#f0b4a4;border-color:#6a2a22}.toast.relief{color:var(--moss-hi);border-color:#4a5a32}.toast.sound{color:var(--bone-dim);font-style:italic}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.conn{z-index:60;background:#3a1612;border:1px solid #6a2a22;border-radius:2px;padding:4px 14px;font-size:13px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.results{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.results .story-card{max-height:none;overflow:visible}.wax{width:120px;height:120px;font-family:var(--latin);color:#f6e2cc;background:radial-gradient(circle at 38% 32%,#d0574a,#7a1c15 70%,#5a120d);border-radius:52% 48% 50% 50%/47% 53% 48% 52%;place-items:center;font-size:64px;display:grid;transform:rotate(-9deg);box-shadow:inset 0 0 0 9px #0000001a,inset 0 0 0 10px #ffffff1f,0 8px 20px #0000008c,inset 0 -6px 14px #00000059}.score-row{grid-template-columns:110px 1fr 46px;align-items:center;gap:10px;padding:6px 0;display:grid}.score-row .track{background:#120d0a;border:1px solid #3a2d22;border-radius:1px;height:8px;overflow:hidden}.score-row .fill{background:linear-gradient(90deg, var(--brass-lo), var(--brass-hi));height:100%}.score-row .num{text-align:right;color:var(--bone-dim);font-size:13px}.results-page .page-inner{flex-direction:column;justify-content:center;min-height:100%;display:flex}.starter{border:1px solid var(--rule);border-radius:var(--radius-s);background:#221a15d9;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 28px;margin:14px 0 26px;padding:22px 22px 16px;display:grid;position:relative;box-shadow:inset 0 1px #e4c88a0f}.starter:before{content:"初到庄园";letter-spacing:.3em;color:var(--brass-hi);border:1px solid var(--rule);background:#17110d;padding:0 10px;font-size:12px;line-height:18px;position:absolute;top:-10px;left:18px}.starter h2{margin:0 0 8px;font-size:19px;font-weight:900}.starter p,.starter li{color:var(--bone-dim);text-wrap:pretty;font-size:14px}.starter li b{color:var(--bone)}.starter .nb{white-space:nowrap}.starter ol{gap:6px;margin:0;padding-left:22px;display:grid}.starter ol li::marker{color:var(--brass-hi);font-weight:600}.starter ul{gap:4px;margin:6px 0;padding-left:18px;display:grid}.rules{columns:2 360px;column-gap:28px}.rules section{break-inside:avoid;margin-bottom:18px}.rules h3{color:var(--brass-hi);margin:0 0 6px;font-size:17px;font-weight:900}.rules p,.rules li{color:var(--bone-dim);font-size:14px}.rules ul{margin:6px 0;padding-left:18px}.rules table{border-collapse:collapse;width:100%;font-size:13px}.rules td,.rules th{border-bottom:1px solid var(--oak-3);text-align:left;padding:4px 6px}@media (max-width:900px){.lobby,.builder,.results{grid-template-columns:1fr}.seats{gap:10px}.calling-card.empty{min-height:46px;padding:8px}.title-screen{grid-template-columns:1fr}.title-copy{grid-column:1;align-self:end;gap:12px;margin:auto 16px 24px;padding:22px 20px}.title-mark:after{margin-top:12px}.side{z-index:32;border-radius:8px 8px 0 0;width:auto;height:52vh;transition:transform .25s;inset:auto 8px 0;transform:translateY(110%)}.side.open{transform:none}.objectives{display:none}.hud-top{top:8px;left:8px;right:8px}.order-bar{padding:4px 6px}.order-bar .who{width:30px;height:30px}.tray{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"me end""act act";gap:8px 10px;width:calc(100% - 16px);padding:9px 11px;bottom:8px}.tray .me{grid-area:me}.tray .actions,.tray .waiting{grid-area:act}.tray .tray-end{grid-area:end}.tray .me .portrait{display:none}.bars{gap:2px 10px}.bar .track{width:44px}.map-dock{top:74px;bottom:auto;left:8px}.guide-note{width:auto;padding:13px 14px 8px;font-size:12.5px;inset:118px 10px auto;transform:none}.guide-head b{font-size:14px}.tray .stair-btn{margin-left:0}.tray .stair-btn:after{display:none}.guide-tab{max-width:calc(100% - 20px);top:118px;bottom:auto;left:10px}.floor-tabs{flex-direction:row}.floor-tabs .btn{width:auto}.wide-only{display:none}.narrow-only{display:revert}.menu-cols,.settings-grid,.starter{grid-template-columns:1fr}}@media (max-width:520px){.chapter-plate .ch small,.order-bar .mon{display:none}.page-inner{padding:18px 16px 50px}.story-card{padding:22px 20px 18px}.story-plate img{aspect-ratio:2}.story-plate.doc img{aspect-ratio:4/3}.story-card p{font-size:15px;line-height:1.8}}@media (prefers-reduced-motion:reduce){.turn-banner,.toast{animation:none}.side{transition:none}}