.head{padding:var(--space-7) 0 var(--space-6)}.head__row{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.head h1{font-size:var(--text-4xl)}.head__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted)}.head__count b{font-size:var(--text-xl);color:var(--fg)}.head__acts{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.head__act{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.head__badge{padding:2px 8px}.board{padding-bottom:var(--space-9)}.games{gap:var(--space-7) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:1fr;display:grid}.game{box-shadow:var(--shadow-card);--rest-rot:0deg;transform:rotate(var(--rest-rot));transition:transform var(--dur-base) var(--ease-paper), box-shadow var(--dur-base);flex-direction:column;margin:0;padding:12px 12px 14px;display:flex}.game>.clip,.addslot>.clip{z-index:1;pointer-events:none;left:50%;right:auto;transform:translate(-50%)}.games .polaroid.game>.clip,.games .polaroid.addslot>.clip{filter:drop-shadow(1px 0 0 var(--sticker-edge)) drop-shadow(-1px 0 0 var(--sticker-edge)) drop-shadow(0 1px 0 var(--sticker-edge)) drop-shadow(0 -1px 0 var(--sticker-edge)) drop-shadow(0 1px 1px #0000004d)}.game:hover{box-shadow:var(--shadow-lift);transform:rotate(0)translateY(-3px)}@media (hover:none){.game:hover{transform:rotate(var(--rest-rot));box-shadow:var(--shadow-card)}}.game--just-added{outline:2px solid var(--focus);outline-offset:2px}.addslot{width:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-paper), box-shadow var(--dur-base);flex-direction:column;align-self:start;margin:0;padding:12px 12px 14px;display:flex;overflow:visible}.addslot:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}@media (hover:none){.addslot:hover{box-shadow:var(--shadow-card);transform:none}}.addslot__slot{aspect-ratio:3/4;background-color:var(--thumb-paper);border:1px dashed var(--thumb-edge);background-image:repeating-linear-gradient(135deg, transparent 0 9px, var(--thumb-mark) 9px 18px);place-items:center;display:grid}.addslot__slot svg{width:28px;height:28px;color:var(--brand-ink);opacity:.55}.addslot__label{font-family:var(--font-display);font-size:var(--text-lg);min-height:2.4em;margin:12px 4px 0;line-height:1.2;display:block}dialog.composer{width:min(560px, calc(100vw - 2 * var(--space-5)));max-width:none;max-height:calc(100vh - 2 * var(--space-6));padding:var(--space-6) 0 0;box-shadow:var(--shadow-lift);--enter-y:12px;--enter-s:.98;opacity:0;transform:translateY(var(--enter-y)) scale(var(--enter-s));transition:opacity var(--dur-base) var(--ease-paper), transform var(--dur-base) var(--ease-paper), overlay var(--dur-base) var(--ease-paper) allow-discrete, display var(--dur-base) var(--ease-paper) allow-discrete;margin:auto;position:fixed;inset:0;overflow:visible}dialog.composer[open]{opacity:1;flex-direction:column;display:flex;transform:none}.composer__body{min-height:0;padding:0 var(--space-5) var(--space-5);overflow-y:auto}@starting-style{dialog.composer[open]{opacity:0;transform:translateY(var(--enter-y)) scale(var(--enter-s))}}dialog.composer::backdrop{transition:background-color var(--dur-base) var(--ease-paper), overlay var(--dur-base) var(--ease-paper) allow-discrete, display var(--dur-base) var(--ease-paper) allow-discrete;background-color:#0000}dialog.composer[open]::backdrop{background-color:color-mix(in srgb, var(--brand-ink) 40%, transparent)}@starting-style{dialog.composer[open]::backdrop{background-color:#0000}}.composer__title{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-2);word-break:keep-all;overflow-wrap:anywhere;line-height:1.15}.composer__search{margin:var(--space-4) 0 0;display:block}.composer__searchlabel{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--fg-muted);margin-bottom:4px;display:block}.field{box-sizing:border-box;width:100%;font-family:var(--font-body);font-size:var(--text-base);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);padding:10px 12px}.composer__search .field{min-height:44px}.field:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus);outline:0}.composer__btn{white-space:nowrap;flex:none;min-height:44px}.err{color:var(--danger);font-size:var(--text-xs);margin:var(--space-3) 0 0}.composer__results{margin:var(--space-4) 0 0;flex-direction:column;gap:6px;max-height:min(44vh,380px);padding:0;list-style:none;display:flex;overflow-y:auto}.composer__results[hidden]{display:none}.composer__pick{align-items:center;gap:var(--space-3);text-align:left;cursor:pointer;width:100%;min-height:44px;color:var(--fg);border-radius:var(--radius-sm);transition:background var(--dur-base), border-color var(--dur-base);background:0 0;border:1.5px solid #0000;padding:8px 10px;display:flex}.composer__pick--active{background:var(--surface-2);border-color:var(--border-strong)}.composer__poster,.composer__noposter{border-radius:var(--radius-xs);border:1px solid var(--thumb-edge);object-fit:cover;flex:none;width:40px;height:53px}.composer__noposter{background:var(--thumb-paper);color:var(--brand-ink);font-family:var(--font-display);font-size:var(--text-xl);place-items:center;line-height:1;display:grid}.composer__pickname{overflow-wrap:anywhere;min-width:0;font-weight:700}.composer__directmark{border-radius:var(--radius-xs);background:var(--thumb-paper);border:1px dashed var(--thumb-edge);width:40px;height:53px;color:var(--brand-ink);flex:none;place-items:center;display:grid}.composer__directmark svg{opacity:.55;width:20px;height:20px}.composer__pick--direct{margin-bottom:var(--space-2);box-shadow:0 1px 0 var(--border)}.composer__pick--direct .composer__pickname{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.composer__close{top:var(--space-2);right:var(--space-2);cursor:pointer;width:44px;height:44px;color:var(--fg-muted);border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.composer__close:hover{color:var(--fg);background:var(--surface-2)}.composer__hint{color:var(--fg-muted);font-size:var(--text-xs);margin:var(--space-3) 0 0}.composer__chosen{align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.composer__poster--lg{width:72px;height:96px;font-size:var(--text-2xl)}.composer__chosenname{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.2}.clearfields{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.clearfields__toggle{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;display:flex}.clearfields__toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none}.clearfields__toggle input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.clearfields__togglelabel{font-size:var(--text-base);color:var(--fg)}.detail__head{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-4);display:flex}.detail__facts{gap:6px var(--space-4);grid-template-columns:auto 1fr;min-width:0;margin:0;display:grid}.detail__facts dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--fg-muted);align-self:center}.detail__facts dd{min-width:0;font-size:var(--text-base);color:var(--fg);overflow-wrap:anywhere;margin:0}.detail__none{color:var(--fg-muted)}.detail__acts{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.detail__del{color:var(--danger);border-color:var(--danger);margin-left:auto}.detail__del:hover{background:var(--danger);color:var(--bg)}.suggest__current{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-sm)}.suggest__subhead{font-size:var(--text-sm);color:var(--fg);margin:var(--space-5) 0 0;font-weight:700}.suggest__current .suggest__subhead{margin:0 0 var(--space-3)}.suggest__sent{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);margin:var(--space-4) 0 0;line-height:1.2}.suggest__note{resize:vertical;min-height:72px;line-height:1.5}.inbox{margin:var(--space-4) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.inbox__item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.inbox__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.inbox__target{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.2}.inbox__meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--fg-muted)}.inbox__kind{font-size:var(--text-xs);color:var(--fg-muted);margin:var(--space-2) 0 0}.inbox__diff{margin:var(--space-3) 0 0;flex-direction:column;gap:4px;display:flex}.inbox__change{gap:var(--space-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.inbox__change dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--fg-muted)}.inbox__change dd{min-width:0;font-size:var(--text-base);color:var(--fg);overflow-wrap:anywhere;margin:0}.inbox__from{color:var(--fg-muted)}.inbox__arrow{color:var(--fg-muted);margin:0 var(--space-2)}.inbox__to{font-weight:700}.inbox__note{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}.inbox__acts{gap:var(--space-3);margin-top:var(--space-4);display:flex}.inbox__acts .composer__btn{flex:1 1 0;justify-content:center}.datefield{min-width:0;display:block}.composer__detail>.datefield{margin-top:var(--space-5)}.datefield__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--fg-muted);margin-bottom:4px;display:block}.datefield .field{min-height:44px}.datefield__hint{color:var(--fg-muted);font-size:var(--text-xs);margin:6px 0 0}.datefield__locked{font-size:var(--text-base);color:var(--fg);margin:0 0 var(--space-2);overflow-wrap:anywhere}.datefield__locked span{color:var(--fg-muted)}.composer__actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.composer__actions .composer__btn{flex:1 1 0;justify-content:center}.composer__btn--danger{background:var(--danger);color:var(--bg);border:1.5px solid var(--danger);border-radius:var(--radius-xs);box-shadow:var(--shadow-cut);padding:11px 20px}.composer__btn--danger:hover{box-shadow:3px 4px 0 color-mix(in srgb, var(--brand-ink) 90%, transparent);transform:translate(-1px,-1px)}.composer__btn--danger:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--brand-ink) 90%, transparent);transform:translate(1px,1px)}dialog.composer--confirm{width:min(380px, calc(100vw - 2 * var(--space-5)))}dialog.composer--stacked[open]::backdrop{background-color:#0000}dialog.composer--covered[open]{opacity:0;pointer-events:none}dialog.composer--detail{width:min(440px, calc(100vw - 2 * var(--space-5)))}@media (max-width:560px){dialog.composer{border-radius:var(--radius-md) var(--radius-md) 0 0;--enter-y:100%;--enter-s:1;width:100%;max-height:88vh;margin:0;inset:auto 0 0}}.game__thumb{aspect-ratio:3/4;background-color:var(--thumb-paper);border:1px solid var(--thumb-edge);place-items:center;display:grid;position:relative;overflow:hidden}.game__thumb[data-p="0"]{background-image:repeating-linear-gradient(var(--thumb-a,135deg), transparent 0 9px, var(--thumb-mark) 9px 18px)}.game__thumb[data-p="1"]{background-image:radial-gradient(var(--thumb-mark) 1.6px, transparent 1.7px);background-size:13px 13px}.game__thumb[data-p="2"]{background-image:linear-gradient(var(--thumb-mark) 1px, transparent 1px), linear-gradient(90deg, var(--thumb-mark) 1px, transparent 1px);background-size:16px 16px}.game__thumb[data-p="3"]{background-image:repeating-linear-gradient(45deg, transparent 0 7px, var(--thumb-mark) 7px 8px), repeating-linear-gradient(-45deg, transparent 0 7px, var(--thumb-mark) 7px 8px)}.game__initial{font-family:var(--font-display);color:var(--fg);opacity:.82;letter-spacing:-.02em;font-size:46px;line-height:1}.game__thumb svg{width:20px;height:20px;color:var(--fg);opacity:.28;position:absolute;bottom:6px;right:7px}.game__poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game__body{flex-direction:column;flex:auto;min-height:0;margin:12px 4px 0;display:flex}.game__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg);overflow-wrap:anywhere;min-width:0;min-height:2.4em;margin:0;line-height:1.2}.game__open{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.game__nametext{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game__open:after{content:"";position:absolute;inset:0}.game__open:focus-visible{outline:none}.game__open:focus-visible:after{outline:2px solid var(--focus);outline-offset:-2px}.game__meta{padding-top:var(--space-2);align-items:flex-start;margin:auto 0 0;display:flex}.grid-empty{padding:var(--space-8);text-align:center;color:var(--fg-muted)}.grid-empty .t-hand{font-size:var(--text-2xl);margin-bottom:var(--space-2);display:block}@media (max-width:480px){.games{grid-template-columns:1fr 1fr}.head h1{font-size:var(--text-3xl)}}
