.family-game-mode{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.family-game-mode a{display:inline-flex;padding:13px 20px;border:1px solid #b69bce55;background:#9d74c216;border-radius:10px;text-decoration:none;color:#d5bce9;font-weight:750;font-size:14px}.family-game-mode a[aria-current=page]{color:white;border-color:#d6aaed;background:linear-gradient(135deg,#734890,#394d83);box-shadow:inset 0 1px #fff5,0 4px 0 #13233b}.family-type-label{display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;color:#9bdfd2;margin-top:10px}.family-arcade{margin-bottom:20px}.family-arcade>p{line-height:1.8;color:var(--ref-muted)}.family-arcade .arcade-turn{font-size:20px;font-weight:750;color:#dec4fa;line-height:1.7;min-height:34px;margin:20px 0}.arcade-footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid #9eb4d633}.tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:min(450px,100%);margin:25px auto}.tic-cell,.slide-cell{font:inherit;border:1px solid #a9a3d994;border-radius:14px;aspect-ratio:1;background:linear-gradient(145deg,#404e7a,#152d4b);box-shadow:inset 0 2px #fff3,0 5px 0 #07162c;color:#e3d2ff;cursor:pointer}.tic-cell{font-size:clamp(36px,7vw,72px);font-weight:800}.tic-cell:disabled{opacity:1}.tic-cell.mark-X{color:#77d5ed}.tic-cell.mark-O{color:#f4bf85}.four-drop{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:min(560px,100%);margin:20px auto 12px}.four-drop>button{font-size:25px;padding:5px;min-height:44px}.four-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;background:linear-gradient(145deg,#205179,#102d4e);border:1px solid #88bce6aa;border-radius:17px;padding:15px;width:min(560px,100%);box-sizing:border-box;margin:auto;box-shadow:inset 0 2px #c0e4ff55,0 7px 0 #06172e,0 17px 30px #0004}.four-disc{aspect-ratio:1;display:block;border-radius:50%;background:#071b2d;box-shadow:inset 0 3px 8px #0009,0 1px #fff2}.four-disc.disc-1{background:radial-gradient(circle at 35% 25%,#ffc0c2,#e74d73 50%,#a8294e);box-shadow:inset 0 2px #ffd2da88,0 3px 6px #0005}.four-disc.disc-2{background:radial-gradient(circle at 35% 25%,#fff0a4,#eac362 50%,#ba8232);box-shadow:inset 0 2px #fff4be88,0 3px 6px #0005}.word-layout{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.word-drawing{width:220px;max-width:100%;stroke:#b7cce4;stroke-width:4;stroke-linecap:round;fill:none}.word-layout>div{flex:1;min-width:220px}.word-letters{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0;font-size:27px;font-weight:800;letter-spacing:1px}.word-letters>span{display:grid;place-items:center;min-width:25px;border-bottom:2px solid #b6a4d5;padding:5px 1px}.word-keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:8px;margin-top:20px}.word-keyboard button{min-height:45px;font-size:16px;padding:6px}.word-keyboard button:disabled{opacity:.3}.code-history{display:grid;gap:12px;margin:25px 0}.code-history>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;background:#b6a1df0c;border:1px solid #ac9ccb33;border-radius:10px}.code-history strong{font-size:23px;letter-spacing:4px;font-variant-numeric:tabular-nums}.code-history>div>span{display:flex;gap:15px;white-space:nowrap}.code-exact{color:#76dac0}.code-near{color:#f1c875}.code-input{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:25px 0}.code-input label{display:grid;gap:12px;font-size:14px}.code-input input{font:inherit;font-size:24px;letter-spacing:7px;max-width:220px;padding:12px 18px;border:1px solid #a5a3c7;border-radius:10px;color:#f0e4ff;background:#0a1e34}.slide-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(450px,100%);margin:25px auto}.slide-cell{font-size:clamp(22px,4vw,38px);font-weight:800}.slide-cell.slide-empty{background:#081b2b;border-color:transparent;box-shadow:inset 0 3px 10px #0004}.slide-cell:disabled{opacity:1}html[data-theme=light] .family-game-mode a{color:#73528f;background:#c3a0dd19}html[data-theme=light] .family-game-mode a[aria-current=page]{color:#fff}html[data-theme=light] .family-type-label{color:#337d79}html[data-theme=light] .family-arcade .arcade-turn{color:#6c428e}html[data-theme=light] .tic-cell,html[data-theme=light] .slide-cell{background:linear-gradient(#fff,#e4e9f8);color:#46648c;border-color:#b2bdd8;box-shadow:inset 0 2px #fff,0 5px 0 #c1cde0}html[data-theme=light] .tic-cell.mark-X{color:#2183a3}html[data-theme=light] .tic-cell.mark-O{color:#a66b2c}html[data-theme=light] .slide-empty{background:#dce5ef;box-shadow:inset 0 3px 10px #49627a1c}html[data-theme=light] .word-drawing{stroke:#496c8d}html[data-theme=light] .code-input input{background:#fff;color:#344f6b}html[data-theme=light] .code-exact{color:#28735e}html[data-theme=light] .code-near{color:#986c19}@media(max-width:540px){.four-board{padding:10px;gap:6px}.four-drop{gap:6px}.tic-board{gap:9px}.slide-board{gap:8px}.code-history>div{padding:12px;gap:10px}.code-history strong{font-size:20px;letter-spacing:2px}.word-drawing{width:160px}.word-layout>div{min-width:100%}}
.family-tree-overview{margin:30px 0}.tree-scroll{overflow:auto;border:1px solid #7ab4c454;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#4e9cba13,transparent 75%),#081d2c66;max-height:740px}.tree-canvas{position:relative;margin:0 auto}.tree-connections{position:absolute;inset:0;overflow:visible;pointer-events:none}.tree-parent-line{fill:none;stroke:#79c8c7;stroke-width:2.5;opacity:.8}.tree-partner-line{fill:none;stroke:#cd9fd8;stroke-width:2;stroke-dasharray:6 5;opacity:.8}.tree-person-node{position:absolute;width:180px;height:104px;box-sizing:border-box;padding:12px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:3px 10px;border:1px solid #7dbfce99;border-radius:13px;background:linear-gradient(145deg,#254a60,#0c263d);box-shadow:inset 0 2px #e3faff30,0 4px 0 #051c2b,0 10px 18px #0003;color:#e5f7ff;text-decoration:none}.tree-person-node strong{font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-person-node>span:last-child{font-size:10px;color:#a1c9d7}.tree-person-initial{grid-row:1/3;display:grid;place-items:center;width:35px;height:43px;border-radius:9px;background:linear-gradient(145deg,#7ac3cc44,#255269);font-weight:800;color:#bfe9f0}.family-person{scroll-margin-top:120px}.family-form progress{width:100%;height:19px;accent-color:#c37acb}.family-form [data-upload-status]{font-size:14px;line-height:1.8;color:var(--ref-muted)}.family-upload-errors{padding-left:20px;color:#e7a6ba;font-size:12px;line-height:1.8}.family-form :disabled{opacity:.55}.family-form [hidden]{display:none!important}html[data-theme=light] .tree-scroll{background:#eff8fb;border-color:#a9ccd7}html[data-theme=light] .tree-person-node{background:linear-gradient(#fff,#e7f3f9);color:#31536f;border-color:#9ebdce;box-shadow:inset 0 2px #fff,0 4px 0 #c5d9e6,0 10px 18px #30577617}html[data-theme=light] .tree-person-node>span:last-child{color:#567d91}html[data-theme=light] .tree-person-initial{color:#3c6f83;background:#b0d5e44d}html[data-theme=light] .family-upload-errors{color:#a34260}
.tree-person-node strong{white-space:normal;max-height:40px;line-height:1.4}.tree-profile-details>.family-generation{margin:18px}.tree-profile-details>summary{font-size:15px}