:root{--bg:#fff200;--card:#fff;--sheet:#f7f6ef;--line:#e9e7db;--line-2:#d8d5c6;--hover:#f4f3ea;--track:#efede2;--ink:#111;--body:#3b3a33;--soft:#66645a;--pink:#ff32a2;--pink-s:#ffe1f1;--pink-d:#b3106b;--coral:var(--pink);--coral-s:var(--pink-s);--coral-d:var(--pink-d);--blue:#a6d3ff;--blue-s:#e1efff;--yellow:#fff200;--yellow-s:#fff9b3;--mint:#9edcc2;--mint-s:#ddf3ea;--mint-d:#1f6b4c;--lav:#c4b5f0;--lav-s:#ede8fb;--danger:#e0253a;--danger-s:#fde4e8;--danger-d:#a3182a;--r:24px;--r-in:12px;--gap:8px;--font:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--font-disp:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--font-latin:"Archivo", "Zen Kaku Gothic New", system-ui, sans-serif;--ease-out:cubic-bezier(.215, .61, .355, 1);--ease-site:cubic-bezier(.4, .4, 0, 1);--ease-zoom:cubic-bezier(0, .7, .2, 1);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:12px}h1,h2,h3{margin:0}.grow{flex:1}.muted{color:var(--soft)}.small{font-size:14px}.err{color:var(--danger-d);background:var(--danger-s);border-radius:var(--r-in);margin:16px 0 0;padding:12px 16px;font-weight:700}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:16px;font-weight:700;transition:transform 34ms,background-color .15s,color .15s;display:inline-flex}.btn:active:not(:disabled){transition-duration:34ms;transform:scale(.97)}a.btn{color:inherit;text-decoration:none}.btn-dark{background:var(--ink);color:#fff}.btn-dark:disabled{background:var(--track);color:var(--soft)}.btn-l{min-height:56px;padding:0 12px 0 24px;font-size:18px}.btn-l .arw{background:var(--yellow);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.btn-dark:disabled .arw{background:#e6e4da}.btn-ghost{background:var(--card);border:2px solid var(--ink)}.btn-ghost:disabled{border-color:var(--line-2);color:var(--soft)}.btn-s{min-height:40px;padding:0 14px;font-size:14px}.btn-link{color:var(--soft);text-underline-offset:3px;background:0 0;min-height:44px;padding:0 8px;text-decoration:underline}.btn-danger{background:var(--danger);color:#fff}.btn-danger-text{color:var(--danger-d)}.icon-btn{width:44px;height:44px;color:var(--ink);background:var(--card);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.icon-btn:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:var(--ink);color:var(--yellow)}}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 12px;font-size:14px;font-weight:700;display:inline-flex}.chip-ok{background:var(--mint-s);color:var(--mint-d)}.chip-warn{background:var(--danger-s);color:var(--danger-d);white-space:normal}.chip-line{background:var(--card);border:1px solid var(--line-2);color:var(--soft)}.chip-todo{background:var(--yellow-s);color:#5c5300}.chip-pick{background:var(--blue-s);min-height:36px}.app{min-height:100vh;padding-bottom:96px}.top{z-index:20;background:var(--bg);padding:max(8px, env(safe-area-inset-top)) 0 8px 24px;align-items:center;gap:24px;display:flex;position:sticky;top:0}.brand{line-height:1.15;font-family:var(--font-latin);flex-direction:column;flex:none;font-stretch:125%;display:flex}.brand small{letter-spacing:.06em;font-size:12px;font-weight:800}.brand b{letter-spacing:-.01em;font-size:18px;font-weight:900}.tabs{gap:8px;margin:0 auto;display:flex}.tabs button{min-height:48px;color:var(--ink);align-items:center;gap:8px;padding:0 12px;font-size:17px;font-weight:700;display:inline-flex}.tabs button:before{content:"–";font-weight:700}.tab-label{position:relative}.tab-label:after{content:"";background:var(--ink);transform-origin:0;height:3px;transition:transform .3s var(--ease-site);position:absolute;bottom:-6px;left:-2px;right:-2px;transform:scaleX(0)}.tabs button.on .tab-label:after{transform:scaleX(1)}.tabs button.on{font-weight:900}@media (hover:hover) and (pointer:fine){.tabs button:hover .tab-label:after{transform:scaleX(1)}}.tabs em{background:var(--pink);min-width:24px;height:24px;color:var(--ink);border-radius:999px;place-items:center;padding:0 8px;font-size:14px;font-style:normal;font-weight:900;display:grid}.tabs em.bad{background:var(--danger);color:#fff}.clock{margin:calc(-1 * max(8px, env(safe-area-inset-top))) 0 -8px;cursor:pointer;padding:max(8px, env(safe-area-inset-top)) 24px 8px;background:var(--ink);color:var(--yellow);border-radius:0 0 0 16px;flex-direction:column;flex:none;justify-content:center;align-self:stretch;align-items:flex-end;min-width:200px;line-height:1.2;display:flex}.clock b{font-family:var(--font-latin);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:24px;font-weight:900;font-stretch:125%}.clock span{color:#fff;font-size:14px;font-weight:700}.clock.is-late{background:var(--danger);color:#fff}.banner{background:var(--ink);color:var(--yellow);padding:12px 24px;font-size:15px;font-weight:700}.main{max-width:1280px;margin:0 auto;padding:16px 24px 24px}.hero{margin:8px 0 32px;position:relative}.hero-title{font-family:var(--font-latin);letter-spacing:-.035em;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;font-size:min(11.3636vw - 5.45455px,140px);font-weight:900;font-stretch:125%;line-height:.88;display:flex}.hero-title .line{white-space:nowrap;display:block}.ch{transform-origin:50% 100%;animation:.76s both chDrop;animation-delay:calc(var(--i) * 38ms + .12s);display:inline-block}.ch-hop,.ch-in{display:inline-block}.ch-hop{transform-origin:50% 100%}.shelf.calm .ch{animation:none}@keyframes chDrop{0%{opacity:0;transform:translateY(-90%) rotate(var(--r));animation-timing-function:cubic-bezier(.5,0,.9,.4)}45%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(0)rotate(0)scale(1.12,.82)}68%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-12%)scale(.96,1.06)}84%{transform:translateY(0)scale(1.04,.95)}to{transform:none}}.ch-hop.hop{animation:.76s both chHop}@keyframes chHop{0%{transform:none}18%{animation-timing-function:cubic-bezier(.2,.8,.4,1);transform:scale(1.1,.84)}50%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-20%)rotate(-7deg)scale(.95,1.06)}78%{transform:translateY(0)scale(1.1,.88)}to{transform:none}}.hero-title.is-flip .ch-in{animation:.62s cubic-bezier(.4,0,.2,1) both chFlip;animation-delay:calc(var(--i) * 26ms)}@keyframes chFlip{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(360deg)}}.hero-sub{margin:16px 0 0;font-size:18px;font-weight:900}.hero-illust{width:auto;height:min(14.7727vw - 7.09091px,180px);animation:.6s cubic-bezier(.34,1.4,.64,1) both heroIn;display:block;position:absolute;bottom:0;right:0;transform:rotate(4deg)}.shelf.calm .hero-illust,.shelf.calm .badge-new{animation:none}@keyframes heroIn{0%{opacity:0;transform:rotate(-8deg)scale(.9)}}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.seg{flex-wrap:wrap;gap:8px;display:inline-flex}.seg button{min-height:44px;color:var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.seg button.on{background:var(--ink);color:var(--yellow)}.seg em{font-style:normal;font-family:var(--font-latin);opacity:.7;font-size:14px;font-weight:800}.seg-s button{min-height:40px;font-size:14px}@media (hover:hover) and (pointer:fine){.seg button:not(.on):hover{background:var(--ink);color:var(--yellow)}}.search{background:var(--card);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:240px;padding:0 8px 0 18px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-height:48px;font-size:16px}.search:focus-within{outline:3px solid var(--ink);outline-offset:2px}.search-x{width:36px;height:36px;color:var(--soft);border-radius:50%}.empty-box{background:var(--card);border-radius:var(--r);text-align:center;color:var(--body);padding:32px}.empty-box p{margin:0 0 8px}.empty-box .btn{margin-top:12px}.empty-line{color:var(--body);margin:0;padding:16px 4px;font-weight:700}.empty-illust{width:180px;height:auto;margin:0 auto 8px;display:block}.empty-rest{background:var(--card);border-radius:var(--r);text-align:center;padding:24px;font-weight:700}.empty-rest p{margin:0}.block{margin-bottom:32px}.block-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.block-head h2{font-size:22px;font-weight:900}.count{background:var(--ink);min-width:32px;height:32px;color:var(--yellow);font-family:var(--font-latin);border-radius:999px;place-items:center;padding:0 10px;font-size:15px;font-weight:800;display:grid}.panel{background:var(--card);border-radius:var(--r);padding:24px}.h3{margin:24px 0 8px;font-size:16px;font-weight:900}.face{aspect-ratio:1;object-fit:cover;border-radius:var(--r-in);flex:none;width:100%;display:block}.face-empty{place-items:center;display:grid}.face-cover{object-fit:contain;background:#fff}.face-empty span{color:var(--ink);opacity:.85;font-size:44cqi;font-weight:900;line-height:1}.face-empty{container-type:inline-size}.cards{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:clip}.cards>li{position:relative}.cards>li:after{content:"";right:calc(var(--gap) / -2);bottom:calc(var(--gap) / -2);background:var(--bg);z-index:3;pointer-events:none;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);width:44px;height:44px;position:absolute;transform:translate(50%,50%)}.gcard{text-align:left;background:var(--card);border-radius:var(--r);flex-direction:column;width:100%;height:100%;padding:16px;transition:transform 34ms;display:flex}.gcard:active{transform:scale(.985)}.gcard-img{border-radius:var(--r-in);position:relative;overflow:hidden}.gcard-img .face{transition:transform 1s var(--ease-zoom)}@media (hover:hover) and (pointer:fine){.gcard:hover .gcard-img .face{transition-duration:.3s;transform:scale(1.04)}}.badge-new{z-index:2;background:var(--pink);width:48px;height:48px;color:var(--ink);font-family:var(--font-latin);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:12px;font-weight:900;font-stretch:125%;animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeIn;display:grid;position:absolute;top:8px;left:8px;transform:rotate(-12deg)}@keyframes badgeIn{0%{opacity:0;transform:rotate(-40deg)scale(.3)}}.flag-alert{z-index:2;background:var(--danger);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:900;position:absolute;top:8px;right:8px}.gcard-body{flex-direction:column;flex:1;gap:8px;padding:16px 4px 12px;display:flex}.gcard-name{font-size:20px;font-weight:900;line-height:1.35}.gcard-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{border:1px solid var(--line-2);color:var(--body);border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700}.gcard-status{border-radius:var(--r-in);flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:8px;min-height:48px;padding:8px 12px;font-weight:900;display:flex}.gcard-status.free{background:var(--mint-s);color:var(--mint-d)}.gcard-status.out{background:var(--pink)}.gcard-status.out .who small,.gcard-status.out .when{color:var(--ink)}.gcard-status .who{font-size:16px;line-height:1.3}.gcard-status .who small{color:var(--body);margin-left:4px;font-size:12px}.gcard-status .when{color:var(--body);white-space:nowrap;font-size:13px}.gcard.is-late{box-shadow:inset 0 0 0 3px var(--danger)}.gcard.is-late .gcard-status{background:var(--danger);color:#fff}.gcard.is-late .gcard-status .when,.gcard.is-late .gcard-status small{color:#fff}.gcard-skel,.name-skel,.photo-skel,.ph-skel{border-radius:var(--r);background:#ffffff8c;animation:1.4s ease-in-out infinite pulse}.gcard-skel{aspect-ratio:.74}@keyframes pulse{50%{opacity:.55}}.scrim{z-index:50;animation:fade .2s var(--ease-out);background:#11111180;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dlg{background:var(--sheet);width:100%;max-height:calc(100dvh - 48px);animation:pop .22s var(--ease-out);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.dlg-m{max-width:560px}.dlg-l{max-width:820px}.dlg-xl{max-width:1120px}.dlg-head{border-bottom:1px solid var(--line);background:var(--card);align-items:flex-start;gap:16px;padding:20px 20px 16px 28px;display:flex}.dlg-head>div{flex:1;min-width:0}.dlg-head h2{font-size:24px;font-weight:900;line-height:1.35}.dlg-sub{color:var(--body);margin:4px 0 0;font-size:15px}.dlg-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px 28px;overflow-y:auto}.dlg-foot{border-top:1px solid var(--line);background:var(--card);padding:16px 20px 16px 28px;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:12px;display:flex}.title-with-face{align-items:center;gap:12px;display:inline-flex}.title-with-face .face{border-radius:10px;width:40px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.sheet{grid-template-columns:1.1fr 1fr;align-items:start;gap:32px;display:grid}.photo-main{background:var(--card);border:1px solid var(--line);border-radius:var(--r);aspect-ratio:4/3;place-items:center;display:grid;overflow:hidden}.photo-main img{object-fit:contain;background:#fff;width:100%;height:100%}.photo-main .photo-skel{border-radius:0;width:100%;height:100%}.photo-none{text-align:center;color:var(--soft);padding:24px}.photo-none .face{margin:0 auto 12px}.photo-strip{gap:8px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.photo-strip button{border-radius:var(--r-in);border:3px solid #0000;flex:none;width:72px;height:72px;overflow:hidden}.photo-strip button.on{border-color:var(--ink)}.photo-strip img{object-fit:cover;width:100%;height:100%;display:block}.photo-cap{color:var(--body);margin:8px 0 0;font-size:15px}.now-box{border-radius:var(--r);flex-direction:column;gap:4px;padding:20px 24px;display:flex}.now-box.free{background:var(--mint-s);color:var(--mint-d)}.now-box.out{background:var(--pink-s)}.now-box.late{background:var(--danger-s)}.now-box.late .now-label{color:var(--danger-d)}.now-label{font-size:15px;font-weight:800}.now-box.free .now-label{font-size:20px;font-weight:900}.now-who{font-size:30px;font-weight:900;line-height:1.3}.now-who small{font-size:16px;font-family:var(--font);color:var(--body);margin-left:8px}.now-mem{color:var(--body);font-weight:700}.now-time{color:var(--body);font-size:15px}.alert-box{background:var(--danger-s);border-radius:var(--r);align-items:flex-start;gap:16px;margin-top:16px;padding:16px 20px;display:flex}.alert-box>div{flex:1}.alert-box b{color:var(--danger-d)}.alert-box p{margin:4px 0;font-weight:700}.alert-box small{color:var(--body);font-size:13px}.specs{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.specs div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px 16px}.specs dt{color:var(--soft);font-size:12px;font-weight:700}.specs dd{margin:0;font-weight:800}.contents{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0;padding:0;list-style:none}.contents li{justify-content:space-between;gap:16px;padding:12px 20px;display:flex}.contents li+li{border-top:1px solid var(--line)}.contents b{font-variant-numeric:tabular-nums;white-space:nowrap}.hist{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hist li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 4px;display:flex}.hist-date{color:var(--soft);min-width:104px;font-size:14px}.hist-who{font-weight:800}.return-photo{border-radius:var(--r);width:100%;display:block}.note-text{margin:12px 0 0;font-weight:700}.dlg-game{background:var(--bg);border-radius:32px;animation:.3s cubic-bezier(.2,.9,.3,1.15) both drawCard}@keyframes drawSheet{0%{opacity:0;transform:translateY(40px)}}@keyframes drawCard{0%{opacity:0;transform:translateY(40px)rotate(-2deg)scale(.96)}}.dlg-game .dlg-head{background:var(--bg);border-bottom:0;padding:20px 20px 4px 28px;position:relative}.dlg-game .dlg-head .icon-btn{z-index:2;position:relative}.dlg-game .dlg-body{padding:16px 24px 24px}.dlg-game .dlg-foot{border-top:0}.gh{flex:1;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:24px;min-width:0;display:grid}.gh-cover{background:#fff;border-radius:20px;padding:8px;animation:.36s cubic-bezier(.2,.8,.3,1) 60ms both stickOn;transform:rotate(-4deg)}.gh-cover .face{border-radius:12px}@keyframes stickOn{0%{opacity:0;transform:rotate(-16deg)scale(.7)}}.gh-name{letter-spacing:-.01em;line-break:strict;word-break:auto-phrase;font-size:32px;font-weight:900;line-height:1.2}.gh-copy{margin:8px 0 0;font-size:17px;font-weight:700}.gh-tags{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.gh-tags li{background:var(--card);border-radius:999px;align-items:baseline;gap:6px;padding:4px 14px;font-size:15px;font-weight:900;display:inline-flex}.gh-tags span{color:var(--soft);font-size:12px;font-weight:700}.gh-stamp{white-space:nowrap;text-align:center;letter-spacing:-.02em;width:100px;height:100px;box-shadow:inset 0 0 0 3px currentColor, inset 0 0 0 7px var(--stamp-bg), inset 0 0 0 8px currentColor;border-radius:50%;align-self:start;place-items:center;margin-top:-8px;padding:0 8px;font-size:15px;font-weight:900;line-height:1.2;animation:.46s cubic-bezier(.34,1.56,.64,1) .22s both stampIn;display:grid;transform:rotate(12deg)}@keyframes stampIn{0%{opacity:0;transform:rotate(-30deg)scale(1.6)}}.gh-stamp.free{--stamp-bg:var(--ink);background:var(--ink);color:var(--yellow)}.gh-stamp.out{--stamp-bg:var(--pink);background:var(--pink);color:var(--ink)}.gh-stamp.late{--stamp-bg:var(--danger);background:var(--danger);color:#fff}.gh-stamp.off{--stamp-bg:var(--card);background:var(--card);color:var(--soft)}.dlg-game .sheet{grid-template-columns:1.1fr 1fr;gap:12px}.dlg-game .sheet-info,.dlg-game .sheet-photos{flex-direction:column;gap:12px;min-width:0;display:flex}.card-sec{background:var(--card);border-radius:var(--r);padding:20px 24px}.sec-h{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;font-weight:900;display:flex}.sec-h em{font-style:normal;font-family:var(--font-latin);background:var(--ink);color:var(--yellow);border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 8px;font-size:13px;font-weight:800;font-stretch:125%;display:grid}.dlg-game .now-box{border-radius:var(--r);margin:0;padding:20px 24px}.dlg-game .now-box.free{background:var(--mint-s);color:var(--mint-d)}.now-big{font-size:30px;font-weight:900;line-height:1.25}.now-hint{color:var(--body);font-weight:700}.dlg-game .now-box.out{background:var(--pink);color:var(--ink)}.dlg-game .now-box.out .now-mem,.dlg-game .now-box.out .now-time,.dlg-game .now-box.out .now-who small{color:var(--ink)}.dlg-game .now-box.late{background:var(--danger);color:#fff}.dlg-game .now-box.late .now-label,.dlg-game .now-box.late .now-mem,.dlg-game .now-box.late .now-time,.dlg-game .now-box.late .now-who small{color:#fff}.dlg-game .now-box.off{background:var(--card);color:var(--soft)}.dlg-game .alert-box{background:var(--card);box-shadow:inset 0 0 0 3px var(--danger);margin:0}.dlg-game .contents{background:0 0;border:0;border-radius:0}.dlg-game .contents li{align-items:baseline;padding:10px 0;font-weight:700}.dlg-game .contents li+li{border-top:1px dashed var(--line-2)}.dlg-game .contents b{font-size:14px;font-weight:700}.dlg-game .contents b i{font-style:normal;font-family:var(--font-latin);letter-spacing:-.02em;margin-right:2px;font-size:24px;font-weight:900;font-stretch:125%}.dlg-game .photo-main{border:0;border-radius:16px}.dlg-game .card-sec.is-none .photo-none{text-align:left;color:var(--soft);margin:0;padding:0;font-weight:700}.dlg-game .hist li:last-child{border-bottom:0}@media (width<=900px){.dlg-game .sheet{grid-template-columns:1fr}.gh{grid-template-columns:96px minmax(0,1fr) auto;gap:16px}.gh-name{font-size:28px}.gh-stamp{width:88px;height:88px;padding:0 6px;font-size:13px}}@media (width<=640px){.dlg-game{border-radius:28px 28px 0 0;animation-name:drawSheet;overflow-y:auto}.dlg-game .dlg-body{flex:none;padding:12px;overflow:visible}.dlg-game .dlg-foot{position:sticky;bottom:0}.dlg-game .dlg-head{align-items:flex-start;padding:20px 12px 4px 16px}.dlg-game .dlg-head .icon-btn{position:sticky;top:8px}.gh{grid-template-columns:1fr auto;row-gap:12px}.gh-cover{width:96px}.gh-text{grid-area:2/1/auto/-1}.gh-name{font-size:24px}.gh-stamp{grid-area:1/2;width:80px;height:80px;margin-top:0;padding:0 4px;font-size:12px}.card-sec{padding:16px}.now-big{font-size:24px}}.steps{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.steps li{background:var(--card);border:1px solid var(--line);color:var(--soft);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-weight:700;display:flex}.steps li.on{border:2px solid var(--ink);color:var(--ink)}.steps li.done{color:var(--body)}.steps .n{background:var(--track);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.steps li.on .n{background:var(--ink);color:#fff}.steps small{font-size:13px;font-weight:500;display:block}.steps .picked{background:var(--coral-s);color:var(--ink);border-radius:999px;margin-left:auto;padding:4px 12px;font-size:15px}.picked-row,.grade-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.grade-tabs button{background:var(--card);border:1px solid var(--line-2);border-radius:999px;min-width:64px;min-height:44px;padding:0 16px;font-weight:700}.grade-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}.names{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.name{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:64px;padding:8px 14px;transition:transform 34ms;display:flex}.name:active:not(:disabled){transform:scale(.97)}.name .nm{font-size:17px;font-weight:800;line-height:1.3}.name .gr{color:var(--soft);font-size:13px;font-weight:700}.name .hold{color:var(--coral-d);font-size:12px;font-weight:700}.name.is-who{background:var(--ink);border-color:var(--ink);color:#fff}.name.is-who .gr{color:var(--yellow)}.name.is-mem{background:var(--blue-s);border-color:#9cc8f2}.name.is-mem .gr{color:#1c5b91}.name:disabled{opacity:1}.name-skel{border-radius:16px;min-height:64px}.extra{gap:8px;margin-top:20px;display:flex}.extra input{border:1px solid var(--line-2);background:var(--card);border-radius:999px;flex:1;min-height:48px;padding:0 20px}.ret{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.ret .h3{margin-top:0}.ret-photos{position:sticky;top:0}.ret-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.checks{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.checks li{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.checks li.is-ok{background:var(--mint-s);border-color:#bfe6d4}.checks li.is-missing{background:var(--danger-s);border-color:#f2b8c3}.ck-label{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.ck-label span{font-weight:800}.ck-label b{color:var(--body);font-size:14px;font-weight:700}.ck-btns{flex:none;gap:6px;display:flex}.ck{background:var(--card);border:2px solid var(--line-2);min-width:80px;min-height:48px;color:var(--body);border-radius:12px;padding:0 12px;font-weight:800;transition:transform 34ms}.ck:active{transform:scale(.96)}.ck.ok.on{background:var(--mint-d);border-color:var(--mint-d);color:#fff}.ck.ng.on{background:var(--danger);border-color:var(--danger);color:#fff}.toggle-row{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;min-height:56px;margin-bottom:16px;padding:8px 16px;font-weight:700;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row .sw{background:var(--line-2);border-radius:999px;flex:none;width:52px;height:32px;transition:background-color .15s;position:relative}.toggle-row .sw:after{content:"";width:26px;height:26px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-row.on{border-color:var(--ink)}.toggle-row.on .sw{background:var(--ink)}.toggle-row.on .sw:after{transform:translate(20px)}.toggle-row input:focus-visible+.sw{outline:3px solid var(--blue);outline-offset:2px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{font-size:15px;font-weight:800}.field>span small{color:var(--soft);font-size:13px;font-weight:500;display:block}.field>span em{background:var(--coral-s);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-style:normal}.field input,.field select,.field textarea{border-radius:var(--r-in);border:1px solid var(--line-2);background:var(--card);width:100%;min-height:48px;padding:10px 14px;font-size:16px}.field textarea{resize:vertical;line-height:1.5}.field .hint{color:var(--soft);font-size:13px}.field .btn{align-self:flex-start}.shot{align-items:flex-start;gap:12px;display:flex}.shot img{border-radius:var(--r-in);width:160px}.shot-acts{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.date-nav{align-items:center;gap:8px;margin-bottom:16px;display:flex}.date-nav b{text-align:center;min-width:150px;font-size:22px;font-weight:900}.due-hero{background:var(--card);border-radius:var(--r);grid-template-columns:auto 1fr;align-items:center;gap:32px;margin-bottom:32px;padding:24px 32px;display:grid}.due-hero.is-late{background:var(--danger-s)}.due-hero.is-clear{background:var(--card)}.due-main{flex-direction:column;line-height:1.2;display:flex}.due-label{color:var(--body);font-weight:800}.due-time{font-family:var(--font-latin);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:60px;font-weight:900;font-stretch:125%;line-height:1.1}.due-remain{font-size:20px;font-weight:800}.due-hero.is-late .due-remain{color:var(--danger-d)}.due-hero.is-clear .due-remain{color:var(--mint-d)}.due-nums{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.due-nums div{background:var(--sheet);border-radius:20px;flex-direction:column;padding:12px 16px;display:flex}.due-nums span{color:var(--body);font-size:14px;font-weight:700}.due-nums b{font-family:var(--font-latin);font-size:36px;font-weight:900;font-stretch:125%;line-height:1.2}.due-nums .bad b{color:var(--danger)}.due-nums .warn b{color:var(--danger-d)}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--card);border-radius:20px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:8px 12px 8px 8px;display:grid}.row.st-late,.row.st-overnight{box-shadow:inset 0 0 0 3px var(--danger);background:#fff8f9}.row-main{text-align:left;align-items:center;gap:16px;min-width:0;display:flex}.row-main .face{border-radius:12px;width:56px}.row-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.row-game{font-size:18px;font-weight:900}.row-who{font-weight:800}.row-who small{color:var(--soft);margin-left:4px;font-size:13px}.row-mem{color:var(--body);margin-left:8px;font-size:14px;font-weight:500}.row-time{flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;display:flex}.state{border-radius:999px;padding:2px 12px;font-size:14px;font-weight:800}.state-out{background:var(--pink-s)}.state-late,.state-overnight{background:var(--danger);color:#fff}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{border-radius:var(--r);background:var(--card);flex-direction:column;padding:16px 20px;display:flex}.kpi span{color:var(--body);font-size:14px;font-weight:700}.kpi b{font-family:var(--font-latin);font-size:36px;font-weight:900;font-stretch:125%;line-height:1.25}.kpi b small{margin-left:4px;font-size:16px}.kpi.k1{background:var(--ink);color:var(--yellow)}.kpi.k1 span{color:#fff}.kpi.k4.warn{background:var(--danger-s)}.rank-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.panel-wide{grid-column:1/-1}.bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:36px minmax(160px,260px) 1fr 64px 88px;align-items:center;gap:12px;display:grid}.bar-name{text-align:left;align-items:center;gap:12px;min-height:44px;font-weight:800;display:flex}.bar-name .face{border-radius:8px;width:36px}.bar{background:var(--track);border-radius:999px;height:16px;overflow:hidden}.bar i{background:var(--coral);border-radius:999px;min-width:8px;height:100%;display:block}.bars li:first-child .bar i{background:var(--ink)}.bar-n{font-family:var(--font-latin);text-align:right;font-size:22px;font-weight:900;font-stretch:125%}.bar-n small{margin-left:2px;font-size:13px}.bar-sub{color:var(--soft);font-size:13px}.rk{background:var(--track);border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.rk-1{background:var(--ink);color:var(--yellow)}.rk-2{background:var(--blue)}.rk-3{background:var(--coral)}.ptable{border-collapse:collapse;width:100%}.ptable th{text-align:left;color:var(--soft);padding:0 8px 8px;font-size:13px;font-weight:700}.ptable td{border-top:1px solid var(--line);padding:8px}.ptable .pn{font-weight:800}.ptable .pn small{color:var(--soft);margin-left:4px;font-size:13px}.ptable .num{font-family:var(--font-latin);text-align:right;font-size:20px;font-weight:900;font-stretch:125%}.ptable th:nth-child(3),.ptable th:nth-child(4){text-align:right}.ptable .soft{color:var(--soft)}.ptable .fav{color:var(--body);font-size:14px}.zero{margin:0 0 12px;padding:0;list-style:none}.zero button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 4px;display:flex}.zero .face{border-radius:10px;width:40px}.zero .zn{flex:1;font-weight:800}.wd{align-items:flex-end;gap:16px;height:160px;padding-top:8px;display:flex}.wd-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.wd-col i{background:var(--coral);border-radius:12px 12px 4px 4px;width:100%;max-width:40px;min-height:4px;display:block}.wd-n{font-size:14px;font-weight:800}.wd-x{color:var(--soft);font-weight:700}.admin{flex-direction:column;gap:16px;display:flex}.due-set{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.due-set input{border:1px solid var(--line-2);background:var(--card);border-radius:16px;min-height:56px;padding:0 16px;font-size:24px;font-weight:800}.due-set p{flex-basis:100%;margin:0}.admin-list{margin:0;padding:0;list-style:none}.admin-list button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;min-height:72px;padding:12px 4px;display:flex}.admin-list .face{border-radius:12px;width:48px}.admin-list .is-retired{opacity:.6}.al-name{flex-direction:column;flex:1;min-width:0;display:flex}.al-name small{color:var(--soft);font-size:13px}.al-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.al-n{text-align:right;min-width:48px;font-weight:800}.al-go{color:var(--soft);font-size:14px;font-weight:700}.bulk{border:1px solid var(--line-2);background:var(--card);border-radius:16px;width:100%;padding:12px 16px;font-size:16px;line-height:1.7}.edit{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.ph-title{flex-direction:column;display:flex}.cover-row{align-items:flex-start;gap:12px;display:flex}.cover-row .face{border-radius:var(--r-in);border:1px solid var(--line);width:88px}.cover-inputs{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cover-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cur-cover{color:var(--soft);align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:700;display:inline-flex}.cur-cover img{object-fit:cover;border-radius:8px;width:32px;height:32px}.ph-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.ph{aspect-ratio:1;border-radius:var(--r-in);background:var(--track);position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block}.ph.is-cover{outline:3px solid var(--ink);outline-offset:-3px}.ph-star,.ph-x{background:#ffffffeb;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid;position:absolute;top:4px}.ph-star{color:#b07a00;left:4px}.ph-x{right:4px}.ph-add{border:2px dashed var(--line-2);background:var(--card);color:var(--body);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:13px;font-weight:700;display:flex}.ph-add span{font-size:28px;line-height:1}.ph-skel{border-radius:var(--r-in)}.ph-empty{color:var(--soft);align-items:center;gap:12px;margin-top:8px;font-size:14px;display:flex}.ph-empty .face{border-radius:10px;width:48px}.items{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.items li{align-items:center;gap:4px;display:flex}.items input{border:1px solid var(--line-2);background:var(--card);border-radius:10px;min-height:44px;padding:0 12px;font-size:16px}.it-label{flex:2;min-width:0}.it-count{flex:1;min-width:0}.del-confirm{color:var(--danger-d);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.pdf-screen{z-index:60;animation:fade .2s var(--ease-out);background:#222;flex-direction:column;display:flex;position:fixed;inset:0}.pdf-head{padding:max(12px, env(safe-area-inset-top)) 20px 12px;background:var(--bg);align-items:center;gap:12px;display:flex}.pdf-head b{font-size:20px;font-weight:900}.pdf-head .muted{margin-right:auto}.pdf-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.pdf-pages{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.pdf-page{background:#fff;border-radius:8px;display:block}.pdf-msg{color:#f4ede7;text-align:center;padding:48px 24px;line-height:1.8}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:80;background:var(--ink);color:#fff;max-width:calc(100vw - 32px);animation:toastIn .22s var(--ease-out);border-radius:999px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.toast span{padding:8px 0}.toast-undo{background:var(--yellow);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;padding:0 18px;font-weight:800}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1100px){.top{flex-wrap:wrap;row-gap:0}.tabs{order:3;justify-content:space-between;width:100%;padding-right:24px}.tabs button{padding:0 4px}.clock{border-radius:0 0 0 16px;margin-bottom:0;margin-left:auto}.due-hero{grid-template-columns:1fr;gap:16px}}@media (width<=900px){.sheet,.ret,.edit,.rank-grid{grid-template-columns:1fr}.ret-photos{position:static}.kpis{grid-template-columns:repeat(2,1fr)}.bars li{grid-template-columns:32px minmax(0,1fr) 1fr 56px}.bar-sub{display:none}}@media (width<=640px){.main{padding:16px}.top{padding-left:16px}.tabs{padding-right:16px}.clock{min-width:0;padding-left:16px;padding-right:16px}.tabs button{font-size:15px}.tabs button:before{content:none}.hero{margin-bottom:24px}.hero-title{font-size:calc(11.3636vw - 3.63636px)}.hero-sub{margin-top:12px;font-size:15px}.brand small{display:none}.brand b{font-size:14px}.top{gap:12px}.clock b{font-size:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gcard{border-radius:18px;padding:10px}.gcard-name{font-size:16px}.gcard-status{min-height:40px;padding:6px 10px}.badge-new{width:40px;height:40px;font-size:11px}.hero-illust{display:none}.due-nums{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr auto}.row-time{flex-direction:row;order:3;grid-column:1/-1;justify-content:flex-start}.steps{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.bars li{grid-template-columns:32px minmax(0,1fr) 56px}.bars .bar{display:none}.scrim{align-items:end;padding:0}.dlg{border-radius:24px 24px 0 0;max-height:94dvh}.dlg-body{padding:20px 16px}.dlg-head{padding-left:20px}.dlg-foot{padding-left:16px;padding-right:16px}.dlg-foot .btn-dark{order:9;width:100%}.dlg-foot .grow{display:none}.ck{min-width:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}