:root{--bg: #f3f4ef;--surface: #ffffff;--ink: #1c2320;--muted: #66706a;--line: #dcdfd6;--accent: #1f6f54;--accent2: #d9843b;--on-accent: #ffffff;--hero-bg: #1f6f54;--hero-ink: #ffffff;--danger: #b93a2b;--font-display: "Do Hyeon", "IBM Plex Sans KR", sans-serif;--font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-scale: 1;--radius: 12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.25}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}fieldset{border:0;padding:0;margin:0;min-width:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}[hidden]{display:none!important}.app{max-width:560px;margin:0 auto;padding-inline:18px;padding-block:20px 48px;min-height:100dvh}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.stack{display:flex;flex-direction:column;gap:22px}.brand{font-family:var(--font-display);font-size:1.5rem;color:var(--accent);text-decoration:none;letter-spacing:.02em}.hint{color:var(--muted);font-size:.9rem}.error,.t-error{color:var(--danger);font-size:.95rem}.btn,.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;text-align:center}.btn:disabled,.t-btn:disabled{opacity:.55;cursor:default}.btn-primary,.t-btn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-xl{min-height:60px;font-size:1.1rem;width:100%}.btn-sm{min-height:40px;padding:6px 12px;font-size:.9rem}.btn-add{width:100%;border-style:dashed;color:var(--accent);background:transparent}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>label,.field>legend,.legend{font-weight:600;font-size:.95rem;padding:0;margin-bottom:0}.field>legend{margin-bottom:8px}.field input:not([type=color]),.field textarea,.field select,.t-input{width:100%;min-height:54px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:1.05rem}.field textarea{resize:vertical;line-height:1.5}.field input[type=datetime-local],.field input[type=date],.field input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;box-sizing:border-box}.field input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:6px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface)}.chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0;min-height:44px;font-size:.9rem}.toggle-track{width:46px;height:28px;border-radius:999px;background:var(--line);padding:3px;flex:none;transition:background .15s}.toggle-knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.toggle.is-on .toggle-track{background:var(--accent)}.toggle.is-on .toggle-knob{transform:translate(18px)}.callout{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.home{display:flex;flex-direction:column;gap:26px;padding-top:36px}.home-head{display:flex;flex-direction:column;gap:12px}.home-head h1{font-size:2rem;letter-spacing:-.01em}.lead{color:var(--muted)}.howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:step;border-top:1px solid var(--line)}.howto li{counter-increment:step;display:grid;grid-template-columns:34px auto 1fr;gap:10px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.howto li:before{content:counter(step);font-family:var(--font-display);font-size:1.4rem;color:var(--accent)}.howto b{color:var(--ink)}.mine h2{font-size:1.05rem;margin-bottom:10px}.mine ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mine li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px 8px 16px}.mine a{flex:1;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:6px 0}.mine a span{color:var(--muted);font-size:.85rem}.confirm{display:flex;gap:6px}.host{padding-bottom:120px}.host-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.save{font-size:.85rem;color:var(--muted)}.save-error{color:var(--danger)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:24px}.steps button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;min-height:64px;border:0;border-bottom:3px solid var(--line);background:none;color:var(--muted);font-size:.9rem}.steps b{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.steps .is-done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.steps .is-on{border-color:var(--accent);color:var(--accent);font-weight:600}.host-foot{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:10px;justify-content:center;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.host-foot .btn{max-width:360px}.host-foot .btn:not(.btn-primary){width:auto;flex:none}.cats{display:flex;flex-direction:column;gap:16px}.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.cat-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cat-name{flex:1;min-width:120px;min-height:46px;border:1.5px solid transparent;border-radius:10px;background:transparent;padding:6px 10px;font-size:1.2rem;font-weight:600}.cat-name:hover,.cat-name:focus{border-color:var(--line);background:var(--bg)}.grip{flex:none;display:grid;place-items:center;width:36px;height:44px;color:var(--muted);font-size:1.3rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.rows{display:flex;flex-direction:column;gap:8px;min-height:12px}.row{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:12px;padding:6px 10px 6px 2px}.row-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left}.row-main .photo{width:60px;height:60px;flex:none;border-radius:10px}.row-text{min-width:0;display:flex;flex-direction:column}.row-text span{color:var(--muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.is-soldout .row-main{opacity:.45}.row .toggle{flex-direction:column-reverse;gap:2px;font-size:.72rem;color:var(--muted)}.drag-ghost{opacity:.35}.drag-chosen{box-shadow:0 6px 20px #00000029}.photo-edit{display:flex;flex-direction:column;gap:10px}.photo-edit .photo{width:100%;aspect-ratio:4 / 3;border-radius:14px}.photo-actions{display:flex;flex-wrap:wrap;gap:8px}.photo-actions .btn{flex:1}.sheet-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}.preset{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:22px 12px 12px;border:2px solid;border-radius:14px;text-align:left}.preset.is-on{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.preset-bar{position:absolute;inset:0 0 auto 0;height:12px}.preset-name{font-size:1.15rem;line-height:1.2}.preset-dots{display:flex;gap:5px;margin-top:auto}.preset-dots i{width:14px;height:14px;border-radius:50%}.layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.layout-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border:2px solid var(--line);border-radius:14px;background:var(--surface);text-align:center}.layout-opt.is-on{border-color:var(--accent)}.layout-opt strong{font-size:.92rem}.layout-opt>span:last-child{font-size:.75rem;color:var(--muted)}.lo-art{width:48px;height:52px;display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.lo-art i{flex:1;border-radius:3px;background:color-mix(in srgb,var(--accent) 55%,var(--surface))}.lo-card .lo-art i:nth-child(1){flex:3}.lo-card .lo-art i:nth-child(n+2){flex:0 0 5px;opacity:.5}.lo-list .lo-art i{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,var(--surface)) 34%,transparent 34% 42%,color-mix(in srgb,var(--accent) 22%,var(--surface)) 42%)}.lo-classic .lo-art i{flex:0 0 4px;margin:5px 0;opacity:.6}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1.5px var(--line);padding:0}.swatch.is-on{box-shadow:0 0 0 3px var(--ink)}.swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#f44,#fc3,#4c6,#3bf,#a5f,#f44);cursor:pointer}.swatch-custom input{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:70px;height:70px;opacity:0;cursor:pointer}.preview{position:relative;max-height:600px;overflow-y:auto;border:1px solid var(--line);border-radius:24px}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;min-width:0;font-size:.9rem!important}.copy-row .btn{flex:none}.qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;background:#fff;color:#1c2320;border:1px solid var(--line);border-radius:20px;text-align:center}.qr-card img,.qr-wait{width:min(100%,260px);aspect-ratio:1}.qr-wait{display:grid;place-items:center;color:var(--muted)}.qr-title{font-family:var(--font-display);font-size:1.5rem}.qr-cap{color:#66706a;font-size:.95rem}.qr-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.qr-full h2{font-family:var(--font-display);font-size:calc(2.2rem * var(--font-scale))}.qr-full img{width:min(78vw,60vh);border-radius:16px;background:#fff;padding:14px}.poster-stage{position:fixed;left:-10000px;top:0}.poster{width:420px;padding-bottom:8px}.poster-foot{text-align:center;color:var(--muted);font-size:.8rem;padding:18px 0 20px}.poster-result{border:1px solid var(--line);border-radius:12px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#00000073}.sheet{width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font-body);border-radius:22px 22px 0 0;animation:sheet-up .22s ease-out}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px}.sheet-head h3{font-size:1.25rem;min-width:0}.sheet-close{flex:none;min-height:44px;padding:6px 12px;border:0;background:none;color:var(--muted);font-weight:600}.sheet-body{overflow-y:auto;padding:6px 18px calc(24px + env(safe-area-inset-bottom,0px))}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.themed{background-color:var(--bg);color:var(--ink);font-family:var(--font-body)}.pat-dots{background-image:radial-gradient(color-mix(in srgb,var(--accent) 22%,transparent) 1.6px,transparent 2px);background-size:20px 20px}.pat-grid{background-image:linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px);background-size:24px 24px}.pat-stripes{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,transparent) 0 14px,transparent 14px 28px)}.pat-check{background-image:linear-gradient(color-mix(in srgb,var(--accent) 10%,transparent) 50%,transparent 50%),linear-gradient(90deg,color-mix(in srgb,var(--accent2) 10%,transparent) 50%,transparent 50%);background-size:36px 36px}.pat-confetti{background-image:radial-gradient(circle at 12% 18%,var(--accent) 3px,transparent 3.5px),radial-gradient(circle at 78% 8%,var(--accent2) 4px,transparent 4.5px),radial-gradient(circle at 42% 62%,color-mix(in srgb,var(--accent2) 60%,transparent) 2.5px,transparent 3px),radial-gradient(circle at 88% 74%,color-mix(in srgb,var(--accent) 60%,transparent) 3px,transparent 3.5px),radial-gradient(circle at 24% 88%,#ffc928 3px,transparent 3.5px);background-size:180px 180px}.guest{position:relative;display:flow-root;min-height:100dvh}.guest-main{position:relative;z-index:1;max-width:560px;margin:0 auto;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.host-back{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:6;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:.85rem;text-decoration:none}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 6px;padding:44px 24px 34px;text-align:center;background:var(--hero-bg);color:var(--hero-ink)}.hero-eyebrow{font-size:.78rem;letter-spacing:.32em;opacity:.75}.hero-title{font-family:var(--font-display);font-size:calc(2.4rem * var(--font-scale));font-weight:700;line-height:1.15}.hero-date{font-size:1rem;opacity:.9}.hero-greeting{max-width:30em;margin-top:6px;font-size:1.05rem;opacity:.92}.hero-solid .hero{border-radius:0 0 calc(var(--radius) * 1.6) calc(var(--radius) * 1.6)}.hero-chalk .hero{margin:14px 14px 6px;border-radius:8px;box-shadow:0 0 0 7px #7a5633,0 6px 16px #00000040}.hero-chalk .hero:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1.5px dashed color-mix(in srgb,var(--hero-ink) 40%,transparent);border-radius:4px;pointer-events:none}.hero-ruled .hero{margin:0 22px;padding:40px 0 28px;border-bottom:3px double var(--ink)}.hero-ruled .hero-eyebrow{color:var(--accent);opacity:1}.hero-framed .hero{margin:14px;outline:1px solid var(--accent);outline-offset:-8px}.hero-framed .hero-eyebrow,.hero-framed .hero-date{color:var(--accent);opacity:1}.hero-house .hero{padding-top:30px}.hero-art{width:150px;color:var(--accent);margin-bottom:4px}.hello{text-align:center;color:var(--muted);font-size:.9rem;padding:12px 18px 0}.cat-nav{position:sticky;top:0;z-index:3;display:flex;gap:8px;overflow-x:auto;padding:12px 18px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none}.cat-nav button{flex:none;min-height:44px;padding:6px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-size:calc(1.05rem * var(--font-scale))}.board{display:flex;flex-direction:column;gap:38px;padding:26px 18px 12px}.board-empty{padding:48px 24px;text-align:center;color:var(--muted)}.cat{scroll-margin-top:76px;display:flex;flex-direction:column;gap:18px}.cat-title{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:calc(1.7rem * var(--font-scale));font-weight:700;color:var(--accent)}.cat-title:after{content:"";flex:1;height:1.5px;background:var(--line)}.cat-items{display:flex;flex-direction:column;gap:22px}.item{display:flex;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;font-family:inherit}.item-name{font-family:var(--font-display);font-size:calc(1.45rem * var(--font-scale));font-weight:700;line-height:1.25}.item-desc{color:var(--muted);font-size:1rem}.item-body{display:flex;flex-direction:column;gap:6px;min-width:0}.item-photo{position:relative;display:block;overflow:hidden;border-radius:var(--radius);flex:none}.photo{width:100%;height:100%;object-fit:cover}.photo-empty{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.photo-empty svg{width:46%;max-width:150px;opacity:.85}.item-card{flex-direction:column;gap:14px;background:var(--surface);border-radius:calc(var(--radius) + 4px);padding:10px 10px 18px;box-shadow:0 1px 0 var(--line),0 10px 24px -18px #00000080}.item-card .item-photo{aspect-ratio:4 / 3;width:100%}.item-card .item-body{padding:0 8px}.item-card .item-badges{position:absolute;left:10px;top:10px}.item-list{gap:16px;align-items:center}.item-list .item-photo{width:104px;height:104px}.board-classic .cat-title{justify-content:center}.board-classic .cat-title:before,.board-classic .cat-title:after{content:"";flex:0 0 34px;height:1.5px;background:var(--accent)}.board-classic .cat-items{gap:18px}.item-classic{flex-direction:column;gap:4px}.item-row{display:flex;align-items:baseline;gap:10px;width:100%}.item-leader{flex:1;min-width:16px;border-bottom:2px dotted var(--line);transform:translateY(-5px)}.item-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{flex:none;display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--font-body);font-size:.78rem;font-weight:600;line-height:1.5;white-space:nowrap}.badge-pick{background:var(--accent);color:var(--on-accent)}.badge-sig{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag{padding:2px 9px;border-radius:6px;font-size:.8rem;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.tag-spicy{background:color-mix(in srgb,#e5432f 18%,transparent)}.tag-vegan{background:color-mix(in srgb,#4d9a4a 20%,transparent)}.tag-nonalc{background:color-mix(in srgb,#3b8fd9 18%,transparent)}.tag-allergy{background:none;box-shadow:inset 0 0 0 1.2px color-mix(in srgb,var(--ink) 35%,transparent)}.is-soldout .item-photo .photo,.is-soldout .item-name,.is-soldout .item-desc,.is-soldout .tags,.is-soldout .item-badges,.detail.is-soldout .photo{opacity:.38;filter:grayscale(.7)}.soldout-stamp{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;padding:4px 14px;border:2.5px solid var(--ink);border-radius:6px;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--ink);font-weight:700;transform:rotate(-8deg)}.soldout-text{flex:none;font-weight:700;color:var(--muted)}.detail{display:flex;flex-direction:column;gap:14px}.detail .photo{aspect-ratio:4 / 3;border-radius:var(--radius)}.detail-desc{font-size:1.15rem}.detail-soldout{font-weight:700;color:var(--muted)}.t-sheet .sheet-head h3{font-family:var(--font-display);font-size:calc(1.6rem * var(--font-scale))}.join{position:relative;z-index:1;max-width:460px;min-height:100dvh;margin:0 auto;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px}.join-title{font-family:var(--font-display);font-size:calc(2.6rem * var(--font-scale));color:var(--accent)}.join-greeting{color:var(--muted);font-size:1.1rem;margin-bottom:14px}.join label{font-weight:600}.t-input{min-height:60px;font-size:1.2rem;color:var(--ink)}.t-btn{min-height:60px;font-size:1.15rem;border-width:0}.soon{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.soon h1{font-family:var(--font-display);font-size:calc(2.6rem * var(--font-scale));color:var(--accent)}.soon-note{color:var(--muted);font-size:.95rem}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:6px 0;border:0;border-radius:14px;background:none;color:var(--muted);font-family:var(--font-body);font-size:.8rem}.tabbar .is-on{color:var(--accent);font-weight:700;background:color-mix(in srgb,var(--accent) 12%,transparent)}.decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.decor.is-fixed{position:fixed}.decor i{position:absolute;top:-6%;animation:fall linear infinite}.decor-confetti i{border-radius:2px;background:var(--accent)}.decor-confetti .v1{background:var(--accent2)}.decor-confetti .v2{background:#ffc928;border-radius:50%}.decor-confetti .v3{background:#22c3a6}.decor-petals i{background:color-mix(in srgb,var(--accent) 45%,#fff);border-radius:80% 0}.decor-leaves i{background:var(--accent);border-radius:80% 0;opacity:.7}.decor-leaves .v1,.decor-leaves .v3{background:var(--accent2)}.decor-snow i{background:#fff;border-radius:50%;opacity:.8}@keyframes fall{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(40px,112vh,0) rotate(420deg)}}@media (prefers-reduced-motion: reduce){.decor{display:none}.sheet{animation:none}*{scroll-behavior:auto!important}}@media print{body *{visibility:hidden}.qr-print,.qr-print *{visibility:visible}.qr-print{position:fixed;top:0;right:0;bottom:0;left:0;border:0;justify-content:center}.qr-print img{width:11cm}}.t-btn-line{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.games{padding:22px 18px 0;display:flex;flex-direction:column;gap:20px}.page-head{display:flex;flex-direction:column;gap:6px;padding-top:14px}.page-head h1,.game-head h1{font-family:var(--font-display);font-size:calc(2.1rem * var(--font-scale));color:var(--accent)}.game-grid{display:flex;flex-direction:column;gap:12px}.game-card{display:flex;flex-direction:column;gap:4px;min-height:96px;justify-content:center;padding:18px 20px;border:0;border-radius:calc(var(--radius) + 6px);text-align:left;font-family:var(--font-body);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.game-card strong{font-family:var(--font-display);font-size:calc(1.6rem * var(--font-scale));line-height:1.2}.game-card span{opacity:.8}.game-card.gc-0{background:var(--accent);color:var(--on-accent);box-shadow:none}.game-card.gc-2{background:color-mix(in srgb,var(--accent) 16%,var(--surface));box-shadow:none}.game-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.g-back{min-height:44px;padding:0;border:0;background:none;color:var(--muted);font-family:var(--font-body);font-weight:600}.g-setup,.g-play{position:relative;display:flex;flex-direction:column;gap:20px}.g-hint{color:var(--muted);font-size:.95rem}.g-label{font-weight:700}.g-label span{color:var(--accent);margin-left:4px}.g-list{display:flex;flex-direction:column;gap:10px}.g-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.g-chips li{display:flex;align-items:center;gap:2px;min-height:44px;padding-left:16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-size:1.05rem}.g-chips button{width:40px;height:44px;border:0;background:none;color:var(--muted);font-size:1.3rem;line-height:1}.g-add{display:flex;gap:8px}.g-add .t-input{flex:1;min-width:0;min-height:54px;font-size:1.05rem}.g-add .t-btn{flex:none;min-height:54px;font-size:1rem}.g-link{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:var(--accent);font-family:var(--font-body);font-weight:600;text-decoration:underline;text-underline-offset:4px}.g-go{width:100%;min-height:68px;font-family:var(--font-display);font-size:calc(1.5rem * var(--font-scale))}.g-actions,.g-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ladder-scroll{overflow-x:auto;margin-inline:-18px;padding-inline:18px}.ladder{display:flex;flex-direction:column;gap:8px}.ladder-row{display:grid;grid-template-columns:repeat(var(--n),1fr)}.ladder-row>*{margin:0 3px;min-height:48px;display:grid;place-items:center;padding:6px 2px;border-radius:12px;text-align:center;font-size:.98rem;line-height:1.2}.ladder-name{border:0;background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-weight:700}.ladder-name.is-done{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line)}.ladder-name.is-on{animation:pulse .6s ease-in-out infinite alternate}.ladder-result{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--muted);font-weight:700}.ladder-result.is-shown{color:var(--ink);box-shadow:inset 0 0 0 2px var(--accent);animation:pop .4s ease-out}.ladder svg{width:100%;height:330px;display:block}.ladder-line{stroke:color-mix(in srgb,var(--ink) 28%,transparent);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.ladder-done{fill:none;stroke:color-mix(in srgb,var(--accent) 35%,transparent);stroke-width:6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ladder-trace{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ladder-draw 2.3s linear forwards}@keyframes ladder-draw{to{stroke-dashoffset:0}}@keyframes pulse{to{transform:scale(1.08)}}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.wheel-wrap{position:relative;width:min(100%,420px);margin:6px auto 0}.wheel{display:block;width:100%;transition:transform 4.6s cubic-bezier(.12,.72,.08,1)}.wheel-rim{fill:var(--ink)}.slice path{stroke:var(--ink);stroke-width:1}.slice text{font-family:var(--font-body);font-weight:700}.slice.s0 path{fill:var(--accent)}.slice.s0 text{fill:var(--on-accent)}.slice.s1 path{fill:var(--surface)}.slice.s1 text{fill:var(--ink)}.slice.s2 path{fill:color-mix(in srgb,var(--accent) 28%,var(--surface))}.slice.s2 text{fill:var(--ink)}.wheel-hub{fill:var(--surface);stroke:var(--ink);stroke-width:3}.wheel-pin{position:absolute;left:50%;top:-8px;z-index:2;width:0;height:0;transform:translate(-50%);border:14px solid transparent;border-top:26px solid var(--ink);filter:drop-shadow(0 2px 2px rgb(0 0 0 / .25))}.wc-stage{display:flex;align-items:baseline;justify-content:center;gap:10px;color:var(--muted)}.wc-stage b{font-family:var(--font-display);font-size:calc(1.9rem * var(--font-scale));color:var(--accent)}.wc-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.wc-card{display:flex;flex-direction:column;gap:10px;padding:8px 8px 16px;border:0;border-radius:calc(var(--radius) + 6px);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-family:var(--font-body);transition:transform .35s cubic-bezier(.3,1.5,.5,1),opacity .3s;animation:pop .35s ease-out}.wc-card{min-width:0}.wc-card .photo{flex:none;width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius)}.wc-card .photo-empty svg{width:46%;height:auto}.wc-card strong{font-family:var(--font-display);font-size:calc(1.35rem * var(--font-scale));line-height:1.2;text-align:center;padding:0 4px}.wc-card.is-win{transform:scale(1.06);box-shadow:inset 0 0 0 4px var(--accent);z-index:1}.wc-card.is-lose{opacity:.25;transform:scale(.92)}.wc-vs{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-size:1.15rem;pointer-events:none}.duty{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.duty li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:14px 20px;border-radius:calc(var(--radius) + 6px);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.duty-job{font-size:1.1rem;color:var(--muted)}.duty-who{font-family:var(--font-display);font-size:calc(1.9rem * var(--font-scale));line-height:1.1;color:var(--muted);text-align:right}.duty .is-rolling .duty-who{color:var(--ink);opacity:.6}.duty .is-set{background:var(--accent);box-shadow:none;animation:pop .45s ease-out}.duty .is-set .duty-job,.duty .is-set .duty-who{color:var(--on-accent)}.g-play>.burst{top:30%}.bal{position:relative;display:flex;flex-direction:column;gap:12px}.bal-opt{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:132px;padding:20px 22px;border:0;border-radius:calc(var(--radius) + 6px);text-align:left;font-family:var(--font-body);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.bal-b{text-align:right;align-items:flex-end}.bal-text{position:relative;font-family:var(--font-display);font-size:calc(1.7rem * var(--font-scale));line-height:1.2}.bal-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 24%,transparent);transition:width .6s cubic-bezier(.2,.8,.2,1)}.bal-b .bal-fill{inset:0 0 0 auto}.bal-opt.is-mine{box-shadow:inset 0 0 0 3.5px var(--accent)}.bal-stat{position:relative;display:flex;flex-direction:column;font-size:.9rem;color:var(--muted)}.bal-stat b{font-family:var(--font-display);font-size:2rem;line-height:1.1;color:var(--accent)}.bal-vs{top:50%}.bal-form{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:22px;border-top:1.5px solid var(--line)}.bal-form .t-input{min-height:54px;font-size:1.05rem}.reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:24px;text-align:center;background:var(--bg);color:var(--ink);animation:fade-in .2s ease-out}.reveal-rays{position:absolute;left:50%;top:42%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;background:repeating-conic-gradient(color-mix(in srgb,var(--accent) 16%,transparent) 0 9deg,transparent 9deg 18deg);animation:spin 36s linear infinite}.reveal-body{position:relative;display:flex;flex-direction:column;gap:10px;max-width:100%;animation:pop .6s cubic-bezier(.3,1.4,.5,1) both}.reveal-label{font-size:1.25rem;font-weight:600}.reveal-title{font-family:var(--font-display);font-size:calc(clamp(3rem,15vw,5.4rem) * var(--font-scale));line-height:1.08;color:var(--accent);text-shadow:0 3px 0 var(--bg),0 6px 0 color-mix(in srgb,var(--accent) 30%,transparent)}.reveal-sub{color:var(--muted)}.reveal-actions{position:relative;display:flex;flex-direction:column;gap:10px;width:min(100%,340px)}.burst{position:absolute;left:50%;top:42%;width:0;height:0;pointer-events:none;z-index:1}.burst i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:2px;background:var(--accent);opacity:0;animation:burst 1.5s cubic-bezier(.1,.7,.3,1) forwards}.burst .v1{background:var(--accent2);border-radius:50%}.burst .v2{background:#ffc928;width:8px;height:16px}.burst .v3{background:var(--ink);width:7px;height:7px;border-radius:50%}@keyframes burst{0%{transform:translate(0) rotate(0) scale(.4);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 90px)) rotate(var(--rot)) scale(1);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}.soon-pick{padding:10px 18px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent)}@media (prefers-reduced-motion: reduce){.wheel{transition:none}.ladder-trace{animation:none;stroke-dashoffset:0}.reveal-rays,.burst i,.reveal-body,.ladder-name.is-on,.wc-card,.duty .is-set,.ladder-result.is-shown{animation:none}.burst{display:none}}.bal-progress{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-size:.95rem}.bal-progress b{font-size:1.1rem}.bal-sum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.bal-sum-q{font-family:var(--font-display);font-size:calc(1.3rem * var(--font-scale));color:var(--accent);margin-bottom:6px}.bal-sum .bal{gap:8px}.bal-opt.is-small{min-height:0;padding:12px 16px;gap:2px}.bal-opt.is-small .bal-text{font-size:calc(1.2rem * var(--font-scale))}.bal-opt.is-small .bal-stat b{font-size:1.4rem}.roster{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:calc(var(--radius) + 4px);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-family:var(--font-body)}.roster.is-due{box-shadow:inset 0 0 0 3px var(--accent)}.roster-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.roster-head>div{min-width:0}.roster-count{font-weight:700;font-size:1.15rem}.roster-state{color:var(--muted);font-size:.9rem}.roster.is-due .roster-head .roster-state{color:var(--accent);font-weight:600}.roster-toggle{flex:none;min-height:46px;font-size:.95rem}.roster-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.roster-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:1.1rem}.roster-list .t-btn{flex:none;min-height:44px;padding:6px 14px;font-size:.95rem}.roster-list .is-out>span{color:var(--muted);text-decoration:line-through}.tab-badge{position:absolute;top:4px;right:calc(50% - 26px);min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.72rem;font-style:normal;font-weight:700;line-height:20px;text-align:center}.tabbar button,.modes button{position:relative}.my-orders{display:flex;flex-direction:column;gap:10px}.my-orders ul,.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ord{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.ord>div{flex:1;min-width:0;display:flex;flex-direction:column}.ord strong{font-size:1.1rem}.ord>div span{color:var(--muted);font-size:.92rem}.ord-status{flex:none;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:700;background:color-mix(in srgb,var(--ink) 9%,transparent)}.ord-done{box-shadow:inset 0 0 0 2.5px var(--accent)}.ord-done .ord-status{background:var(--accent);color:var(--on-accent)}.ord .g-link{align-self:center;flex:none}.pick-cat{display:flex;flex-direction:column;gap:12px}.pick-list li{display:flex;align-items:center;gap:12px}.pick-list .photo{width:64px;height:64px;flex:none;border-radius:var(--radius)}.pick-text{flex:1;min-width:0;display:flex;flex-direction:column}.pick-text strong{font-family:var(--font-display);font-size:calc(1.2rem * var(--font-scale));line-height:1.25}.pick-text span{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-list .t-btn{flex:none;min-height:50px;min-width:72px;font-size:1rem}.pick-list .is-soldout .photo,.pick-list .is-soldout .pick-text{opacity:.4}.order-form{display:flex;flex-direction:column;gap:14px}.order-form .photo{aspect-ratio:16 / 9;border-radius:var(--radius)}.qty{display:flex;align-items:center;justify-content:space-between}.qty-ctl{display:flex;align-items:center;gap:6px}.qty-ctl button{width:56px;height:56px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-size:1.6rem;line-height:1}.qty-ctl button:disabled{opacity:.35}.qty-ctl output{min-width:48px;text-align:center;font-family:var(--font-display);font-size:2rem;font-variant-numeric:tabular-nums}.modes{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:6px;padding:5px;margin-bottom:18px;border-radius:14px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.modes button{min-height:46px;border:0;border-radius:10px;background:none;color:var(--muted);font-weight:600;font-size:.95rem}.modes .is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.modes .tab-badge{top:-4px;right:2px}.host .games{padding:0}.tally{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden;font-variant-numeric:tabular-nums}.tally th,.tally td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.tally th{font-size:.82rem;color:var(--muted);font-weight:600}.tally th:not(:first-child),.tally td:not(:first-child){text-align:right;width:5.5em}.tally td b{font-size:1.25rem;color:var(--accent)}.tally .is-clear td,.tally .is-clear td b{color:var(--muted)}.tally tr:last-child td{border-bottom:0}.ho-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ho{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.ho-main{display:flex;flex-direction:column}.ho-main strong{font-size:1.15rem}.ho-main span{color:var(--muted);font-size:.92rem}.ho-main .ho-memo{margin-top:4px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent2) 16%,var(--surface));color:var(--ink);font-weight:600}.ho-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ho-actions .btn-primary{flex:1}.ho-done{opacity:.7}.vote-title-input{font-family:var(--font-display);font-size:calc(1.5rem * var(--font-scale));color:var(--accent)}.vote-empty{padding:28px 18px;border-radius:calc(var(--radius) + 4px);text-align:center;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line)}.vote-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.vote-item{display:flex;align-items:stretch;gap:6px}.vote-opt{position:relative;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;min-height:76px;justify-content:center;padding:14px 18px;border:0;border-radius:calc(var(--radius) + 4px);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-family:var(--font-body);text-align:left}.vote-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 26%,transparent);transition:width .6s cubic-bezier(.2,.8,.2,1)}.vote-row{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.vote-row strong{min-width:0;font-family:var(--font-display);font-size:calc(1.4rem * var(--font-scale));line-height:1.2}.vote-row b{flex:none;font-size:1.15rem;color:var(--accent);font-variant-numeric:tabular-nums}.vote-row em{display:inline-block;margin-right:8px;padding:1px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-size:.8rem;font-style:normal;vertical-align:middle}.vote-meta{position:relative;color:var(--muted);font-size:.88rem}.vote-item.is-mine .vote-opt,.vote-item.is-win .vote-opt{box-shadow:inset 0 0 0 3px var(--accent)}.vote-item.is-win .vote-bar{background:color-mix(in srgb,var(--accent) 40%,transparent)}.vote-del{flex:none;width:44px;border:0;background:none;color:var(--muted);font-size:1.4rem}.vote-host{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1.5px solid var(--line)}@media (prefers-reduced-motion: reduce){.vote-bar,.bal-fill{transition:none}}.g-cats{display:flex;flex-wrap:wrap;gap:8px}.g-cats .t-btn{min-height:48px;padding:6px 18px;border-radius:999px;font-size:1.02rem;border:0}.g-fill{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;color:var(--muted);font-size:.95rem}.hero-place{display:flex;flex-direction:column;gap:2px;font-size:.98rem;opacity:.92}.hero-place b{font-size:1.05rem}.hero-framed .hero-place b{color:var(--accent)}.join-when{font-weight:600}.place{display:flex;flex-direction:column;gap:8px;margin:16px 18px 0;padding:18px;border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.place-label{font-size:.78rem;letter-spacing:.2em;color:var(--accent);font-weight:700}.place-name{font-family:var(--font-display);font-size:calc(1.5rem * var(--font-scale));line-height:1.2}.place-addr{font-size:1.08rem;-webkit-user-select:all;user-select:all}.place-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}.place-actions .t-btn{min-height:50px;padding:6px 4px;font-size:.95rem}.place-note{padding-top:10px;border-top:1px solid var(--line);color:var(--muted);white-space:pre-line}.book-form{display:flex;flex-direction:column;gap:10px}.book-form textarea{min-height:96px;font-size:1.1rem;line-height:1.5;resize:vertical}.book-photo{display:flex;align-items:center;gap:14px}.book-photo img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius)}.wall{list-style:none;margin:6px 0 0;padding:12px 0 0;columns:2;column-gap:14px}.note{position:relative;display:inline-flex;width:100%;break-inside:avoid;margin:0 0 18px;padding:22px 14px 14px;display:flex;flex-direction:column;gap:8px;color:#2a2620;background:color-mix(in srgb,var(--accent) 26%,#fffdf4);box-shadow:0 1px 1px #0000001f,0 10px 14px -8px #00000059}.note:before{content:"";position:absolute;top:-9px;left:50%;width:56px;height:20px;margin-left:-28px;background:color-mix(in srgb,#fff 55%,transparent);box-shadow:0 1px 2px #00000026;transform:rotate(-2deg)}.note.n1{background:color-mix(in srgb,var(--accent2) 28%,#fffdf4)}.note.n2{background:#fff6b8}.note.n3{background:color-mix(in srgb,var(--accent) 12%,#ffffff)}.note.r0{transform:rotate(-1.6deg)}.note.r1{transform:rotate(1.2deg)}.note.r2{transform:rotate(-.6deg)}.note.r3{transform:rotate(2deg)}.note.r4{transform:rotate(.5deg)}.note img{width:100%;aspect-ratio:1;object-fit:cover}.note-text{font-family:var(--font-display);font-size:calc(1.2rem * var(--font-scale));line-height:1.35;white-space:pre-line}.note-name{font-size:.88rem;text-align:right;opacity:.75}.note-del{position:absolute;top:0;right:0;width:40px;height:40px;border:0;background:none;color:#2a2620;opacity:.55;font-size:1.3rem}.ended{display:flex;flex-direction:column;gap:2px;width:calc(100% - 36px);margin:16px 18px 0;padding:16px 18px;border:0;border-radius:calc(var(--radius) + 4px);background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-size:1rem;text-align:left}.ended b{font-size:1.15rem;text-decoration:underline;text-underline-offset:4px}.modes{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.stats div{padding:12px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);text-align:center}.stats dt{font-size:.8rem;color:var(--muted)}.stats dd{margin:0;font-family:var(--font-display);font-size:1.7rem;line-height:1.2;font-variant-numeric:tabular-nums}.stats small{font-family:var(--font-body);font-size:.8rem;color:var(--muted);margin-left:2px}.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rank li{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.rank-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 18%,transparent)}.rank-name,.rank-qty{position:relative}.rank-name b{display:inline-block;width:1.6em;color:var(--accent)}.rank-qty{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.log{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:12px}.log li{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.log li:last-child{border-bottom:0}.log b{flex:none;min-width:3.5em}.log span{min-width:0;color:var(--muted)}.best{margin-bottom:10px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:.95rem}.best b{display:block;font-size:1.05rem}.mine .past{flex-direction:column;align-items:stretch;padding:12px 14px}.past-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-link{display:grid;gap:14px}.device-link .warn{color:var(--muted);font-size:.92rem;line-height:1.5}