:root{--brush: "Yeon Sung", "Gungsuh", "궁서", serif;--ink-serif: "Gowun Batang", "Batang", "바탕", serif;--ink-text: #ece6d8;--ink-dim: #a39b8a;--ink-amber: #ffb040;--ink-amber2: #ffe9a8;--ink-red: #e0462e}.ink-hud{position:fixed;z-index:3;color:var(--ink-text);font:13px/1.5 Malgun Gothic,맑은 고딕,system-ui,sans-serif;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000}body:not(.playing) .ink-hud{display:none}body.playing>:not(canvas){zoom:var(--ui-zoom, 1)}.ink-hud[hidden]{display:none}.ink-num{font-variant-numeric:tabular-nums;font-family:var(--ink-serif)}#me{left:10px;top:8px;width:452px;padding:0 64px 0 66px;box-sizing:border-box}#me-fig{position:absolute;right:0;top:22px;width:62px;display:grid;justify-items:center}#me-fig .pf{position:relative;display:block;height:60px;width:22px;filter:drop-shadow(0 0 2px #000) drop-shadow(0 1px 2px #000)}#me-fig.f .pf{width:20px}#me-fig .pf i{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d8d2c4;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;transition:background-color .3s}#me-fig .pf i.line{background:var(--m) center / 100% 100% no-repeat;-webkit-mask:none;mask:none}#me-fig.m .line{--m: url(/ink/fig-m-line.png)}#me-fig.m .head{--m: url(/ink/fig-m-head.png)}#me-fig.m .body{--m: url(/ink/fig-m-body.png)}#me-fig.m .arm{--m: url(/ink/fig-m-arm.png)}#me-fig.m .leg{--m: url(/ink/fig-m-leg.png)}#me-fig.f .line{--m: url(/ink/fig-f-line.png)}#me-fig.f .head{--m: url(/ink/fig-f-head.png)}#me-fig.f .body{--m: url(/ink/fig-f-body.png)}#me-fig.f .arm{--m: url(/ink/fig-f-arm.png)}#me-fig.f .leg{--m: url(/ink/fig-f-leg.png)}#me-fig-tags{position:absolute;left:calc(50% + 15px);top:6px;display:grid;justify-items:start;row-gap:1px}#me-fig-tags span{font:700 10.5px/1.25 var(--ink-serif);white-space:nowrap}#me .who{display:flex;align-items:baseline;gap:8px;padding-left:4px;white-space:nowrap}#me .who b{font:400 18px var(--brush);letter-spacing:2px;color:#fff}#me .who .grade{font:400 13px var(--brush);color:var(--ink-amber2)}#me .who .age{font:700 14px var(--ink-serif);color:#f1ead8;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000}#me .sub{margin:1px 0 0 44px;font-size:11px;color:var(--ink-dim);min-height:16px}#me .sub{display:flex;align-items:center;gap:10px}#me .sub b{color:var(--ink-amber);font:400 13px/1.2 var(--brush);letter-spacing:1px}#me-boost{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px 0 2px;background:#0b0a09b0;box-shadow:inset 0 0 0 1px #ffe9a855;cursor:default}#me-boost[hidden]{display:none}#me-drugs{display:inline-flex;gap:4px}#me-drugs:empty{display:none}#me-drugs span{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px 0 2px;background:#0b0a09b0;box-shadow:inset 0 0 0 1px #fff3}#me-drugs.full span{box-shadow:inset 0 0 0 1px #ff5f45}#me-drugs .icon{transform:scale(.55);margin:-8px -6px;flex:none}#me-drugs u{text-decoration:none;font:700 11px var(--ink-serif);color:#fff}#me-boost .icon{transform:scale(.55);margin:-8px -6px;flex:none}#me-boost u{text-decoration:none;font:700 11.5px var(--ink-serif);color:var(--ink-amber2)}.ink-g{position:relative;display:grid;grid-template-columns:40px 1fr;align-items:center;height:20px}.ink-g>b{font:400 13px/1 var(--brush);color:#fff;text-align:right;padding-right:6px;white-space:nowrap}.ink-g .t{position:relative;height:20px;background:url(/ink/bar-track.png) left center / 100% 100% no-repeat}.ink-g .t i{position:absolute;left:2%;top:2px;bottom:2px;width:0;max-width:96%;background:var(--fill) left center / 282px 100% no-repeat}.ink-g .t u{position:absolute;right:12px;top:50%;transform:translateY(-50%);text-decoration:none;font:700 11px var(--ink-serif);color:#fff;text-shadow:0 0 2px #000,0 0 3px #000,0 0 3px #000}.ink-g .t s{position:absolute;top:3px;bottom:3px;width:1.5px;background:#fff;opacity:.8;box-shadow:0 0 2px #000}.ink-g.life{height:24px;--fill: url(/ink/bar-life.png)}.ink-g.life .t{height:24px}.ink-g.life>b{font-size:15px}.ink-g.energy{--fill: url(/ink/bar-energy.png)}.ink-g.inner{--fill: url(/ink/bar-inner.png)}.ink-g.outer{--fill: url(/ink/bar-outer.png)}.ink-g.magic{--fill: url(/ink/bar-magic.png)}#me .tri{display:grid;grid-template-columns:repeat(3,1fr)}#me .tri .ink-g{grid-template-columns:40px 1fr;height:18px}#me .tri .ink-g+.ink-g{grid-template-columns:34px 1fr}#me .tri .ink-g .t{height:18px}#me .tri .ink-g .t i{background-size:80px 100%}#me .tri .ink-g>b{font-size:12px}#me .tri .ink-g .t u{right:5px;font-size:10.5px}#shield{position:absolute;left:1%;top:-3px;bottom:-3px;width:0;background:url(/ink/shield-veil.png) left center / 290px 100% no-repeat;pointer-events:none;animation:ink-breathe 2s ease-in-out infinite}#shield:after{content:"";position:absolute;right:-9px;top:-8px;width:18px;height:24px;background:url(/ink/flame.png) center / 100% 100% no-repeat;animation:ink-flick .5s steps(2) infinite}#shield[hidden]{display:none}@keyframes ink-breathe{50%{filter:brightness(1.25);opacity:.82}}@keyframes ink-flick{50%{transform:scaleX(.86) translateY(-1px)}}#orb{position:absolute;left:-4px;top:-2px;width:74px;height:74px;cursor:pointer}#orb:hover{filter:brightness(1.15)}.ob{position:relative;display:block;width:100%;height:100%;--sat: 1;--br: 1;--gl: .3;--spd: 12s;--shd: 1;--spk: 0}.ob>i{position:absolute;display:block}.ob .gw{top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;background:radial-gradient(circle,var(--oc) 34%,transparent 68%);opacity:var(--gl);filter:blur(4px);animation:ob-pulse 2.4s ease-in-out infinite}.ob .d{top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:var(--od) center / 100% 100%;filter:saturate(var(--sat)) brightness(var(--br));animation:ob-spin var(--spd) linear infinite}.ob .s{top:16%;right:16%;bottom:16%;left:16%;background:url(/ink/orb-shade.png) center / 100% 100%;opacity:var(--shd)}.ob .k{top:-8%;right:-8%;bottom:-8%;left:-8%;background:url(/ink/orb-spark.png) center / 100% 100%;opacity:var(--spk);mix-blend-mode:screen;filter:drop-shadow(0 0 3px var(--oc)) drop-shadow(0 0 1px #fff);animation:ob-spin calc(var(--spd) * 1.7) linear infinite reverse}.ob .r{top:0;right:0;bottom:0;left:0;background:url(/ink/orb-ring.png) center / 100% 100%}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-pulse{50%{opacity:calc(var(--gl) * 1.45);transform:scale(1.1)}}.ob.t0{--sat: .7;--br: .82;--gl: .14;--spd: 18s;--shd: 1}.ob.t1{--sat: .9;--br: .92;--gl: .32;--spd: 13s;--shd: .92}.ob.t2{--sat: 1.25;--br: 1.06;--gl: .58;--spd: 9s;--shd: .82;--spk: .4}.ob.t3{--sat: 1.55;--br: 1.2;--gl: .82;--spd: 6.5s;--shd: .72;--spk: .75}.ob.t4{--sat: 1.85;--br: 1.34;--gl: 1;--spd: 4.5s;--shd: .62;--spk: 1}.ob.none .gw,.ob.none .d,.ob.none .k{display:none}.ob.none .s{opacity:.35}.ob.h0{--od: url(/ink/orb-disc-00.png);--oc: rgb(212, 194, 235)}.ob.h1{--od: url(/ink/orb-disc-01.png);--oc: rgb(176, 235, 223)}.ob.h2{--od: url(/ink/orb-disc-02.png);--oc: rgb(173, 201, 235)}.ob.h3{--od: url(/ink/orb-disc-03.png);--oc: rgb(94, 235, 81)}.ob.h4{--od: url(/ink/orb-disc-04.png);--oc: rgb(235, 97, 97)}.ob.h5{--od: url(/ink/orb-disc-05.png);--oc: rgb(235, 166, 90)}.ob.h6{--od: url(/ink/orb-disc-06.png);--oc: rgb(235, 168, 50)}.ob.h7{--od: url(/ink/orb-disc-07.png);--oc: rgb(221, 99, 235)}.ob.h8{--od: url(/ink/orb-disc-08.png);--oc: rgb(235, 174, 68)}.ob.h9{--od: url(/ink/orb-disc-09.png);--oc: rgb(94, 142, 235)}.ob.h10{--od: url(/ink/orb-disc-10.png);--oc: rgb(205, 215, 235)}.ob.h11{--od: url(/ink/orb-disc-11.png);--oc: rgb(98, 235, 95)}.ob.h12{--od: url(/ink/orb-disc-12.png);--oc: rgb(235, 47, 46)}.ink-pn{border:28px solid transparent;border-image:url(/ink/panel.png) 60 fill / 28px / 6px stretch;text-shadow:none}.ink-pn>.in{margin:-12px -10px}.ink-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ink-title h3{margin:0;font:400 21px/1 var(--brush);letter-spacing:4px;color:#fff;padding:10px 34px 9px 18px;background:url(/ink/title-gold.png) left center / 100% 100% no-repeat;text-shadow:0 1px 2px #000;white-space:nowrap}.ink-title .more{margin-left:auto;color:var(--ink-dim);font:700 13px var(--ink-serif);white-space:nowrap}.ink-title .more b{color:#fff}.ink-mark{display:inline-block;font:700 11px/1 Malgun Gothic,sans-serif;color:var(--ink-amber2);padding:3px 7px;border:1px solid #ffe9a877;background:#0008;white-space:nowrap;vertical-align:2px}.ink-foot{display:flex;gap:10px;color:var(--ink-dim);font-size:12px;align-items:center;justify-content:center;margin-top:8px;flex-wrap:wrap}.ink-foot kbd{display:inline-grid;place-items:center;min-width:22px;height:19px;padding:0 5px;border-radius:10px;background:#0b0a09;color:#fff;font:700 10.5px/1 inherit;box-shadow:0 0 0 1.5px #ece6d8;margin:0 5px}#grades{left:6px;top:124px;width:424px;z-index:6}#grade-list{max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a8474 transparent}.gr{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:4px 6px;border-bottom:1px solid #ffffff12;cursor:pointer}.gr .oi{width:38px;height:38px}.gr b{font:400 16px var(--brush);letter-spacing:1px}.gr p{margin:0;font-size:12px;color:var(--ink-dim);white-space:nowrap}.gr .need{text-align:right;font-size:12px;color:var(--ink-dim)}.gr .need b{display:block;font:700 13px var(--ink-serif);color:var(--ink-text);letter-spacing:0}.gr:hover{background:#ffffff0d}.gr.on{background:linear-gradient(90deg,#ffb04040,transparent 92%);box-shadow:inset 3px 0 0 var(--ink-amber)}.gr.on>div>b{color:var(--ink-amber2)}.gr.lock{opacity:.42;cursor:default}.gr.lock .need b{color:#ff8a70}.gr.veil{display:block;padding:14px 8px;text-align:center;font:400 14px var(--brush);letter-spacing:1px;color:var(--ink-dim);cursor:default;border-bottom:0}.gr.veil:hover{background:none}#quick{left:calc(50% - 250px);bottom:10px;display:grid;justify-items:center;gap:4px}#quick-now{display:flex;gap:14px;font-size:12.5px;white-space:nowrap;min-height:19px}#quick-now span{color:var(--ink-dim)}#quick-now b{font:400 15px var(--brush);color:#fff;margin:0 4px}#quick-now i{font:normal 700 12.5px var(--ink-serif);color:var(--ink-amber2)}.quick-row{display:flex;gap:4px;align-items:center}.quick-row[hidden]{display:none}.quick-cell{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:url(/ink/cell-0.png) center / 100% 100%;box-shadow:0 2px 5px #000a}.quick-cell>*{flex:none;pointer-events:none}.quick-cell>kbd{position:absolute;left:4px;top:2px;font:700 10.5px/1 var(--ink-serif);color:var(--ink-amber2);text-shadow:0 0 2px #000,0 0 2px #000}.quick-cell:hover{outline:1px solid #ffe890}#quick-toggle{width:18px;height:46px;display:grid;place-items:center;cursor:pointer;color:var(--ink-dim);font-size:12px}#quick-toggle:hover{color:#fff}#menu{right:10px;bottom:6px;display:grid;justify-items:end}#menu .rowm{display:flex}#menu a{display:grid;justify-items:center;width:50px;cursor:pointer;color:var(--ink-text);font-size:11.5px;position:relative;line-height:1.15;white-space:nowrap}#menu a .pic{width:46px;height:46px;display:grid;place-items:center;background:url(/ink/blot.png) center / 100% 100%}#menu a .pic img{width:29px;height:29px;opacity:.92}#menu a small{font-size:9.5px;color:var(--ink-dim);min-height:11px}#menu a:hover .pic,#menu a.on .pic{background-image:url(/ink/ring-gold.png),url(/ink/blot.png);background-size:100% 100%}#menu a:hover .pic img,#menu a.on .pic img{opacity:1;filter:drop-shadow(0 0 6px #ffe9a8)}#menu a.on{color:var(--ink-amber2)}#menu .rowm.up a{width:40px;font-size:10.5px}#menu .rowm.up a .pic{width:34px;height:34px}#menu .rowm.up a .pic img{width:21px;height:21px}@media (max-width: 1240px){#menu{zoom:.82}#quick{zoom:.88;left:calc(50% - 230px)}}@media (max-width: 1040px){#menu{zoom:.68}#quick{zoom:.76;left:calc(50% - 200px)}#me{zoom:.86}}body.playing #chat{left:14px;bottom:12px;width:310px;z-index:3;--chat-input-space: 30px}body.playing #chat-log{font-size:12.5px;max-height:96px;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000}body.playing #chat-log b{color:var(--ink-amber2)}body.playing #chat-input{margin:4px 0 0 58px;width:calc(100% - 58px);height:24px;padding:2px 12px 3px;font-size:12.5px;color:var(--ink-text);border:0;border-radius:0;background:url(/ink/plate-black.png) center / 100% 100% no-repeat}body.playing #chat-input:not(:focus){opacity:.8}#chat-channel{left:14px;bottom:12px;width:54px;height:24px;line-height:24px;text-align:center;font:400 14px/24px var(--brush);color:var(--ink-amber2);cursor:pointer}#chat-channel-menu{left:14px;bottom:40px;width:70px;font-size:12.5px;z-index:50;text-shadow:none;background:#0b0a09f2;box-shadow:0 0 0 1px #5a5548}#chat-channel-menu div{padding:3px 8px;cursor:pointer}#chat-channel-menu div:hover{background:#ffb04033}body.playing #hud{display:none}body.playing #toast{bottom:150px}body.playing #party{top:128px}.ink-win{right:8px;top:8px;width:384px;box-sizing:border-box;z-index:5;font-size:13px}.ink-win *{box-sizing:border-box}body.two-wins #charwin{right:396px}.ink-title .x{width:30px;height:30px;display:grid;place-items:center;font:700 15px/1 sans-serif;color:#fff;background:url(/ink/blot.png) center / 120% 120%;cursor:pointer;flex:none}.ink-title .x:hover{filter:brightness(1.6)}.ink-title h3+.x{margin-left:auto}.ink-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a8474 transparent;max-height:calc(100vh - 330px)}.ink-hr{height:1px;background:linear-gradient(90deg,transparent,#ffffff55 20%,#ffffff55 80%,transparent);margin:8px 0}.ink-sect{font:400 15px/1 var(--brush);color:var(--ink-amber2);letter-spacing:3px;margin:12px 0 6px 2px}.ink-none{color:var(--ink-dim);padding:14px 6px;text-align:center}.ink-coin{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,#b07a1c 70%);box-shadow:inset 0 0 0 1.5px #6b4a10,inset 0 0 0 4px #d9a43c,inset 0 0 0 5px #6b4a10,0 0 0 1px #000;vertical-align:-2px;margin-right:5px}.ink-btn{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:36px;padding:0 20px;border:0;cursor:pointer;white-space:nowrap;font:400 18px/1 var(--brush);letter-spacing:5px;color:#14110d;background:url(/ink/plate-paper.png) center / 100% 100% no-repeat}.ink-btn:hover{filter:brightness(1.1) drop-shadow(0 0 10px #ffe9a877)}.ink-btn.s{min-width:70px;height:28px;font-size:15px;letter-spacing:2px;padding:0 12px}.ink-btn:disabled,.ink-btn.off{opacity:.4;cursor:default;filter:none}.ink-tbtn{background:none;border:0;cursor:pointer;font:400 15px var(--brush);color:var(--ink-dim);letter-spacing:2px;padding:4px 8px}.ink-tbtn:hover{color:#fff}.ink-cats{display:flex;align-items:flex-end;margin:2px 0 10px}.ink-cats a{display:grid;justify-items:center;width:43px;font-size:11px;color:#8b8474;cursor:pointer}.ink-cats a img{width:28px;height:28px;opacity:.42}.ink-cats a.on{color:#fff}.ink-cats a.on img{opacity:1;filter:drop-shadow(0 0 6px #ffe9a8aa)}.ink-cats a.on span{border-bottom:1px solid #fff}.ink-tabs{display:flex;gap:2px;margin:2px 0 10px;border-bottom:1px solid #ffffff22}.ink-tabs a{font:400 16px/1 var(--brush);color:#8b8474;padding:6px 9px 8px;cursor:pointer;letter-spacing:1px;white-space:nowrap}.ink-tabs a:hover{color:#ccc}.ink-tabs a.on{color:#fff;text-shadow:0 0 10px #e2a13a;background:radial-gradient(ellipse at 50% 100%,#e2a13a99,transparent 70%) center bottom / 100% 12px no-repeat}.ink-slot{position:relative;width:62px;height:62px;background:url(/ink/cell-0.png) center / 100% 100%;display:grid;place-items:center;flex:none;box-shadow:0 2px 5px #000a}.ink-slot.q1{background-image:url(/ink/cell-1.png)}.ink-slot.q2{background-image:url(/ink/cell-2.png)}.ink-slot.q3{background-image:url(/ink/cell-3.png)}.ink-slot.q4{background-image:url(/ink/cell-4.png)}.ink-slot.q5{background-image:url(/ink/cell-5.png)}.ink-slot.q6{background-image:url(/ink/cell-6.png)}.ink-slot.none{background-image:url(/ink/cell-empty.png);box-shadow:none}.ink-slot .icon{transform:scale(1.35);filter:drop-shadow(1px 2px 1px #000a);pointer-events:none}.ink-slot i.mg{display:block;width:32px;height:32px;background:url(/assets/ui/magic-icons.png) no-repeat;transform:scale(1.3);pointer-events:none}.ink-slot em{position:absolute;right:5px;bottom:2px;font:normal 700 12px/1 var(--ink-serif);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000;pointer-events:none}.ink-slot[data-locked]:before{content:"잠";position:absolute;z-index:1;right:2px;top:2px;padding:0 3px;font:400 11px/14px var(--brush);color:#14110d;background:#ffe9a8;box-shadow:0 0 0 1px #000;pointer-events:none}.ink-slot[data-level]:after{content:"+" attr(data-level);position:absolute;left:5px;top:3px;font:700 11px/1 var(--ink-serif);color:#90e8ff;text-shadow:0 0 2px #000,0 0 2px #000}.ink-slot small{position:absolute;left:-8px;right:-8px;bottom:-15px;text-align:center;font-size:10.5px;color:var(--ink-dim);white-space:nowrap;pointer-events:none}.ink-slot.sel:before,.ink-slot.on:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;background:url(/ink/cell-select.png) center / 100% 100%;pointer-events:none}.ink-slot.sm{width:50px;height:50px}.ink-slot.sm .icon{transform:scale(1.1)}.ink-slot.sm i.mg{transform:scale(1.05)}.ink-slot.xs{width:44px;height:44px}.ink-slot.xs .icon,.ink-slot.xs i.mg{transform:none}.ink-slot[draggable=true],.ink-slot.act{cursor:pointer}.ink-slot.act:hover{filter:brightness(1.25)}#inv-grid{display:grid;grid-template-columns:repeat(5,62px);gap:5px 9px;justify-content:center;align-content:start;min-height:262px;padding:2px 0 6px}.ink-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:5px 4px;border-bottom:1px solid #ffffff12;align-items:center;cursor:pointer}.ink-row b{font-size:14px;font-weight:600}.ink-row p{margin:1px 0 0;font-size:12px;color:var(--ink-dim)}.ink-row:hover{background:#ffffff0d}.ink-row.on{background:linear-gradient(90deg,#ffb04040,transparent 92%);box-shadow:inset 3px 0 0 var(--ink-amber)}.ink-row.on b{color:var(--ink-amber2)}.ink-row.off{opacity:.45;cursor:default}.ink-lv{height:5px;background:#000;margin-top:4px;width:150px}.ink-lv i{display:block;height:100%;background:linear-gradient(90deg,#a8801f,#ffe9a8)}.ink-now{display:flex;gap:12px;justify-content:center;margin:8px 0 22px}.ink-equip{display:grid;grid-template-columns:repeat(6,44px);gap:20px 14px;justify-content:center;margin:6px 0 22px}.ink-st2{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.ink-st{display:grid;grid-template-columns:1fr auto;gap:6px;padding:3px 4px;border-bottom:1px solid #ffffff1c;font-size:13px;color:var(--ink-dim)}.ink-st span{color:var(--ink-text);font-family:var(--ink-serif);font-variant-numeric:tabular-nums}.ink-five{width:36px;height:36px;display:grid;place-items:center;background:url(/ink/diamond.png) center / 100% 100%;font:400 15px var(--brush);color:var(--ink-amber2)}.ink-row.off .ink-five{background-image:url(/ink/diamond-empty.png);color:var(--ink-dim)}.ink-prose{font:14px/1.85 var(--ink-serif);margin:0 2px;white-space:pre-wrap}.ink-need{display:flex;justify-content:space-between;padding:4px 10px;margin:8px 0;background:linear-gradient(90deg,#ffffff26,#ffffff14);color:#ff8a70;font-family:var(--ink-serif)}.ink-need.done{color:#6fd693}.ink-rewards{display:flex;gap:10px;margin:2px;flex-wrap:wrap}.ink-mats{display:flex;gap:14px;justify-content:center;margin-top:2px;flex-wrap:wrap;min-height:76px}.ink-mats .m{width:72px;text-align:center}.ink-mats .m .ink-slot{margin:0 auto}.ink-mats .m span{display:block;font-size:11.5px;font-weight:700;line-height:1;padding:4px 2px 3px;margin-top:1px;background:url(/ink/plate-black.png) center / 100% 100% no-repeat;white-space:nowrap;overflow:hidden}.ink-mats .good{color:#6fd693}.ink-mats .bad{color:#ff5f45}.ink-make{display:flex;align-items:center;justify-content:space-between;margin:10px 6px 0}.ink-card{position:fixed;z-index:60;width:304px;color:var(--ink-text);font:13px/1.5 Malgun Gothic,맑은 고딕,system-ui,sans-serif;filter:drop-shadow(0 14px 26px #000c);--img: url(/ink/card-0.png);--nm: #fff}.ink-card *{box-sizing:border-box}.ink-card:before{content:"";position:absolute;z-index:-1;left:-70px;top:-110px;width:440px;height:440px;background:url(/ink/halo.png) center / 100% 100% no-repeat;pointer-events:none;opacity:.8;animation:ob-spin 60s linear infinite}.ink-card.g1{--img: url(/ink/card-1.png);--nm: #dcffe6}.ink-card.g2{--img: url(/ink/card-2.png);--nm: #e0f4ff}.ink-card.g3{--img: url(/ink/card-3.png);--nm: #ffd3ff}.ink-card.g4{--img: url(/ink/card-4.png);--nm: #fff1c8}.ink-card.g5{--img: url(/ink/card-5.png);--nm: #ffe6d2}.ink-card.g6{--img: url(/ink/card-6.png);--nm: #ffe9b0}.ink-card.gp{--img: url(/ink/card-p.png);--nm: #e2fffa}.ink-card.gb{--img: url(/ink/card-b.png);--nm: #e6eaff}.ink-card.gm{--img: url(/ink/card-m.png);--nm: #fff0d8}.ink-card.gq{--img: url(/ink/card-q.png);--nm: #2a2016}.ink-card .head{position:relative;min-height:124px;padding:14px 14px 22px 124px;background:var(--img) center top / 100% 122%}.ink-card .emb{position:absolute;left:8px;top:8px;width:108px;height:108px;display:grid;place-items:center;background:url(/ink/ring-gold.png) center / 100% 100%,url(/ink/blot.png) center / 100% 100%}.ink-card .emb>*{transform:scale(2.4) rotate(-8deg);image-rendering:pixelated;filter:drop-shadow(1px 2px 1px #0009)}.ink-card .head{cursor:move;touch-action:none}.ink-card .head .badge{position:absolute;right:10px;top:8px;padding:1px 7px;font:normal 400 12px var(--brush);letter-spacing:1px;color:#14110d;background:#ffe9a8;box-shadow:0 1px 3px #000a}.ink-card .head b{display:block;font:400 21px/1.2 var(--brush);letter-spacing:1px;color:var(--nm);text-shadow:0 1px 3px #000b;word-break:keep-all}.ink-card .head small{font-size:12.5px;color:#fff;text-shadow:0 1px 2px #000a}.ink-card.gq .head b,.ink-card.gq .head small{text-shadow:none}.ink-card.gq .head small{color:#3a2e1c}.ink-card .price{margin-top:8px;font:700 14px var(--ink-serif);color:var(--nm);text-shadow:0 1px 2px #000}.ink-card .bodyc{border:10px solid transparent;border-image:url(/ink/panel-tight.png) 20 fill / 10px stretch;margin-top:-12px;padding:10px 6px 6px}.ink-card .crow{display:flex;justify-content:space-between;gap:12px;padding:3px 10px;margin-top:3px;background:linear-gradient(90deg,#ffffff26,#ffffff14);font-size:13px}.ink-card .crow span:last-child{font-family:var(--ink-serif);font-variant-numeric:tabular-nums;text-align:right}.ink-card .note{margin:6px 4px 0;font-size:12.5px;color:#8fe0a8}.ink-card .acts{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}#ink-qty{left:50%;top:42%;transform:translate(-50%,-50%);width:430px;z-index:61}#ink-qty *{box-sizing:border-box}#ink-qty .t{text-align:center;font:400 19px var(--brush);letter-spacing:4px;padding:0 0 10px;border-bottom:1px solid #ffffff22;color:#fff}#ink-qty .qrow{display:flex;gap:14px;align-items:center;margin:14px 8px 6px}#ink-qty input[type=range]{flex:1;accent-color:#ffe9a8;height:20px;cursor:pointer}#ink-qty input[type=number]{width:110px;font:700 24px/1 var(--ink-serif);color:#ff8a70;text-align:right;background:#000a;border:0;border-bottom:1px solid #ffffff55;outline:0;padding:2px 6px}#ink-qty .foot{display:flex;justify-content:space-between;align-items:center;margin:8px 4px 0}body.skin.playing .window{border:28px solid transparent;border-image:url(/ink/panel.png) 60 fill / 28px / 6px stretch;background:none;border-radius:0;padding:0 2px;color:var(--ink-text);image-rendering:auto;font-family:Malgun Gothic,맑은 고딕,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#8a8474 transparent}body.playing .window header{margin:-8px 0 8px;gap:8px}body.playing .window h2{font:400 20px/1 var(--brush);letter-spacing:3px;color:#fff;padding:10px 30px 9px 16px;background:url(/ink/title-gold.png) left center / 100% 100% no-repeat;text-shadow:0 1px 2px #000;white-space:nowrap;margin-right:auto}body.playing .window h3{font:400 15px/1 var(--brush);color:var(--ink-amber2);letter-spacing:2px;margin:14px 0 6px}body.playing .window button{background:none;border:0;border-radius:0;font:400 15px var(--brush);color:var(--ink-dim);letter-spacing:2px;padding:4px 8px;cursor:pointer}body.playing .window button:hover:not(:disabled){color:#fff}body.playing .window .row-item{border-bottom:1px solid #ffffff12;padding:4px 2px}body.playing .window .row-item .price,body.playing #shop-money,body.playing #auction-gold,body.playing #state-points,body.playing #storage-count{color:var(--ink-amber2);font-family:var(--ink-serif);font-weight:700}body.playing .window .row-item .cell{background:url(/ink/cell-0.png) center / 100% 100%;flex:0 0 38px;height:38px}body.playing .window button.sub,body.playing #mail-send,body.playing #auction-sell,body.playing #booth-action,body.playing #trade-check,body.playing #party-accept{min-width:56px;height:26px;padding:0 12px;color:#14110d;background:url(/ink/plate-paper.png) center / 100% 100% no-repeat}body.playing .window button.sub:hover:not(:disabled),body.playing #mail-send:hover,body.playing #auction-sell:hover,body.playing #booth-action:hover,body.playing #trade-check:hover,body.playing #party-accept:hover{color:#14110d;filter:brightness(1.1) drop-shadow(0 0 8px #ffe9a877)}body.playing .window input,body.playing .window select,body.playing .window textarea{background:#000a;color:var(--ink-text);border:0;border-bottom:1px solid #ffffff55;padding:4px 6px;outline:0;font:inherit;font-size:13px}body.playing .window option{background:#14110d}body.playing .empty,body.playing #mail-list .mail-text{color:var(--ink-dim)}body.playing #dialog{top:auto;bottom:138px;width:min(620px,calc(100vw - 32px));transform:translate(-50%);max-height:calc(100vh - 300px)}body.playing #dialog .line{font:15px/1.9 var(--ink-serif)}body.playing #dialog button.link{display:inline-block;margin:2px 6px 2px 0;padding:2px 12px 2px 10px;font:700 14px var(--ink-serif);letter-spacing:0;color:var(--ink-amber2);background:linear-gradient(90deg,#ffb04040,transparent 96%);box-shadow:inset 3px 0 0 var(--ink-amber);border:0}body.playing #dialog button.link:hover{color:#fff;background:linear-gradient(90deg,#ffb04088,transparent 96%)}body.playing #dialog button.link:after{content:" ➤";font-size:11px}body.playing #toast{background:url(/ink/plate-black.png) center / 100% 100% no-repeat;border:0;border-radius:0;color:var(--ink-amber2);padding:7px 26px}body.playing #party{background:#0b0a09b0;border:0;box-shadow:inset 3px 0 #6fd693;color:#c8e8c8}#ink-set{z-index:55}#ink-set .body{min-height:300px}#ink-set .chk{display:inline-flex;align-items:center;gap:7px;cursor:pointer;margin:3px 14px 3px 0;white-space:nowrap}#ink-set .chk i{width:20px;height:20px;background:url(/ink/box.png) center / 100% 100%;position:relative;flex:none}#ink-set .chk.on i:after{content:"";position:absolute;top:-5px;right:-7px;bottom:-2px;left:0;background:url(/ink/check.png) center / 100% 100%;filter:drop-shadow(0 0 4px #ffe9a8)}#ink-set .srow{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:8px;margin:4px 0}#ink-set input[type=range]{accent-color:#ffe9a8;cursor:pointer;width:100%}#ink-set .fld{background:#000a;color:var(--ink-text);border:0;border-bottom:1px solid #ffffff55;padding:3px 6px;width:100%;outline:0;font:inherit;font-size:12.5px}#ink-set select.fld option{background:#14110d}#ink-set .auto{display:grid;grid-template-columns:74px 52px 62px 1fr;gap:6px 8px;align-items:center;font-size:12.5px}#ink-set .pair{display:grid;grid-template-columns:84px 1fr;gap:8px;align-items:center;margin:6px 0}.ink-tip{position:fixed;z-index:70;pointer-events:none;min-width:200px;padding:9px 13px 10px;white-space:nowrap;font:12.5px/1.55 Malgun Gothic,맑은 고딕,system-ui,sans-serif;color:var(--ink-text);background:linear-gradient(#1b1711f5,#0c0b0af5);box-shadow:0 0 0 1px #000,0 0 0 2px #6b5a35,0 0 0 3px #000,0 8px 20px #000b;--nm: #ffe9a8}.ink-tip.q1{--nm: #b9f5c8}.ink-tip.q2{--nm: #a8dcff}.ink-tip.q3{--nm: #f0a8ff}.ink-tip.q4{--nm: #ffe08a}.ink-tip.q5{--nm: #ffb98a}.ink-tip.q6{--nm: #ff8f7a}.ink-tip .nm{font:400 18px/1.25 var(--brush);letter-spacing:1px;color:var(--nm);text-shadow:0 1px 3px #000}.ink-tip .sb{font-size:11.5px;color:var(--ink-dim)}.ink-tip .rws{margin-top:6px;padding-top:6px;border-top:1px solid #ffffff24}.ink-tip .rw{display:flex;justify-content:space-between;gap:22px}.ink-tip .rw>span:first-child{color:#d8b96a}.ink-tip .rw>span:last-child{font-family:var(--ink-serif);font-variant-numeric:tabular-nums;text-align:right}.ink-tip .rw i{font:normal 700 11px var(--ink-serif);margin-left:3px}.ink-tip .rw i.up{color:#6fe08a}.ink-tip .rw i.dn{color:#ff7a66}.ink-tip .nt{margin-top:6px;padding-top:5px;border-top:1px solid #ffffff18;font-size:11.5px;color:var(--ink-dim);white-space:pre-line}.ink-hover{position:fixed;z-index:200;max-width:330px;padding:9px 12px;pointer-events:none;white-space:pre-line;font:400 12.5px/1.6 var(--ink-serif);color:var(--ink-text);background:#0c0b0af2;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a,0 4px 18px #000}.ink-hover canvas{display:block;image-rendering:pixelated}#ink-set .says{display:flex;align-items:center;gap:8px;margin:5px 0}#ink-set .says b{cursor:pointer;color:var(--ink-dim);flex:none}#ink-set .says b:hover{color:var(--ink-amber2)}#ink-set .hint{color:var(--ink-dim);font-size:11.5px;margin-top:6px;line-height:1.5}#inv-grid[data-cat]:not([data-cat=all]) .ink-slot{display:none}#inv-grid[data-cat=weapon] .ink-slot[data-cat=weapon],#inv-grid[data-cat=armor] .ink-slot[data-cat=armor],#inv-grid[data-cat=ring] .ink-slot[data-cat=ring],#inv-grid[data-cat=drug] .ink-slot[data-cat=drug],#inv-grid[data-cat=mat] .ink-slot[data-cat=mat],#inv-grid[data-cat=book] .ink-slot[data-cat=book],#inv-grid[data-cat=etc] .ink-slot[data-cat=etc]{display:grid}.ink-add{display:flex;gap:10px;align-items:center;margin-top:10px}.ink-add[hidden]{display:none}.ink-add input{flex:1;min-width:0;background:#000a;color:var(--ink-text);border:0;border-bottom:1px solid #ffffff55;padding:4px 6px;outline:0;font:inherit}.ink-row>span:last-child{display:flex;align-items:center;gap:2px}.ink-st.on,.ink-st.on span{color:var(--ink-amber2)}#ink-qty input[type=text]{flex:1;font:700 18px/1.4 var(--ink-serif);color:#fff;background:#000a;border:0;border-bottom:1px solid #ffffff55;outline:0;padding:4px 8px}#ink-qty .qrow{font:14px/1.7 var(--ink-serif)}#chat-channel-menu{width:78px;padding:4px 0;background:none;box-shadow:none;border:10px solid transparent;border-image:url(/ink/panel-tight.png) 20 fill / 10px stretch}#chat-channel-menu div{font:400 15px/1.5 var(--brush);letter-spacing:2px;color:var(--ink-text);padding:2px 8px}#chat-channel-menu div:hover{color:var(--ink-amber2)}#chat-channel-menu[hidden]{display:none}#menu a{font:400 13.5px/1.15 var(--brush);letter-spacing:1px}#menu .rowm.up a{font-size:12.5px}#menu a small{font-family:var(--ink-serif);letter-spacing:0}#mini{right:8px;top:8px;width:175px;padding:9px 14px 10px;box-sizing:border-box;background:url(/ink/panel-soft.png) center / 100% 100% no-repeat;text-shadow:none}#mini b{display:block;text-align:center;font:400 14px/1.5 var(--brush);letter-spacing:2px;color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden}#mini canvas{display:block;width:147px;height:144px;cursor:pointer;box-shadow:0 0 0 1px #000,0 0 0 2px #6f685a;image-rendering:pixelated}#mini .foot{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11.5px;color:var(--ink-amber2)}#mini .foot span{flex:1;white-space:nowrap}#mini .foot a{min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;cursor:pointer;color:var(--ink-text);font:400 12.5px/1 var(--brush);background:#0b0a09;box-shadow:0 0 0 1px #6f685a}#mini .foot a:hover{color:#fff;box-shadow:0 0 0 1px #ffe9a8}#mini.folded canvas,#mini.folded .foot{display:none}#ink-map{left:50%;top:45%;transform:translate(-50%,-50%);z-index:56;font-size:13px}#ink-map *{box-sizing:border-box}#ink-map .main{display:flex;gap:14px}#ink-map .area{position:relative;background:#000a;box-shadow:0 0 0 1px #000,0 0 0 2px #6f685a;flex:none}#ink-map .area img{position:absolute;cursor:pointer}#ink-map .area .name{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;font:400 14px var(--brush);letter-spacing:1px;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000,0 0 6px #000}#ink-map .area .name.exit{color:var(--ink-amber2)}#ink-map .dot{z-index:1;position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #000,0 0 8px #fff;pointer-events:none}#ink-map .side{width:120px}#ink-map .side .ink-sect{margin-top:2px}#ink-map .side .ink-scroll{max-height:348px;font-size:12.5px;line-height:1.7}#ink-map .side .ink-scroll div{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-dim)}#ink-map .side .ink-scroll div:hover{color:var(--ink-amber2)}body.playing #shop{width:min(560px,calc(100vw - 32px))}body.playing #shop .row-item input[type=range]{flex:0 0 96px;width:96px;padding:0;border:0;background:none;accent-color:#ffe9a8;cursor:pointer}body.playing #shop .row-item .count{flex:0 0 40px;text-align:right;font:700 13px var(--ink-serif);color:#fff}body.playing #shop .row-item .price{flex:0 0 76px;text-align:right}body.playing .window .ink-title{margin:-8px 0 6px}body.playing .window .ink-title h3{margin:0;font:400 21px/1 var(--brush);letter-spacing:4px;color:#fff}body.playing .window .ink-title .more{color:var(--ink-amber2)}body.playing #mailwin{width:min(440px,calc(100vw - 32px))}body.playing #trade,body.playing #storage{width:min(500px,calc(100vw - 32px))}body.playing .window .ink-scroll{max-height:min(520px,calc(100vh - 340px));min-height:60px}.ink-grid{display:grid;grid-template-columns:repeat(auto-fill,50px);gap:6px;padding:2px 0 4px}.ink-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ink-two .ink-grid{grid-template-columns:repeat(4,44px)}.ink-names{font-size:12px;color:var(--ink-dim);min-height:34px;line-height:1.4}.ink-hint{font-size:11.5px;color:var(--ink-dim)}body.playing #mail-form[hidden],body.playing #mail-list[hidden]{display:none}body.playing #mail-form{gap:8px}body.playing #mail-form textarea{resize:none;font-family:var(--ink-serif);line-height:1.7}body.playing #mail-form .ink-make{margin:2px 0 0}body.playing .window .ink-row>span:last-child button.sub{display:inline-flex;align-items:center}body.playing #mail-form input,body.playing #mail-form textarea,body.playing #mail-form select,body.playing #boothwin input{background:#000a;color:var(--ink-text);border:0;border-bottom:1px solid #ffffff55;padding:4px 6px}body.playing .window{z-index:20;top:calc(50% - 60px);max-height:calc(100vh - 170px)}body.playing #storage,body.playing #boothwin,body.playing #upgrade,body.playing #shop,body.playing #trade{left:max(calc(50% - 130px),280px)}body.playing #boothwin,body.playing #compose{width:min(460px,calc(100vw - 32px))}body.playing #upgrade{width:min(420px,calc(100vw - 32px))}.ink-drop{margin:8px 0;padding:18px 10px;text-align:center;color:var(--ink-dim);font-size:12.5px;border:1px dashed #ffffff44;background:#ffffff08}.ink-put{display:flex;gap:14px;align-items:center;margin:6px 0 10px;padding:10px;border:1px dashed #ffffff44;background:#ffffff08}.ink-put b{font-size:15px}.ink-put p{margin:2px 0 0;font-size:12px;color:var(--ink-dim)}.ink-price{font:700 13px var(--ink-serif);color:var(--ink-amber2);margin-right:8px;white-space:nowrap}.ink-need-row{display:flex;gap:6px 14px;margin-top:5px;flex-wrap:wrap}.ink-need-row .ink-slot em{right:2px;bottom:0;font-size:11px}.ink-slot em.good{color:#6fd693}.ink-slot em.bad{color:#ff8a70}body.playing #booth-list input{width:92px;text-align:right}body.playing #booth-name{width:100%;box-sizing:border-box;margin-bottom:6px}body.playing #upgrade .ink-st2{margin-bottom:4px}body.playing .window .ink-foot{justify-content:flex-start}body.bag-open #ink-set{right:396px}#ink-set .auto{grid-template-columns:66px 1fr 92px 58px;gap:8px 8px}#ink-set .pick{position:relative;display:flex;align-items:center;gap:8px;min-width:0}#ink-set .pick .name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ink-set .slide{display:flex;align-items:center;gap:6px}#ink-set .slide .ink-num{min-width:30px;text-align:right;font-size:12px}.ink-pick{position:absolute;left:0;top:46px;z-index:3;min-width:170px;max-height:240px;overflow-y:auto;scrollbar-width:thin;border:10px solid transparent;border-image:url(/ink/panel-tight.png) 20 fill / 10px stretch}.ink-pick div{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 2px;font-size:12.5px;cursor:pointer;white-space:nowrap}.ink-pick div:hover,.ink-pick div.on{background:linear-gradient(90deg,#ffb04040,transparent 92%);color:var(--ink-amber2)}.ink-pick .cell{width:32px;height:32px;display:grid;place-items:center;flex:none}#ink-set .targets{display:flex;gap:8px;margin-bottom:6px}#ink-set .chip{flex:1;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;color:var(--ink-dim);background:url(/ink/plate-black.png) center / 100% 100% no-repeat;white-space:nowrap}#ink-set .chip.on{color:var(--ink-amber2);font:400 15px var(--brush)}#ink-set .chip b{cursor:pointer;color:#fff;font:700 12px sans-serif}#ink-set .names{display:flex;flex-wrap:wrap;gap:2px 4px;max-height:96px;overflow-y:auto;scrollbar-width:thin}#ink-set .names a{font:400 15px var(--brush);color:var(--ink-text);padding:2px 8px;cursor:pointer}#ink-set .names a:hover{color:#fff;text-shadow:0 0 8px #e2a13a}#ink-set .names a.on{color:var(--ink-amber2);cursor:default}#drag-badge{position:fixed;z-index:80;pointer-events:none;padding:5px 16px 4px;white-space:nowrap;font:400 15px/1.2 var(--brush);letter-spacing:2px;color:#ff8a70;background:url(/ink/plate-black.png) center / 100% 100% no-repeat;text-shadow:0 1px 2px #000}#drag-badge.trade{color:#14110d;background-image:url(/ink/plate-paper.png);text-shadow:none;filter:drop-shadow(0 0 8px #ffe9a8aa)}#drag-badge[hidden]{display:none}.ink-need-row .mat{display:grid;justify-items:center;gap:2px;font:700 11px/1.2 var(--ink-serif);white-space:nowrap}.ink-need-row .mat .good{color:#6fd693}.ink-need-row .mat .bad{color:#ff8a70}.ink-st3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}body.playing #upgrade .ink-make{justify-content:flex-end;gap:6px;margin:14px 0 12px}body.playing #upgrade .ink-make button.sub,body.playing #compose .ink-row button.sub{min-width:96px;height:32px;font-size:17px;letter-spacing:4px}body.playing #compose .ink-row button.sub{min-width:72px;height:30px;font-size:16px}body.playing #upgrade-help{padding-top:8px;border-top:1px solid #ffffff22;line-height:1.6}body.playing .window button:disabled{opacity:.35;cursor:default}#ink-qty .pad{display:grid;grid-template-columns:repeat(3,64px);gap:6px;justify-content:end;margin:4px 8px 6px}#ink-qty .pad[hidden]{display:none}#ink-qty .pad button{height:40px;border:0;cursor:pointer;font:700 18px/1 var(--ink-serif);color:#fff;background:url(/ink/cell-0.png) center / 100% 100%}#ink-qty .pad button.fn{font:400 15px var(--brush);color:var(--ink-amber2)}#ink-qty .pad button:hover{filter:brightness(1.5)}#ink-qty .pad button:active{transform:translateY(1px)}#ink-qty input[type=number]{cursor:pointer}body.playing #shop .row-item .count{cursor:pointer;text-decoration:underline dotted #ffffff66;text-underline-offset:3px}body.playing #auctionwin{width:min(920px,calc(100vw - 32px));left:50%}body.playing #auctionwin:has(.ink-put){width:min(560px,calc(100vw - 32px));left:max(calc(50% - 130px),290px)}.au-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:4px}.au-bar .ink-cats{margin:0}.au-find{display:flex;gap:8px;width:340px}.au-find input{flex:1;min-width:0}.au-cols{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.au-cols.seen{grid-template-columns:1fr 270px}.au-th,.au-tr{display:grid;grid-template-columns:50px 1fr 44px 96px 92px 104px 70px;gap:10px;align-items:center}.au-cols.seen .au-th,.au-cols.seen .au-tr{grid-template-columns:50px 1fr 36px 96px 64px}.au-cols.seen .au-th>:nth-child(4),.au-cols.seen .au-th>:nth-child(5),.au-cols.seen .au-tr>:nth-child(4),.au-cols.seen .au-tr>:nth-child(5){display:none}.au-th{padding:6px;font:400 14px var(--brush);letter-spacing:2px;color:var(--ink-dim);border-bottom:1px solid #ffffff33}.au-th .so{color:var(--ink-amber2);cursor:pointer;text-align:right}.au-tr{padding:4px 6px;border-bottom:1px solid #ffffff12;cursor:pointer;min-height:59px}.au-tr:hover{background:#ffffff0d}.au-tr.mine{background:linear-gradient(90deg,#ffb04026,transparent 90%);box-shadow:inset 3px 0 0 var(--ink-amber)}.au-tr.on{background:linear-gradient(90deg,#fff2,#ffffff0a)}.au-tr .nm{min-width:0}.au-tr .nm b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.au-tr .nm p{margin:0;font-size:12px;color:var(--ink-dim)}.au-tr>span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.au-tr .dim,.au-pg .dim{color:var(--ink-dim)}.au-tr .ink-price{text-align:right;margin:0}.au-tr .t1{color:#6fd693}.au-tr .t2{color:#74c2ec}.au-tr .t3{color:#d98cff}.au-tr .t4{color:#ffc35a}.au-tr .t5{color:#ff9a6a}.au-tr .t6{color:#ff6a6a}.au-pg{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px}.au-pg .pages a{display:inline-grid;place-items:center;min-width:24px;height:24px;margin:0 2px;font:700 13px var(--ink-serif);color:var(--ink-dim);cursor:pointer}.au-pg .pages a.on{color:#14110d;background:url(/ink/plate-paper.png) center / 100% 100%;cursor:default}.au-detail{position:static;width:auto;filter:none;z-index:auto}.au-detail:before{display:none}.au-detail .head{min-height:104px;padding:12px 10px 18px 104px}.au-detail .emb{width:90px;height:90px}.au-detail .emb>*{transform:scale(2) rotate(-8deg)}.au-detail .head b{font-size:18px}.au-buy{display:flex;justify-content:space-between;align-items:center;margin:12px 4px 4px}.ink-price.big{font-size:20px}body.playing .window .au-buy button.ink-btn{min-width:100px;height:34px;padding:0 16px;font:400 18px/1 var(--brush);letter-spacing:5px;color:#14110d;background:url(/ink/plate-paper.png) center / 100% 100% no-repeat}.au-sell{display:grid;grid-template-columns:auto 1fr auto 76px auto;gap:8px;align-items:center;margin:6px 0}.au-sell input{min-width:0}.au-sell label{color:var(--ink-dim);font-size:12.5px}body.playing #auction-body .ink-row>span:last-child{display:flex;align-items:center;gap:4px}.ink-foot{gap:0;font-size:12px}.ink-foot>span+span:before{content:"";display:inline-block;width:1px;height:11px;margin:0 12px;background:#fff3;vertical-align:-1px}.ink-foot kbd{display:inline;min-width:0;height:auto;padding:0;margin:0 6px 0 0;border-radius:0;background:none;box-shadow:none;font:400 14px/1 var(--brush);letter-spacing:1px;color:var(--ink-amber2)}body.playing{user-select:none;-webkit-user-select:none}body.playing input,body.playing textarea{user-select:text;-webkit-user-select:text}body.playing #chat{width:var(--chat-w, 310px);pointer-events:none}body.playing #chat-input{pointer-events:auto}body.playing #chat-log{font-size:var(--chat-font, 12.5px);height:var(--chat-h, 96px);max-height:none;box-sizing:border-box;padding:2px 6px;border:1px solid transparent}body.playing #chat-log.open{height:var(--chat-open, 320px);border-color:#ffe9a855}body.playing #chat.hover #chat-log{border-color:#ffe9a855;background:#0b0a0955}#chat-bar,#chat-grip{position:absolute;bottom:calc(var(--chat-input-space) + var(--chat-h, 96px));pointer-events:auto;opacity:0;transition:opacity .12s}#chat:has(#chat-log.open) #chat-bar,#chat:has(#chat-log.open) #chat-grip{bottom:calc(var(--chat-input-space) + var(--chat-open, 320px))}#chat.hover #chat-bar,#chat.hover #chat-grip,#chat:has(#chat-log.open) #chat-bar,#chat:has(#chat-log.open) #chat-grip{opacity:1}#chat-bar{left:0;right:14px;height:11px;cursor:pointer;background:linear-gradient(#ffe9a833,#ffe9a80d);border:1px solid #ffe9a855;border-bottom:0;box-sizing:border-box}#chat-bar:after{content:"";position:absolute;left:50%;top:4px;width:26px;height:2px;margin-left:-13px;background:#ffe9a8aa}#chat-grip{right:0;width:14px;height:11px;cursor:nesw-resize;background:#ffe9a877;box-sizing:border-box;border:1px solid #ffe9a8aa}#me-fx{display:inline-flex;align-items:center;gap:10px;cursor:grab;pointer-events:auto;font-size:11px;color:var(--ink-dim)}#me-fx.free{position:fixed;z-index:4}#me-fx:active{cursor:grabbing}#mini .net u{margin-right:auto;text-decoration:none;color:var(--ink-amber2);white-space:nowrap}#mini .net{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;font-size:11.5px;color:var(--ink-dim)}#mini .net i{width:14px;height:10px;background:currentColor;-webkit-mask:linear-gradient(#000 0 0) 0 100% / 3px 4px no-repeat,linear-gradient(#000 0 0) 5px 100% / 3px 7px no-repeat,linear-gradient(#000 0 0) 10px 100% / 3px 10px no-repeat;mask:linear-gradient(#000 0 0) 0 100% / 3px 4px no-repeat,linear-gradient(#000 0 0) 5px 100% / 3px 7px no-repeat,linear-gradient(#000 0 0) 10px 100% / 3px 10px no-repeat}#mini .net.good{color:#6fd693}#mini .net.fair{color:#ffc35a}#mini .net.bad{color:#ff6a6a}#mini.folded .net{display:none}.ink-title{cursor:move}.ink-title .x{cursor:pointer}#auto-btn,#train-btn{position:fixed;left:0;top:calc(50% - 28px);z-index:4;padding:15px 22px 15px 16px;font:400 23px/1 var(--brush);letter-spacing:4px;color:var(--ink-text);cursor:pointer;background:url(/ink/plate-black.png) center / 100% 100% no-repeat;filter:drop-shadow(0 1px 3px #000)}#train-btn{top:calc(50% + 30px)}#auto-btn:hover,#train-btn:hover{color:var(--ink-amber2)}#auto-btn.on,#train-btn.on{color:#14110d;background-image:url(/ink/plate-paper.png)}body:not(.playing) #auto-btn,body:not(.playing) #train-btn{display:none}#ink-set .ink-btn.on{color:#b3210f;filter:drop-shadow(0 0 8px #ffb040) drop-shadow(0 0 3px #ffb040);animation:auto-on 1.6s ease-in-out infinite}@keyframes auto-on{50%{filter:drop-shadow(0 0 3px #ffb04088)}}#auto-btn.on,#train-btn.on{animation:auto-on 1.6s ease-in-out infinite}#charwin{width:780px;font-family:var(--ink-serif)}.ink-cw{display:grid;grid-template-columns:auto 1fr;gap:22px;margin-top:8px;align-items:start}.ink-gear{display:grid;grid-template-columns:repeat(4,62px);gap:24px 22px;padding-bottom:18px}.ink-gear .ink-slot small{left:-10px;right:-10px;bottom:-17px;font:400 13px var(--brush);letter-spacing:1px}.ink-gear .ink-slot.none small{bottom:auto;top:50%;transform:translateY(-50%);font-size:13.5px;color:#8d8676}.ink-gear .ink-slot.act{cursor:pointer}.ink-stage{grid-column:2 / 4;grid-row:2 / 5;position:relative;align-self:stretch;background:radial-gradient(ellipse at 50% 80%,#ffe9a826 0,transparent 62%),#0008;box-shadow:inset 0 0 0 1px #fff2,inset 0 0 30px #000}.ink-stage:before{content:"";position:absolute;left:50%;bottom:30px;width:130px;height:40px;margin-left:-65px;border-radius:50%;background:radial-gradient(ellipse,#ffe9a855 0,#ffe9a81a 55%,transparent 72%)}.ink-stage canvas{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.ink-stage .turn{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:70px;font:400 15px var(--brush);color:var(--ink-dim)}.ink-stage .turn a{cursor:pointer;padding:0 6px}.ink-stage .turn a:hover{color:var(--ink-amber2)}.ink-attr .name{text-align:center;font:400 22px var(--brush);letter-spacing:5px;color:#fff;padding:6px 0 2px;background:url(/ink/plate-black.png) center / 230px 100% no-repeat}.ink-attr .grade{text-align:center;font:400 16px var(--brush);letter-spacing:3px;color:var(--ink-amber2);margin:4px 0 10px}.ink-at{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.ink-at>div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ffffff14;padding:2px 0;font:400 15px var(--brush);letter-spacing:2px;color:var(--ink-dim);white-space:nowrap}.ink-at span{font:700 14.5px var(--ink-serif);letter-spacing:0;color:var(--ink-text);font-variant-numeric:tabular-nums}.ink-attr .on{margin:12px 0;padding:7px 8px;text-align:center;font:400 15px var(--brush);letter-spacing:2px;color:var(--ink-amber2);background:#0007;box-shadow:inset 0 0 0 1px #ffffff1c}#mini .net u{font:400 14px var(--brush);letter-spacing:1px}#mini .net span{font:700 12.5px var(--ink-serif)}#lobby{background:#0b0a09 url(/ink/login-bg.jpg) center / cover no-repeat;font-family:var(--ink-serif);flex-direction:column}body.skin #lobby{background:#0b0a09 url(/ink/login-bg.jpg) center / cover no-repeat}#lobby.select,body.skin #lobby.select{background:#000}#lobby #lobby-bg{display:none;position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;background:#000 url(/ink/select-bg.jpg) center 58% / cover no-repeat;transform-origin:50% 56%}#lobby.select #lobby-bg{display:block;animation:lobby-walk 2.6s cubic-bezier(.3,.1,.2,1) both}#lobby.select:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;animation:lobby-lift 1.4s ease-out both}#lobby.select #char-panel{animation:lobby-rise .7s ease-out 2.1s both}@keyframes lobby-walk{0%{transform:scale(1);filter:brightness(.55) blur(1.5px)}to{transform:scale(1.42);filter:brightness(1) blur(0)}}@keyframes lobby-lift{0%{opacity:1}to{opacity:0}}@keyframes lobby-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}#lobby #lobby-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:78% center}#lobby.select #lobby-video{display:none}#lobby:not(.select){align-items:flex-start;padding-left:8vw;box-sizing:border-box}#lobby.select:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#lobby{z-index:80}#lobby.select:before{background:radial-gradient(ellipse at 50% 40%,#0002 20%,#0009)}#lobby>*{position:relative}#lobby .lobby-logo{width:min(440px,34vw);margin-bottom:20px}#lobby .lobby-logo img{display:block;width:100%;filter:drop-shadow(0 2px 3px #0003)}#lobby .lobby-logo small{display:inline-block;margin-top:6px;padding:3px 14px 3px 10px;font:400 19px var(--brush);letter-spacing:11px;color:#2a2114;white-space:nowrap;background:#efe9dcd9;box-shadow:0 0 10px 6px #efe9dcd9;border-radius:3px}#lobby.select .lobby-logo{display:none}#lobby .panel,body.skin #lobby .panel{width:340px;padding:22px 26px;background:#0c0b0ad9;border:0;border-radius:0;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a,0 0 40px #000;box-sizing:border-box}#lobby .panel h1{margin:0 0 14px;text-align:left;font:400 23px var(--brush);letter-spacing:5px;color:#fff;border-bottom:1px solid #ffffff22;padding-bottom:8px}#lobby .panel label{font:400 15px var(--brush);letter-spacing:2px;color:var(--ink-dim);margin:10px 0 0}#lobby .panel input,#lobby .panel select{margin:0;background:#000a;border:0;border-bottom:1px solid #ffffff55;border-radius:0;color:#fff;font:15px var(--ink-serif);padding:7px 8px;outline:0}#lobby .panel button{font:400 19px var(--brush);letter-spacing:6px;color:#1d1a14;background:linear-gradient(#ffe9a8,#c9a45c);padding:8px 0;border-radius:0;box-shadow:0 0 0 1px #000,0 2px 8px #000}#lobby .panel button.sub{background:none;color:var(--ink-dim);box-shadow:inset 0 0 0 1px #fff3}#lobby .panel button.sub:hover{color:#fff}#lobby #login-panel .row{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:20px}#lobby #message{margin-top:14px;min-height:22px;text-align:center;font:15px var(--ink-serif);color:var(--ink-amber2);text-shadow:0 0 4px #000,0 0 4px #000}#lobby:not(.select) #message{text-align:left;color:#2a2114;text-shadow:0 0 4px #efe9dc,0 0 4px #efe9dc,0 0 8px #efe9dc;font-weight:700}#lobby #char-panel{width:min(1010px,calc(100vw - 32px))}#lobby #chars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;flex-direction:unset}#lobby .ch{position:relative;text-align:center;padding:10px 4px 12px;background:#0008;box-shadow:inset 0 0 0 1px #ffffff1c;cursor:pointer;min-width:0}#lobby .ch:hover{box-shadow:inset 0 0 0 1px #fff5}#lobby .ch.on{box-shadow:inset 0 0 0 2px var(--ink-amber2),0 0 22px #ffe9a855;background:#1a160d99}#lobby .ch canvas{display:block;margin:0 auto;width:150px;height:240px;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 86%,#ffe9a83a 0,transparent 46%);filter:drop-shadow(0 3px 2px #000)}#lobby .ch b{display:block;font:400 21px var(--brush);letter-spacing:3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby .ch p{margin:2px 0 0;font-size:12.5px;color:var(--ink-dim);min-height:19px}#lobby .ch.new .plus{height:240px;display:grid;place-items:center;font:400 70px var(--brush);color:#fff4}#lobby .ch.none{cursor:default;opacity:.35}#lobby .row.new{display:grid;grid-template-columns:auto 1fr 90px 120px;gap:12px;align-items:center;margin-top:16px}#lobby .row.new[hidden]{display:none}#lobby .row.new label{margin:0}#lobby .row.act{display:grid;grid-template-columns:1fr 200px 130px;gap:12px;align-items:center;margin-top:16px}#lobby .row.act span{color:var(--ink-dim);font-size:13px}@media (max-width: 900px){#lobby #chars{grid-template-columns:repeat(3,1fr)}#lobby .ch canvas{width:112px;height:180px}}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#060606 center / cover no-repeat;font-family:var(--ink-serif)}#loading[hidden]{display:none}#loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,#000b 100%),linear-gradient(#0000 55%,#000c)}#loading>*{position:absolute}#loading .t{left:7%;bottom:23%;font:400 clamp(44px,9vh,88px)/1 var(--brush);letter-spacing:12px;color:#fff;text-shadow:0 0 16px #000,0 0 30px #000,0 3px 4px #000}#loading .q{left:7.4%;right:7.4%;bottom:15.5%;font:400 clamp(15px,2.2vh,21px) var(--ink-serif);color:var(--ink-text);text-shadow:0 0 6px #000,0 0 6px #000;letter-spacing:1px}#loading .bar{left:7.4%;right:7.4%;bottom:9%;height:3px;background:#fff2}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c9a45c,#ffe9a8);box-shadow:0 0 10px #ffe9a8;transition:width .5s ease-out}#loading .s{right:7.4%;bottom:10.5%;font:400 16px var(--brush);color:var(--ink-amber2);letter-spacing:3px}#rotate{display:none}body.mobile{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}@media (orientation: portrait){body.mobile #rotate{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b0a09;color:#fff;font:400 26px var(--brush);letter-spacing:4px;text-align:center}}body.mobile #lobby:not(.select){padding-left:max(5vw,env(safe-area-inset-left));justify-content:center}body.mobile #lobby .lobby-logo{width:min(30vw,62vh);margin-bottom:8px}body.mobile #lobby .lobby-logo small{font-size:14px;letter-spacing:7px;margin-top:2px}body.mobile #lobby #login-panel:not([hidden]){width:min(46vw,400px);padding:10px 14px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-auto-flow:column;column-gap:12px}body.mobile #lobby #login-panel label{font-size:12.5px;letter-spacing:0;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.mobile #lobby #login-panel input{font-size:16px;padding:5px 6px}body.mobile #lobby #login-panel .row{grid-row:3;grid-column:1 / 3;margin-top:10px}body.mobile #lobby .panel button{font-size:17px;padding:7px 0;letter-spacing:4px}body.mobile #lobby #message{margin-top:6px;min-height:18px;font-size:13px}body.mobile #lobby #char-panel{width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:8px 12px 10px}body.mobile #lobby .panel h1{font-size:18px;margin-bottom:8px;padding-bottom:5px}body.mobile #lobby #chars{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}body.mobile #lobby .ch{flex:0 0 128px;padding:6px 2px 8px}body.mobile #lobby .ch canvas{width:auto;height:min(170px,calc(100vh - 215px));aspect-ratio:150 / 240}body.mobile #lobby .ch.new .plus{height:min(170px,calc(100vh - 215px));font-size:48px}body.mobile #lobby .ch b{font-size:17px;letter-spacing:1px}body.mobile #lobby .ch p{font-size:11.5px;min-height:16px}body.mobile #lobby .row.act{grid-template-columns:1fr 150px 110px;gap:8px;margin-top:8px}body.mobile #lobby .row.act span{font-size:11.5px}body.mobile #lobby .row.new{grid-template-columns:1fr 70px 90px;gap:8px;margin-top:8px}body.mobile #lobby .row.new label{display:none}body.mobile #lobby .row.new input,body.mobile #lobby .row.new select{font-size:16px}body.mobile #loading .t{letter-spacing:6px}body.mobile #loading .q{bottom:17%}body.mobile canvas{touch-action:none}body.mobile #me{zoom:.7;left:max(4px,env(safe-area-inset-left));top:4px}body.mobile #mini{zoom:.68;right:max(4px,env(safe-area-inset-right));top:4px}body.mobile #quick{display:none}body.mobile #auto-btn,body.mobile #train-btn{top:31%;padding:9px 14px 9px 10px;font-size:16px;letter-spacing:2px}body.mobile #train-btn{top:calc(31% + 40px)}body.mobile.playing #chat{left:31%;width:36%;bottom:2px}body.mobile.playing #chat-log{font-size:11px;max-height:42px}body.mobile.playing #chat-input{margin-left:0;width:100%;height:26px;font-size:16px}body.mobile.playing #toast{bottom:96px}body.mobile #menu{display:none;zoom:1}body.mobile.playing #menu.open{display:grid;right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;padding:14px 16px;gap:8px;justify-items:center;background:#0c0b0aee;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a,0 0 40px #000}body.mobile #menu .rowm{gap:6px}body.mobile #menu a,body.mobile #menu .rowm.up a{width:58px}body.mobile #menu a small,#touch,#touch-top,#stick{display:none}body.mobile.playing #touch-top{display:flex;gap:6px;position:fixed;z-index:6;top:6px;right:calc(max(4px,env(safe-area-inset-right)) + 128px)}body.mobile #touch-top a{min-width:46px;height:34px;padding:0 8px;display:grid;place-items:center;font:400 15px var(--brush);letter-spacing:1px;color:#fff;background:#0c0b0acc;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a}body.mobile.playing #stick:not([hidden]){display:block;position:fixed;z-index:6;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;background:radial-gradient(circle,#0003 0,#0003 58%,#ffe9a822 60%,#ffe9a855 68%,#0000 70%);pointer-events:none}body.mobile #stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6,#ffe9a899 40%,#6b5a2ecc);box-shadow:0 0 10px #000}body.mobile.playing #touch{display:block;position:fixed;z-index:6;right:max(6px,env(safe-area-inset-right));bottom:6px;width:232px;height:214px;pointer-events:none}body.mobile #touch a{position:absolute;display:grid;place-items:center;border-radius:50%;pointer-events:auto;color:#fff;font:400 15px var(--brush);letter-spacing:1px;text-shadow:0 0 3px #000,0 0 3px #000;background:radial-gradient(circle at 40% 30%,#3a352cd9,#0c0b0ad9 70%);box-shadow:0 0 0 1px #000,0 0 0 2px #7a6f58,0 2px 8px #000;overflow:hidden}body.mobile #touch a.down{transform:scale(.92);box-shadow:0 0 0 1px #000,0 0 0 2px #ffe9a8,0 0 14px #ffe9a8}body.mobile #touch a.atk{right:14px;bottom:14px;width:96px;height:96px;font-size:22px;letter-spacing:3px;box-shadow:0 0 0 1px #000,0 0 0 3px #b89850,0 2px 10px #000}body.mobile #touch a.sk{width:54px;height:54px}body.mobile #touch a.sk.empty{color:#fff6;font-size:18px}body.mobile #touch a.sk>*{transform:scale(1.25)}body.mobile #touch a.sk0{right:122px;bottom:6px}body.mobile #touch a.sk1{right:124px;bottom:68px}body.mobile #touch a.sk2{right:84px;bottom:122px}body.mobile #touch a.sk3{right:22px;bottom:124px}body.mobile #touch a.sm{width:44px;height:44px;font-size:13px;letter-spacing:0}body.mobile #touch a.potion{right:184px;bottom:6px}body.mobile #touch a.breath{right:184px;bottom:58px}body.mobile #touch a.pick{right:148px;bottom:132px}body.mobile.playing .ink-win,body.mobile.two-wins #charwin{zoom:.78;right:auto;left:50%;top:4px;transform:translate(-50%);z-index:30}body.mobile.playing .ink-win>.in{max-height:calc(128vh - 70px);overflow:hidden auto;scrollbar-width:none}body.mobile.playing #charwin{max-width:126vw}body.mobile .ink-scroll{max-height:calc(128vh - 190px)}body.mobile.playing .window{zoom:.82;top:50%;max-height:118vh}body.mobile.playing .window .ink-scroll{max-height:calc(120vh - 200px)}body.mobile.playing #dialog{top:auto;bottom:6px;max-height:112vh}body.mobile .ink-card{zoom:.82;left:50%!important;top:50%!important;transform:translate(-50%,-50%);max-height:118vh;overflow-y:auto;scrollbar-width:none;z-index:70}body.mobile .ink-card:before{display:none}#touch-pick{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0008}#touch-pick>div{display:grid;grid-template-columns:repeat(4,64px);gap:12px;padding:16px 18px;background:#0c0b0aee;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a,0 0 40px #000}#touch-pick b{grid-column:1 / -1;font:400 17px var(--brush);letter-spacing:2px;color:#fff}#touch-pick a{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#fff8;font:400 22px var(--brush);background:radial-gradient(circle at 40% 30%,#3a352c,#0c0b0a 70%);box-shadow:0 0 0 1px #000,0 0 0 2px #7a6f58;overflow:hidden}#touch-pick a>*{transform:scale(1.3)}body.mobile .ink-foot{display:none}#lobby .row.new{grid-template-columns:auto 1fr auto 120px}#sex-pick{display:flex;gap:8px}#sex-pick a{display:grid;place-items:center;width:46px;height:46px;cursor:pointer;font:700 26px/1 var(--ink-serif);color:var(--ink-dim);background:#0008;box-shadow:inset 0 0 0 1px #ffffff1c}#sex-pick a:hover{color:#fff;box-shadow:inset 0 0 0 1px #fff5}#sex-pick a.on{color:var(--ink-amber2);box-shadow:inset 0 0 0 2px var(--ink-amber2),0 0 14px #ffe9a855;background:#1a160d99;text-shadow:0 0 8px #ffe9a877}body.mobile #lobby .row.new{grid-template-columns:1fr auto 90px}body.mobile #sex-pick a{width:40px;height:40px;font-size:22px}#lobby #lobby-music{position:absolute;right:max(14px,env(safe-area-inset-right));top:12px;z-index:2;padding:6px 14px 6px 34px;cursor:pointer;font:400 16px var(--brush);letter-spacing:2px;color:#fff;background:#0c0b0acc;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a}#lobby #lobby-music:before{content:"♪";position:absolute;left:12px;top:50%;transform:translateY(-50%);font:700 18px var(--ink-serif);color:var(--ink-amber2)}#lobby #lobby-music.off{color:var(--ink-dim)}#lobby #lobby-music.off:before{color:#6d665a}#lobby #lobby-music.off:after{content:"";position:absolute;left:8px;top:50%;width:20px;height:2px;background:#c0554a;transform:rotate(-35deg)}#lobby #lobby-music:hover{box-shadow:0 0 0 1px #000,0 0 0 2px var(--ink-amber2)}body.mobile #lobby #lobby-music{top:6px;font-size:14px;padding:5px 10px 5px 30px}body.mobile #lobby #char-panel:has(#char-new:not([hidden])) .ch canvas,body.mobile #lobby #char-panel:has(#char-new:not([hidden])) .ch.new .plus{height:min(110px,calc(100vh - 285px))}body.mobile #lobby #char-panel h1{padding-right:130px}#talk-who,#dialog.talk{--tw: min(1180px, 94vw);--th: min(520px, 62vh)}#talk-who{position:fixed;z-index:19;left:calc(50% - var(--tw) / 2);bottom:7%;width:calc(var(--tw) * .27);height:calc(var(--th) * 1.18);pointer-events:none}#talk-who[hidden]{display:none}#talk-who img{position:absolute;left:50%;height:100%;translate:-50%;filter:drop-shadow(0 8px 14px #000a);animation:talk-in .45s ease-out both}@keyframes talk-in{0%{opacity:0;transform:translate(-30px)}}#talk-who b{position:absolute;left:1%;bottom:2%;padding:6px 46px 8px 22px;font:400 34px var(--brush);letter-spacing:6px;color:#fff;white-space:nowrap;background:linear-gradient(90deg,#0b0a09f2 60%,#0b0a0900)}body.playing #dialog.talk{left:calc(50% - var(--tw) * .23);top:auto;bottom:7%;transform:none;width:calc(var(--tw) * .73);height:var(--th);max-height:none;box-sizing:border-box;border:0;border-image:none;padding:26px 34px 46px;background:#0c0b0ae8;box-shadow:0 0 0 1px #000,0 0 0 2px #5d564a,0 0 50px #000;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}body.playing #dialog.talk[hidden]{display:none}body.playing #dialog.talk header{margin:0 0 14px}body.playing #dialog.talk #dialog-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;align-items:flex-start}body.playing #dialog.talk .say{font:20px/1.9 var(--ink-serif);min-height:110px;white-space:pre-line;text-shadow:0 0 3px #000}body.playing #dialog.talk .line{order:2;font-size:18px}body.playing #dialog.talk #dialog-body>*{flex-shrink:0}body.playing #dialog.talk.last .say{min-height:0;margin-bottom:8px}body.playing #dialog.talk .item-inputs{order:1;align-self:stretch}body.playing #dialog.talk:not(.last) .line,body.playing #dialog.talk:not(.last) .item-inputs,body.playing #dialog.talk.last .next{display:none}body.playing #dialog.talk button.link{margin:4px 0;padding:5px 30px 6px 14px;font:400 20px var(--brush);letter-spacing:3px}body.playing #dialog.talk .next{position:absolute;right:30px;bottom:14px;font:400 16px var(--brush);letter-spacing:3px;color:var(--ink-amber2);animation:talk-bob 1s ease-in-out infinite alternate}@keyframes talk-bob{to{transform:translateY(5px);opacity:.5}}body.playing #dialog.talk .page{position:absolute;left:34px;bottom:14px;font-size:13px;color:var(--ink-dim)}body.mobile #talk-who{left:0;bottom:0;width:23%;height:92vh}body.mobile #talk-who b{font-size:22px;letter-spacing:3px;padding:4px 30px 5px 12px}body.mobile.playing #dialog.talk{zoom:1;left:23%;width:75%;bottom:6px;height:78vh;padding:14px 18px 34px}body.mobile.playing #dialog.talk .say{font-size:15px;line-height:1.7;min-height:60px}body.mobile.playing #dialog.talk button.link{font-size:16px;padding:4px 22px 5px 10px}.ink-banner{position:fixed;left:50%;bottom:158px;z-index:60;transform:translate(-50%,8px);max-width:min(760px,86vw);padding:9px 46px 11px;text-align:center;pointer-events:none;font:400 17px/1.45 var(--ink-serif);letter-spacing:1px;color:#f4efe2;text-shadow:0 1px 2px #000;background:url(/ink/plate-black.png) center / 100% 100% no-repeat;opacity:0;transition:opacity .55s ease,transform .55s ease}.ink-banner.on{opacity:1;transform:translate(-50%)}#quest-track{position:fixed;z-index:3;right:8px;top:232px;width:175px;box-sizing:border-box;padding:8px 13px 10px;cursor:pointer;background:url(/ink/panel-soft.png) center / 100% 100% no-repeat;font:12px/1.45 var(--ink-serif);color:var(--ink-text);text-shadow:none}#quest-track[hidden]{display:none}#quest-track b{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font:400 14px/1.4 var(--brush);letter-spacing:1px;color:#ffd666}#quest-track b i{font:normal 11px var(--ink-serif);color:var(--ink-dim)}#quest-track p{margin:3px 0 0;color:#d8d2c2}#quest-track .need{margin-top:5px;padding-top:4px;border-top:1px solid #ffffff1c;color:#fff}#quest-track .need.done{color:#9be08a}#lobby #char-del-btn{margin-left:8px;color:#c98a80;cursor:pointer;text-decoration:underline}#lobby #char-del-btn[hidden]{display:none}#lobby #char-del{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#000000b8}#lobby #char-del[hidden]{display:none}#lobby #char-del .box{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:22px 24px 20px;background:#14110f;border:1px solid #6b5a3a;box-shadow:0 10px 40px #000}#lobby #char-del h2{margin:0 0 12px;font:400 20px var(--brush);letter-spacing:2px;color:#e7c98a}#lobby #char-del p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--ink-text)}#lobby #char-del p.warn{font-size:12.5px;color:#c98a80}#lobby #char-del input{width:100%;box-sizing:border-box;margin:6px 0 14px}#lobby #char-del .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}#lobby #char-del button:disabled{opacity:.45;cursor:default}
