@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--ink:#213c4c;--paper:#f7f5ed;--surface:#eeede4;--muted:#647177;--blue:#213c4c;--gold:#b99757;--line:#d7dbd8;--white:#fffef9;--danger:#a3423d;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button{transition:transform .2s,background-color .2s,color .2s}button:active:not(:disabled){transform:translateY(2px)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}p{line-height:1.9}svg{flex-shrink:0}input,textarea{color:var(--ink);border:1px solid #b9c3c7;border-radius:0;background:var(--white);padding:13px;min-width:0;width:100%}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}small{font-size:13px}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:30px;min-height:108px}.brand{display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:30px;letter-spacing:.12em;padding:0}.brand span{font-size:13px;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:18px}.site-header nav{display:flex;gap:32px}.site-header nav button{padding:12px 0;font-size:14px;position:relative;color:var(--muted)}.site-header nav button.active{color:var(--ink)}.site-header nav button.active:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--ink);position:absolute;left:50%;bottom:0}.account{display:flex;align-items:center;gap:10px;font-size:13px;min-height:44px}.status-dot{width:6px;height:6px;background:#557e63;border-radius:50%}.main{max-width:1440px;margin:auto;padding:12px 5% 80px}.album-opening{display:grid;grid-template-columns:1fr 1fr;background:var(--white);min-height:650px;isolation:isolate;animation:open-page 1s both}.photo-page{background:var(--blue);padding:25px 34px 21px;display:flex;flex-direction:column;color:#f2f2e9;position:relative}.photo-label,.photo-caption,.letter-date,.letter-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.photo-label{margin-bottom:20px;color:#d0d9db}.hero-photo{width:100%;padding:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;background:#1a3040;min-height:0}.hero-photo img{height:590px;max-height:62vh;min-height:420px;width:100%;object-fit:contain;transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.hero-photo:hover img{transform:translateY(-4px)}.photo-open{position:absolute;right:15px;bottom:15px;background:var(--paper);color:var(--ink);padding:10px 12px;display:flex;gap:6px;align-items:center;font-size:13px;opacity:0;transform:translateY(10px);transition:.25s}.hero-photo:hover .photo-open,.hero-photo:focus-visible .photo-open{opacity:1;transform:none}.photo-caption{padding-top:20px}.letter-page{padding:28px 52px 22px;display:flex;flex-direction:column;position:relative}.letter-date{color:var(--muted)}.names{flex:1;display:flex;align-items:center;padding:32px 0 24px}.names h1{font-size:clamp(58px,6.6vw,96px);letter-spacing:.12em;line-height:1.18;font-weight:400;width:100%;position:relative}.names .yunxia{display:block;text-align:right;padding-top:10px}.amp{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:.65em;line-height:1;left:40%;top:44%;color:var(--gold);font-weight:400;letter-spacing:0}.home-copy{padding:0 0 40px}.home-copy p{font-family:var(--serif);font-size:clamp(20px,2vw,27px);line-height:1.85;letter-spacing:.06em}.home-copy>span{display:block;color:var(--muted);font-size:14px;margin-top:14px}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:4px 0;font-size:15px}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(3px,-3px)}.home-copy .text-link{margin-top:26px}.letter-bottom{color:var(--muted);padding-top:10px}.little-monogram{font:italic 22px Georgia,serif;color:var(--gold)}.birthday-section{padding:70px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.birthday-intro{display:flex;align-items:center;gap:28px}.date-emblem{font-family:Georgia,serif;font-size:31px;line-height:1.05;display:flex;flex-direction:column;color:var(--gold);padding:0 21px 0 0;border-right:1px solid #d8c9aa}.date-emblem span{margin-top:9px}.birthday-intro h2{font-size:28px;letter-spacing:.08em}.birthday-intro p{font-size:14px;color:var(--muted);margin:8px 0 2px}.small{font-size:13px;gap:8px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.countdown strong{font-family:Georgia,serif;font-size:clamp(35px,4.4vw,62px);font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.countdown>div>span{display:block;font-size:13px;color:var(--muted);margin-top:12px}.countdown>p{grid-column:1/-1;font-size:12px;color:var(--muted);letter-spacing:.06em}.home-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path{display:flex;text-align:left;align-items:center;justify-content:space-between;padding:30px 35px;min-height:270px;overflow:hidden;position:relative;background:#e7e9e2}.path>div:first-child{z-index:1}.path span{font-size:13px;color:var(--muted)}.path h2{font-size:32px;margin:12px 0}.path p{font-size:14px}.path svg{margin-top:22px}.path:hover{background:#dfe4de}.mini-photo{width:120px;transform:rotate(7deg) translate(10px);padding:7px 7px 25px;background:var(--white);transition:transform .5s}.mini-photo img{aspect-ratio:2/3;object-fit:contain}.path:hover .mini-photo{transform:rotate(2deg) translate(5px)}.game-path{background:#e5e9ec}.game-art{width:145px;height:150px;position:relative;margin-left:10px}.game-art span{position:absolute;font-size:48px;color:var(--ink);font-family:var(--serif);border:1px solid var(--ink);border-radius:50%;width:94px;height:94px;text-align:center;line-height:90px;right:0;top:0;background:var(--paper);transform:rotate(10deg)}.game-art i{position:absolute;left:0;bottom:0;width:53px;height:53px;background:var(--ink);border-radius:50%}.game-art b{position:absolute;bottom:3px;right:5px;font-size:65px;color:var(--gold);font-weight:400}.site-footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 5% 35px;color:var(--muted);font-size:13px}.site-footer span{display:flex;align-items:center;gap:10px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:50px 0;gap:24px}.section-note{font-size:13px;color:var(--muted)}.page-heading h1{font-size:56px;margin:16px 0 15px;letter-spacing:.06em}.page-heading p{font-size:16px;color:var(--muted)}.title-count{font:20px Georgia,serif;color:var(--gold);vertical-align:top;padding-left:20px;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:var(--paper);padding:15px 23px;min-height:48px;font-size:14px;border:0;border-radius:0}.button:hover{background:#36576a}.button svg{width:18px}.plain{padding:12px 18px;min-height:44px}.full{width:100%}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.photo-tile{background:var(--white);padding:12px 12px 0}.tile-image{display:block;width:100%;padding:0;position:relative;overflow:hidden;background:#e8e8df}.tile-image img{width:100%;height:360px;object-fit:contain;transition:transform .6s}.tile-image:hover img{transform:translateY(-5px)}.tile-image>span{position:absolute;bottom:10px;right:10px;background:var(--paper);padding:8px 12px;font-size:13px;display:flex;align-items:center;gap:5px}.tile-caption{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:20px 4px}.tile-caption h2{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.tile-caption p{font-size:13px;color:var(--muted);margin-top:7px}.icon-button{padding:10px;min-width:44px;min-height:44px;display:inline-flex;justify-content:center;align-items:center}.icon-button:hover{background:var(--surface)}.add-photo-tile{min-height:300px;background:#e9ece6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.add-photo-tile small{color:var(--muted)}.game-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-choice{text-align:left;background:#e7e9e3;padding:32px;overflow:hidden}.game-choice.gomoku{background:#e1e6e8}.game-choice.xiangqi{background:#ece7db}.choice-art{height:175px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.choice-art>span{font-family:Georgia,serif;font-size:125px;letter-spacing:0}.choice-art>span>i{font-style:normal;font-size:100px;color:var(--gold);display:inline-block;transform:translate(12px,10px)}.choice-art .stones{display:flex;gap:20px;align-items:center}.choice-art .stones i,.choice-art .stones b{display:block;width:75px;height:75px;background:var(--ink);border-radius:50%;transform:translateY(-12px)}.choice-art .stones b{background:var(--white);transform:translateY(12px);border:1px solid #c6ced1}.choice-art .chess-token{font-family:var(--serif);font-size:65px;width:110px;height:110px;border:2px solid var(--ink);border-radius:50%;text-align:center;line-height:100px;outline:1px solid var(--ink);outline-offset:6px}.game-choice h2{font-size:30px;margin:14px 0}.game-choice p,.game-choice>div>span:not(.text-link){font-size:13px;color:var(--muted)}.game-choice .text-link{margin-top:22px}.game-choice:hover .choice-art{transform:translateY(-6px)}.choice-art{transition:transform .35s}.join-section{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:55px 0;padding:35px 0}.join-section h2{font-size:24px;margin-bottom:8px}.join-section p{font-size:14px;color:var(--muted)}.join-section form{display:flex;gap:10px;width:45%;max-width:450px}.join-section input{letter-spacing:.1em}.recent-rooms h2{font-size:24px;margin-bottom:20px}.recent-rooms>button{display:flex;width:100%;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-align:left}.recent-rooms small{color:var(--muted);flex:1}.room-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:40px}.board-panel{background:#ecebe2;padding:24px 34px}.board-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:25px}.connection{color:#416552;font-size:13px}.connection.offline{color:var(--danger)}.board-caption{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:24px;min-height:25px}.board-caption b{color:var(--danger)}.board{display:grid;grid-template-columns:repeat(var(--n),1fr);width:100%;aspect-ratio:1;margin:0 auto;max-width:600px}.board>button{padding:0;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;opacity:1}.ttt-board{max-width:450px;gap:8px}.ttt-board>button{background:var(--paper);font-family:Georgia,serif;font-size:90px;line-height:1}.s1{color:var(--gold)}.gomoku-board{background:#dfd3b8}.gomoku-board>button:before{content:"";position:absolute;left:0;right:0;height:1px;top:50%;background:#a19782}.gomoku-board>button:after{content:"";position:absolute;top:0;bottom:0;width:1px;left:50%;background:#a19782}.gomoku-board>button:nth-child(15n+1):before{left:50%}.gomoku-board>button:nth-child(15n):before{right:50%}.gomoku-board>button:nth-child(-n+15):after{top:50%}.gomoku-board>button:nth-child(n+211):after{bottom:50%}.gomoku-board .stone{width:83%;height:83%;z-index:1;border-radius:50%;position:relative}.gomoku-board .s0{background:#213742}.gomoku-board .s1{background:#fffef6;border:1px solid #bbb7a6}.last .stone:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);left:calc(50% - 2.5px);top:calc(50% - 2.5px)}.ttt-board .last{background:#e2e8e6}.ttt-board .last .stone:after{display:none}.stone{animation:place .22s ease-out}.xiangqi-board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:9/10;background:#e3d5ba;max-width:560px;margin:auto;isolation:isolate}.xiangqi-board:before{content:"";position:absolute;inset:5% 5.555%;border:1px solid #94836b;background-image:linear-gradient(to right,#94836b 1px,transparent 1px),linear-gradient(to bottom,#94836b 1px,transparent 1px);background-size:12.5% 11.111%;z-index:-2}.river{position:absolute;top:45%;height:10%;left:5.555%;right:5.555%;background:#e3d5ba;border-block:1px solid #94836b;display:flex;justify-content:space-around;align-items:center;font-family:var(--serif);font-size:23px;z-index:-1;color:#6f624e}.palace{position:absolute;left:38.888%;width:22.222%;height:20%;background:linear-gradient(to top right,transparent calc(50% - .5px),#94836b 50%,transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),#94836b 50%,transparent calc(50% + .5px));z-index:-1}.palace.top{top:5%}.palace.bottom{bottom:5%}.xiangqi-square{aspect-ratio:1;position:relative;padding:4%;display:flex;align-items:center;justify-content:center;opacity:1!important}.piece{width:95%;height:95%;display:flex;justify-content:center;align-items:center;border:1px solid currentColor;border-radius:50%;font-family:var(--serif);font-size:clamp(18px,2.4vw,33px);background:#faf1da;box-shadow:0 2px #b6a483;position:relative}.piece:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%;opacity:.3}.piece.red{color:#a3423d}.piece.black{color:#273a3f}.selected .piece{background:#f2d597;transform:translateY(-3px)}.xiangqi-square.last{background:#c2c5a3}.room-code>span{display:block;font-size:13px;color:var(--muted)}.room-code strong{display:block;font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:.12em;margin:9px 0}.players{margin:25px 0}.player{display:flex;align-items:center;gap:12px;padding:14px 8px}.player.current{background:#e4e9e5}.player-stone{width:34px;height:34px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--paper);font-family:var(--serif);font-size:18px}.player-stone.side-1{background:var(--white);color:var(--ink);border:1px solid #c6cece}.player>div{flex:1}.player strong{font-size:15px;font-weight:400}.player small{display:block;color:var(--muted);margin-top:5px}.player>span:last-child{font-size:12px;color:var(--muted)}.turn-message{margin:25px 0}.turn-message h2{font-size:25px}.turn-message p{font-size:14px;margin-top:9px;color:var(--muted)}.game-actions{display:flex;gap:12px;flex-wrap:wrap}.game-actions button{min-height:44px;font-size:14px;padding:8px 12px;background:#e3e7e4}.rules{margin-top:28px;font-size:13px}.rules summary{cursor:pointer;padding:12px 0}.rules p{margin-top:12px;color:var(--muted);line-height:1.9}.offer{padding:20px;background:#e1e6db;margin:20px 0}.offer p{font-size:14px;margin-bottom:10px}.offer>div{display:flex;gap:15px}.birthday-letter{background:#e8e6d7;padding:25px;display:flex;gap:18px;align-items:center;min-height:140px;font-family:var(--serif);line-height:2;text-align:left;transition:transform .5s,background .5s}.birthday-letter.opened{background:#e7d8b5;transform:rotate(-1deg)}.entry{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:var(--blue);color:var(--paper)}.entry-mark{font-family:var(--serif);font-size:42px;letter-spacing:.2em}.entry-mark span{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.1em;margin-top:20px}.entry h1{font-size:32px;margin:50px 0 20px}.entry p{color:#c3cfd0;margin-bottom:30px}.entry .button{background:var(--paper);color:var(--ink)}.loading-panel{padding:80px 20px;background:var(--surface);text-align:center}.modal{border:0;color:var(--ink);background:var(--paper);padding:30px;max-width:540px;width:calc(100% - 32px);max-height:90svh;overflow:auto;box-shadow:0 20px 70px #0c223d33}.modal::backdrop{background:#142b3dcc}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head h2{font-size:24px;line-height:1.5}.modal.wide{max-width:1000px}.photo-form{display:flex;flex-direction:column;gap:24px}.photo-form label{font-size:13px;display:flex;flex-direction:column;gap:10px}.photo-form p{font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-drop{position:relative;text-align:center;align-items:center;padding:28px 18px;background:#e4e9e5;cursor:pointer;overflow:hidden}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop small{color:var(--muted)}.file-drop>span{overflow-wrap:anywhere;max-width:100%}.form-error{color:var(--danger);font-size:14px}.upload-progress{display:flex;gap:15px;align-items:center;font-size:13px}.upload-progress progress{width:100%;accent-color:var(--ink);height:6px}.lightbox{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.lightbox>img{width:100%;height:68svh;object-fit:contain;background:#e5e5da}.lightbox h3{font-size:25px;line-height:1.6;overflow-wrap:anywhere}.lightbox-info p{font-size:14px;margin:15px 0;color:var(--muted)}.lightbox-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.lightbox-actions button{padding:12px;min-height:44px;background:#e6e9e3;font-size:13px}.lightbox-actions .danger{color:var(--danger)}.lightbox-nav{display:flex;align-items:center;justify-content:space-between;margin-top:35px;font-size:13px}.confirm-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.destructive{background:var(--danger)}.account-note{margin:20px 0 30px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:15px 24px;font-size:14px;z-index:100;max-width:90vw;width:max-content}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes open-page{0%{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}@keyframes place{0%{transform:scale(.7)}to{transform:scale(1)}}@media(min-width:1600px){.hero-photo img{max-height:640px}}@media(max-width:1000px){.site-header{padding:24px 4%;gap:15px}.site-header nav{gap:20px}.brand{font-size:27px;gap:10px}.brand span{display:none}.main{padding:5px 4% 60px}.photo-page{padding:20px}.letter-page{padding:24px 30px}.hero-photo img{min-height:410px;max-height:530px}.names h1{font-size:70px}.home-copy p{font-size:23px}.birthday-section{gap:20px}.birthday-intro{gap:18px}.countdown{gap:10px}.path{padding:25px}.path h2{font-size:27px}.mini-photo{width:90px}.photo-grid{grid-template-columns:repeat(2,1fr)}.game-choice{padding:25px}.choice-art{height:140px}.room-layout{gap:25px;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.board-panel{padding:20px}.piece{font-size:23px}.river{font-size:18px}}@media(max-width:700px){.site-header{padding:20px 5% 14px;display:grid;grid-template-columns:1fr auto;gap:16px}.brand span{display:block;border:0;font-size:12px;padding:0;letter-spacing:0}.brand{gap:12px;font-size:28px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:15px}.site-header nav button{font-size:14px;min-height:44px}.account{grid-column:2;grid-row:1;font-size:12px}.main{padding:8px 5% 45px}.album-opening{display:flex;flex-direction:column;min-height:0}.letter-page{order:-1;padding:22px 24px 24px}.letter-date{font-size:12px}.names{padding:25px 0 18px}.names h1{font-size:57px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center}.names .yunxia{display:inline;padding:0}.amp{position:static;font-size:38px;margin:0 6px}.home-copy{padding-bottom:0}.home-copy p{font-size:20px;line-height:1.8;letter-spacing:.03em}.home-copy p br{display:none}.home-copy>span{font-size:13px;margin-top:9px}.home-copy .text-link{margin-top:14px;font-size:14px}.letter-bottom{display:none}.photo-page{padding:18px 18px 17px}.photo-label{font-size:12px;margin-bottom:14px}.hero-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:2/3;object-fit:contain}.photo-caption{font-size:12px;padding-top:16px}.photo-open{opacity:1;transform:none;padding:7px 9px;font-size:12px}.birthday-section{padding:40px 0;grid-template-columns:1fr;gap:28px}.birthday-intro{gap:22px}.birthday-intro h2{font-size:26px}.birthday-intro p{font-size:13px}.date-emblem{font-size:29px}.countdown{gap:15px;padding:5px 0}.countdown strong{font-size:46px}.countdown>div>span{margin-top:9px}.countdown>p{font-size:12px;margin-top:5px}.home-paths{grid-template-columns:1fr;gap:16px}.path{padding:27px;min-height:235px}.path h2{font-size:29px}.mini-photo{width:110px}.game-art{width:120px}.game-art span{width:80px;height:80px;font-size:40px;line-height:76px}.site-footer{padding:5px 5% 27px;flex-wrap:wrap;justify-content:space-between;font-size:12px;gap:16px}.site-footer>span:first-child{flex-basis:100%}.page-heading{margin:28px 0 30px;align-items:flex-start;flex-wrap:wrap;gap:20px}.page-heading h1{font-size:39px;margin:13px 0}.page-heading p{font-size:14px}.page-heading>.button{padding:12px 18px;min-height:44px}.photo-grid{gap:20px;grid-template-columns:1fr}.tile-image img{height:auto;max-height:540px;width:100%;object-fit:contain}.add-photo-tile{min-height:220px}.game-selection{grid-template-columns:1fr;gap:16px}.game-choice{display:flex;gap:25px;padding:25px 22px;align-items:center}.choice-art{width:100px;height:140px;flex-shrink:0;margin:0}.game-choice h2{font-size:26px;margin:8px 0}.game-choice>div>span:not(.text-link),.game-choice p{font-size:12px}.choice-art>span{font-size:78px}.choice-art>span>i{font-size:68px;transform:translate(4px,13px)}.choice-art .stones{gap:8px}.choice-art .stones i,.choice-art .stones b{width:44px;height:44px}.choice-art .chess-token{width:75px;height:75px;font-size:43px;line-height:70px}.game-choice .text-link{margin-top:8px;font-size:14px}.join-section{display:block;margin:32px 0;padding:10px 0}.join-section h2{font-size:23px}.join-section form{width:100%;max-width:none;margin-top:22px}.recent-rooms{margin-top:40px}.recent-rooms>button{gap:12px}.recent-rooms small{font-size:12px}.room-layout{display:flex;flex-direction:column;gap:25px}.board-panel{padding:15px 10px}.board-top{padding:0 4px;font-size:13px;margin-bottom:18px}.board-caption{font-size:12px;margin-top:18px;padding:0 4px}.board>button{min-height:0;touch-action:manipulation}.ttt-board{gap:5px}.ttt-board>button{font-size:70px}.gomoku-board{width:100%}.piece{font-size:23px}.piece:after{inset:3px}.river{font-size:17px}.room-sidebar{padding:0 3px}.room-code{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.room-code strong{font-size:24px}.room-code .text-link{margin-left:auto}.players{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.player{padding:12px 6px;gap:8px;flex-wrap:wrap}.player>span:last-child{width:100%;padding-left:42px}.player-stone{width:30px;height:30px}.turn-message h2{font-size:24px}.game-actions{justify-content:space-between}.game-actions button{flex:1;font-size:13px}.modal{padding:20px;max-height:92svh}.modal-head h2{font-size:21px}.form-row{grid-template-columns:1fr}.lightbox{grid-template-columns:1fr;gap:18px}.lightbox>img{height:auto;max-height:58svh}.lightbox h3{font-size:21px}.lightbox-info p{margin:10px 0}.lightbox-nav{margin-top:20px}.entry h1{font-size:25px}.birthday-letter{font-size:16px}.toast{bottom:20px;font-size:13px}}@media(max-width:360px){.names h1{font-size:48px}.amp{font-size:30px}.letter-page{padding-inline:18px}.piece{font-size:19px}.countdown strong{font-size:39px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-photo:hover img,.path:hover .mini-photo,.game-choice:hover .choice-art{transform:none}}.board{grid-template-rows:repeat(var(--n),minmax(0,1fr))}.board>button{min-width:0;min-height:0}.xiangqi-board{grid-template-rows:repeat(10,minmax(0,1fr))}.amp{left:35%;top:43%}.gomoku-board .pending{outline:2px solid var(--gold);outline-offset:-2px;background:#f4dfaf}.confirm-move{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:12px;font-size:13px}.confirm-move .button{padding:10px 16px}.photo-tile img{min-height:160px}@media(max-width:1000px)and (min-width:701px){.path{padding:24px 20px}.game-art{width:100px;flex-shrink:0}.game-art span{width:70px;height:70px;font-size:37px;line-height:65px}.game-art b{font-size:53px}.game-art i{width:42px;height:42px}.path p{font-size:13px}.path>div:first-child{min-width:0}.names .amp{left:34%;top:44%}}@media(max-width:700px){.home-copy p br{display:initial}.home-copy p{font-size:20px}.names .amp{position:static}.gomoku-board .stone{width:80%;height:80%}}:root{--muted:#56666c;--gold:#886b36}.home-copy .text-link{background:var(--ink);color:var(--paper);padding:11px 18px;gap:22px}.little-monogram{color:#886b36}.photo-label,.photo-caption,.letter-date,.names,.home-copy p,.home-copy>span,.home-copy>.text-link,.letter-bottom,.birthday-intro,.countdown,.home-paths>.path{animation:unfold .8s cubic-bezier(.22,1,.36,1) both}.photo-label{animation-delay:.04s}.names{animation-delay:.1s}.home-copy p{animation-delay:.18s}.home-copy>span{animation-delay:.24s}.home-copy>.text-link{animation-delay:.3s}.letter-bottom,.photo-caption{animation-delay:.35s}.birthday-intro,.countdown{animation-delay:.4s}.home-paths>.path{animation-delay:.45s}@keyframes unfold{0%{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--paper:#f4f1e8;--white:#fffdf7;--ink:#263f49;--blue:#263f49;--muted:#5c696c;--gold:#98723b;--surface:#e9e5d8;--accent:#a14e3b}.upgrade{padding-top:5px}.site-header{padding-block:24px 20px;min-height:100px}.site-header nav{gap:27px}.brand{font-size:32px}.site-header nav button{font-size:14px}.postcard-hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:640px;background:var(--white);position:relative}.hero-letter{padding:42px 42px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.postmark{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:42px}.hero-letter h1{font-family:var(--serif);font-size:clamp(38px,4.3vw,61px);font-weight:400;line-height:1.5;letter-spacing:.015em;margin:0 0 24px}.hero-letter h1>span{white-space:nowrap}.hero-letter>p{font-size:15px;line-height:2.1;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:22px;margin:32px 0 48px}.hero-actions .button{padding:15px 21px}.hero-actions .text-link{font-size:14px;gap:10px;white-space:nowrap}.letter-signature{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:auto}.handwritten{font:italic 28px Georgia,serif;color:var(--gold);transform:rotate(-4deg)}.letter-signature>span:last-child{font-size:12px;color:var(--muted)}.hero-art{position:relative;background:#ded9c7;margin:20px 20px 20px 0;display:flex;align-items:center;overflow:hidden}.hero-art>img{height:100%;width:100%;object-fit:cover;min-height:590px}.art-caption{position:absolute;bottom:21px;left:0;right:0;text-align:center;font-family:var(--serif);font-size:14px;color:#f7f0de}.art-stamp{position:absolute;top:22px;right:22px;width:80px;height:100px;background:#f9f4e7;outline:1px solid #e5dac3;outline-offset:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);color:#8c6b3c;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.art-stamp>span{font-family:var(--serif);font-size:27px;writing-mode:vertical-rl;letter-spacing:3px}.art-stamp small{font-size:10px;letter-spacing:1px;margin-top:10px}.chapter-note{font-size:12px;line-height:1.8;color:var(--muted)}.memory-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:125px 3% 115px;align-items:center}.memory-prints{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.print-back{position:absolute;left:0;top:10px;transform:rotate(-10deg);width:68%;background:#e5ddc5;padding:12px 12px 45px}.print-back img{width:100%;aspect-ratio:1;object-fit:cover}.print-front{position:absolute;right:0;top:35px;width:70%;background:var(--white);padding:12px;transform:rotate(6deg);transition:transform .5s;box-shadow:2px 9px 15px #263f4910;text-align:left}.print-front:hover{transform:rotate(2deg) translateY(-7px)}.print-front img{width:100%;aspect-ratio:1;object-fit:cover}.print-front>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--serif);font-size:12px;padding:19px 3px 9px;line-height:1.8}.little-ticket{position:absolute;left:0;bottom:5px;background:var(--ink);color:var(--paper);font-size:13px;padding:12px 25px;transform:rotate(-4deg)}.memory-story h2{font-size:clamp(38px,4vw,55px);line-height:1.5;margin:22px 0;letter-spacing:.05em}.memory-story p{font-size:15px;color:var(--muted);line-height:2}.memory-story>.text-link{margin:22px 0 10px;gap:30px}.privacy-note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-top:15px}.together-strip{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);padding:60px 65px;min-height:480px;gap:35px;overflow:hidden}.together-strip .chapter-note{color:#c8cfca}.together-strip h2{font-size:48px;line-height:1.5;margin:24px 0}.together-strip p{color:#d2d5cc;font-size:15px;line-height:2}.button.light{background:#f4eedc;color:var(--ink);margin-top:28px}.correspondence{display:flex;align-items:center;justify-content:center;position:relative}.envelope{width:300px;height:215px;background:#c4b38b;position:relative;transform:rotate(7deg);margin-top:75px}.letter-insert{position:absolute;left:20px;right:20px;bottom:10px;height:285px;background:#f5f0df;transform:rotate(-7deg);padding:25px 35px}.letter-insert>span{font-family:var(--serif);font-size:43px;line-height:1.45;color:var(--ink);letter-spacing:.15em}.letter-insert small{font-size:9px;display:block;margin-top:17px;letter-spacing:.1em;color:#85704b}.envelope-fold{position:absolute;inset:0;background:#dccda9;clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}.envelope-fold:after{content:"";position:absolute;inset:0;background:#e6d9b9;clip-path:polygon(0 100%,50% 35%,100% 100%)}.wax-seal{position:absolute;left:calc(50% - 26px);top:110px;width:52px;height:52px;background:#9c4f3d;color:#f5ead4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:26px;border:4px double #b8765a;transform:rotate(-12deg)}.game-marks{position:absolute;bottom:-10px;left:0;display:flex;gap:8px;transform:rotate(-8deg)}.game-marks>span{display:flex;align-items:center;justify-content:center;background:#f4eedf;color:var(--ink);height:55px;width:55px;border-radius:50%;font-family:var(--serif);font-size:30px}.private-chapter{display:grid;grid-template-columns:.85fr 1.2fr;gap:12%;align-items:center;padding:110px 8%}.private-photo{max-width:310px;width:100%;transform:rotate(-5deg);padding:12px 12px 28px;background:var(--white);position:relative}.private-photo:before{content:"";position:absolute;width:100px;height:25px;background:#d6cba899;top:-12px;left:calc(50% - 50px);transform:rotate(4deg)}.private-photo button{padding:0;width:100%}.private-photo img{width:100%;max-height:440px;object-fit:contain}.closed-album{background:#677d75;min-height:330px;padding:38px;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f6efdf;border-left:8px solid #4c635d}.closed-album>span{font-family:var(--serif);font-size:40px;line-height:1.5;letter-spacing:.05em;text-align:center}.closed-album small{font-size:12px;margin:27px 0 20px}.private-story h2{font-size:39px;line-height:1.5;margin:20px 0}.private-story p{font-size:14px;color:var(--muted)}.private-story>.text-link{margin-top:20px}.birthday-private{margin-top:28px;padding:24px;background:#e9e7dc}.birthday-private h3{font-size:20px;display:flex;justify-content:space-between;gap:15px}.birthday-private h3 span{font:16px Georgia,serif;color:var(--gold)}.birthday-mini{display:flex;gap:18px;margin-top:20px}.birthday-mini>span{font-size:11px;color:var(--muted)}.birthday-mini b{font:29px Georgia,serif;color:var(--ink);padding-right:5px}.birthday-private .birthday-letter{font-size:14px;min-height:100px;padding:15px;margin-top:20px}.closing-note{text-align:center;background:#e4e7df;padding:52px 25px 40px;position:relative}.closing-note>svg{color:var(--gold);margin:auto}.closing-note>p{font-family:var(--serif);font-size:27px;line-height:1.9;margin-top:19px}.closing-note>p>span{font-size:20px}.closing-note>.text-link{margin-top:15px;font-size:13px}.site-footer{padding-top:25px}.footer-wordmark{font-family:var(--serif);font-size:33px;letter-spacing:.15em}.private-access{text-align:center;min-height:62vh;padding:75px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.private-access h1{font-size:35px}.private-access p{font-size:15px;color:var(--muted)}.session-warning{padding:12px;background:#e9dfcc;font-size:13px;margin-bottom:16px}.session-warning button{padding:8px;text-decoration:underline}.puzzle-game-banner{display:flex;align-items:center;width:100%;background:#e1e6df;padding:0;text-align:left;margin-bottom:35px;gap:40px;overflow:hidden}.puzzle-game-banner>img{width:260px;height:230px;object-fit:cover}.puzzle-game-banner>div{flex:1}.puzzle-game-banner h2{font-size:34px;margin:10px 0}.puzzle-game-banner p,.puzzle-game-banner>div>span:first-child{font-size:13px;color:var(--muted)}.banner-pieces{font:32px Georgia,serif;line-height:1.5;padding-right:45px;color:var(--gold)}.puzzle-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px;margin:20px 0 45px}.puzzle-heading>.text-link{grid-column:1/-1;font-size:13px;margin-bottom:10px;justify-self:start}.puzzle-heading h1{font-size:46px;margin:12px 0}.puzzle-heading p{font-size:15px;color:var(--muted);line-height:1.9}.puzzle-scope{display:flex;flex-direction:column;gap:7px;text-align:right;font-size:13px;padding-bottom:5px}.puzzle-scope small{font-size:12px;color:var(--muted)}.puzzle-setup{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:6%;align-items:start}.crop-panel{padding:24px;background:#e7e4d7}.preview-title{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:18px;color:var(--muted)}.crop-window{aspect-ratio:1;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.crop-window canvas{width:100%;height:100%;display:block}.crop-guides{position:absolute;inset:0;border:1px solid #fffff988;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#fff8 33.2%,#fff8 33.4%,transparent 33.5%,transparent 66.5%,#fff8 66.6%,#fff8 66.8%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#fff8 33.2%,#fff8 33.4%,transparent 33.5%,transparent 66.5%,#fff8 66.6%,#fff8 66.8%,transparent 66.9%)}.crop-caption{font-size:12px;color:var(--muted);margin-top:13px;overflow-wrap:anywhere}.crop-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.crop-sliders label{font-size:12px;display:flex;flex-direction:column;gap:12px}.crop-sliders input[type=range]{padding:0;border:0;background:none;accent-color:var(--ink);width:100%;height:28px}.crop-sliders>.text-link{grid-column:1/-1;justify-self:start;margin-top:-5px}.picture-loading{font-size:14px}.settings-section+.settings-section{margin-top:32px}.settings-section h2{font-size:25px;line-height:1.5;margin-bottom:10px}.settings-section p{font-size:14px;color:var(--muted)}.sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.sample-pair button{position:relative;padding:8px 8px 10px;text-align:left;background:#e8e5db;border:2px solid transparent}.sample-pair button[aria-pressed=true]{border-color:var(--ink);background:var(--white)}.sample-pair img{width:100%;aspect-ratio:1.6;object-fit:cover}.sample-pair span{display:block;font-size:12px;margin-top:10px}.sample-pair svg{position:absolute;right:10px;bottom:10px}.puzzle-upload{display:flex;align-items:center;gap:15px;padding:20px;background:#e2e6df;position:relative;margin-top:16px;cursor:pointer;overflow:hidden}.puzzle-upload>span{font-size:14px}.puzzle-upload small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.puzzle-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.puzzle-upload:focus-within{outline:2px solid var(--gold);outline-offset:3px}.difficulty{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.difficulty button{padding:17px 15px;background:#e9e6dd;text-align:left;border:2px solid transparent;min-height:90px}.difficulty button[aria-pressed=true]{background:var(--white);border-color:var(--ink)}.difficulty b{display:block;font:27px Georgia,serif;font-weight:400;margin-bottom:9px}.difficulty span{font-size:12px;color:var(--muted)}.retain-choice{display:flex;align-items:flex-start;gap:11px;margin:23px 0;font-size:13px;line-height:1.7;cursor:pointer}.retain-choice input{width:18px;height:18px;padding:0;margin-top:2px;accent-color:var(--ink);flex-shrink:0}.retain-choice small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.settings-section .puzzle-how{font-size:12px;line-height:1.9;margin-top:18px}.puzzle-how{font-size:13px;color:var(--muted);line-height:1.9}.puzzle-play-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:7%;align-items:start}.puzzle-table{background:#e5e1d2;padding:25px}.play-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:20px}.puzzle-board{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));grid-template-rows:repeat(var(--size),minmax(0,1fr));aspect-ratio:1;width:100%;gap:3px;background:#cec5ae;position:relative;touch-action:manipulation}.puzzle-board>button:not(.puzzle-hint){min-width:0;min-height:0;border:0;border-radius:0;position:relative;opacity:1;overflow:hidden;transition:transform .16s,outline .16s;cursor:grab;padding:0;background-repeat:no-repeat;touch-action:manipulation}.puzzle-board>button:active{cursor:grabbing}.puzzle-board>button>span{position:absolute;bottom:5px;right:5px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;background:#233d47cc;color:#fffbea;border-radius:50%;pointer-events:none}.puzzle-board>.tile-correct{box-shadow:inset 0 0 0 2px #d4b36f}.puzzle-board>.tile-selected{outline:4px solid #edc57e;outline-offset:-4px;z-index:2;transform:scale(.94)}.puzzle-board>button:focus-visible{outline:3px solid #fffdf7;outline-offset:-6px}.puzzle-hint{position:absolute;inset:0;width:100%;height:100%;padding:0;z-index:4;background:var(--ink);opacity:1!important}.puzzle-hint>img{width:100%;height:100%;object-fit:contain}.puzzle-hint>span{width:auto!important;height:auto!important;border-radius:0!important;bottom:15px!important;left:20px;right:20px!important;font-size:13px!important;padding:10px!important}.puzzle-paused{position:absolute;inset:0;background:#263f49f2;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:20px;z-index:5}.puzzle-paused h2{font-size:25px;text-align:center;line-height:1.8}.puzzle-paused .button{background:var(--paper);color:var(--ink)}.puzzle-status{font-size:13px;margin-top:18px;line-height:1.8;min-height:24px}.puzzle-progress{display:flex;gap:15px;align-items:center;font-size:12px;margin-top:16px}.puzzle-progress progress{accent-color:var(--ink);height:5px;width:100%}.play-stat{display:flex;flex-direction:column;gap:15px;padding:18px 0 30px}.play-stat>span{font-size:13px;color:var(--muted)}.play-stat>strong{font:62px Georgia,serif;font-variant-numeric:tabular-nums;font-weight:400}.play-stat b{font:21px Georgia,serif;padding:0 4px;color:var(--ink)}.play-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.play-controls button{background:#e5e7df;min-height:52px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px}.play-controls button:hover{background:#d8dfd4}.handwritten-note{background:#fdf9eb;padding:25px;transform:rotate(-3deg);margin:40px 0 30px;position:relative}.handwritten-note:before{content:"";position:absolute;left:34%;top:-9px;width:75px;height:18px;background:#d9cda888}.handwritten-note svg{color:var(--gold)}.handwritten-note p{font-family:var(--serif);font-size:26px;line-height:1.8;margin:15px 0}.handwritten-note>span{font-size:12px;color:var(--muted)}.puzzle-message{font-size:13px;line-height:1.8;margin:25px 0;color:var(--muted)}.puzzle-result{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:35px;background:#e6e5da}.result-photo{padding:13px 13px 22px;background:var(--white);transform:rotate(-3deg);animation:photo-unfold .65s cubic-bezier(.2,1,.3,1)}.result-photo>img{width:100%;aspect-ratio:1;object-fit:contain}.result-photo>span{display:block;font-family:var(--serif);text-align:center;font-size:15px;margin-top:22px}.result-letter{padding:15px}.result-seal{width:62px;height:62px;display:flex;justify-content:center;align-items:center;color:#a15a43;border:2px double #a15a43;border-radius:50%;margin-bottom:25px}.result-letter h2{font-size:35px;line-height:1.6;margin:16px 0}.result-letter>p{font-size:14px;color:var(--muted)}.result-stats{display:flex;justify-content:space-between;gap:20px;margin:30px 0}.result-stats>div{display:flex;flex-direction:column;gap:12px}.result-stats strong{font:30px Georgia,serif;font-weight:400}.result-stats span{font-size:12px;color:var(--muted)}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 23px}.result-actions>.text-link.small{flex-basis:100%}.local-records{margin-top:60px}.local-records h2{font-size:25px}.local-records p{font-size:13px;color:var(--muted);margin-top:10px}.local-records article{display:flex;gap:20px;align-items:center;margin-top:20px;padding:14px;background:var(--white)}.local-records article>img{height:75px;width:75px;object-fit:cover}.local-records article>div{flex:1;display:flex;flex-direction:column;gap:10px}.local-records strong{font-size:14px;font-weight:400}.local-records span{font-size:12px;color:var(--muted)}.local-records article button{min-width:44px;min-height:44px}.puzzle-confirm{position:fixed;inset:0;background:#18323ce6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}.puzzle-confirm>div{padding:30px;background:var(--paper);width:100%;max-width:470px}.puzzle-confirm h2{font-size:25px;line-height:1.7;margin-bottom:16px}.puzzle-confirm p{font-size:14px;line-height:1.9;color:var(--muted)}.puzzle-confirm>div>div{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}@keyframes photo-unfold{0%{transform:rotate(-10deg) scale(.92)}to{transform:rotate(-3deg) scale(1)}}@media(max-width:1100px){.hero-letter{padding:30px}.hero-letter h1{font-size:42px}.hero-actions{gap:15px;flex-wrap:wrap;margin-bottom:35px}.postcard-hero{min-height:600px}.hero-art>img{min-height:560px}.postmark{margin-bottom:30px}.memory-feature{gap:6%;padding-block:90px}.memory-prints{height:360px}.memory-story h2{font-size:39px}.together-strip{padding:45px}.private-chapter{padding-inline:5%;gap:8%}.puzzle-heading h1{font-size:40px}.puzzle-setup{gap:4%;grid-template-columns:1fr 1fr}.crop-panel{padding:18px}.puzzle-settings h2{font-size:22px}.puzzle-result{gap:4%;padding:25px}.result-letter{padding:5px}.result-letter h2{font-size:29px}.result-stats strong{font-size:27px}}@media(max-width:800px){.site-header nav{gap:17px}.brand span{display:none}.hero-letter h1{font-size:36px}.hero-letter{padding:25px}.hero-letter>p{font-size:13px}.hero-actions .button{font-size:13px;padding:13px 15px}.postcard-hero{min-height:560px}.hero-art>img{min-height:520px}.art-stamp{width:60px;height:80px;top:20px;right:20px}.art-stamp>span{font-size:21px}.art-stamp small{font-size:8px}.letter-signature{flex-direction:column;align-items:flex-start;gap:12px}.memory-prints{height:310px}.memory-story h2{font-size:34px}.memory-story p{font-size:13px}.privacy-note{align-items:flex-start;line-height:1.8}.memory-feature{padding-inline:1%;gap:5%}.little-ticket{font-size:11px;padding:10px 16px}.print-front>span{font-size:11px;padding-block:12px 5px}.together-strip{padding:35px;gap:20px}.together-strip h2{font-size:39px}.together-strip p{font-size:13px}.envelope{width:235px;height:175px}.letter-insert{height:245px;left:14px;right:14px;padding:22px}.letter-insert>span{font-size:35px}.wax-seal{top:88px}.game-marks>span{width:43px;height:43px;font-size:24px}.private-story h2{font-size:32px}.closed-album{min-height:280px;padding:25px}.private-story p{font-size:13px}.private-chapter{gap:6%}.birthday-mini{gap:11px}.birthday-mini b{font-size:23px}.puzzle-heading{grid-template-columns:1fr}.puzzle-scope{text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px 18px}.puzzle-play-layout{gap:5%;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.puzzle-table{padding:18px}.play-stat>strong{font-size:48px}.play-controls{grid-template-columns:1fr}.handwritten-note{padding:22px;margin-top:30px}.handwritten-note p{font-size:23px}.puzzle-game-banner{gap:25px}.puzzle-game-banner>img{width:210px;height:215px}.puzzle-game-banner h2{font-size:29px}.banner-pieces{font-size:26px;padding-right:25px}}@media(max-width:700px){.site-header{padding:18px 5% 12px;gap:12px}.brand span{display:block;font-size:11px}.site-header nav{gap:8px}.site-header nav button{font-size:12px;min-height:43px}.site-header .account{font-size:12px;min-height:40px}.postcard-hero{display:flex;flex-direction:column;min-height:0}.hero-letter{padding:27px 23px 25px}.postmark{font-size:11px;margin-bottom:24px;gap:8px}.hero-letter h1{font-size:36px;line-height:1.55;margin-bottom:18px}.hero-letter>p{font-size:13px;line-height:2}.desktop-br{display:none}.hero-actions{margin:23px 0 28px;gap:15px}.hero-actions .text-link{font-size:13px}.hero-actions .button{font-size:13px;min-height:47px;padding:13px 15px;gap:12px}.letter-signature{flex-direction:row;align-items:center;gap:15px}.handwritten{font-size:24px}.letter-signature>span:last-child{font-size:10px}.hero-art{margin:0 14px 14px;min-height:0;aspect-ratio:1.13}.hero-art>img{height:100%;width:100%;min-height:0;object-fit:cover}.art-caption{font-size:12px;bottom:15px}.art-stamp{height:75px;width:55px;right:17px;top:18px}.art-stamp>span{font-size:20px}.art-stamp small{font-size:8px;margin-top:6px}.memory-feature{display:flex;flex-direction:column;padding:60px 0;gap:35px}.memory-prints{width:100%;height:330px;max-width:400px}.print-back{left:5%;width:61%;top:5px;padding:10px 10px 30px}.print-front{right:5%;width:64%;top:22px;padding:10px}.print-front>span{font-size:10px;line-height:1.8;padding:13px 1px 4px}.little-ticket{bottom:5px;left:3%;padding:10px 18px;font-size:11px}.memory-story{width:100%;padding:0 14px}.chapter-note{font-size:11px}.memory-story h2{font-size:36px;line-height:1.5;margin:16px 0}.memory-story p{font-size:14px}.memory-story>.text-link{margin-top:18px}.privacy-note{font-size:11px}.together-strip{display:flex;flex-direction:column;padding:30px 25px;gap:10px;min-height:0}.together-strip h2{font-size:36px;margin:18px 0}.together-strip p{font-size:13px}.button.light{margin-top:22px}.correspondence{min-height:320px;margin:0 0 10px}.envelope{width:240px;height:180px;margin-top:75px}.letter-insert{height:250px;padding:26px}.letter-insert>span{font-size:36px}.game-marks{left:0;bottom:5px}.private-chapter{padding:65px 10px;display:flex;flex-direction:column;gap:45px}.private-photo{width:220px;padding:10px 10px 22px}.closed-album{min-height:255px;padding:25px}.closed-album>span{font-size:33px}.closed-album small{font-size:10px;margin:19px 0}.private-story{width:100%;padding:0 3px}.private-story h2{font-size:33px;margin:16px 0}.private-story p{font-size:13px}.birthday-private{padding:22px;margin-top:25px}.birthday-mini{justify-content:space-between;gap:10px}.birthday-mini b{font-size:30px}.closing-note{padding:35px 18px 30px}.closing-note>p{font-size:24px;line-height:1.8;margin-top:15px}.closing-note>p>span{font-size:17px}.closing-note>.text-link{font-size:12px}.site-footer{padding-top:10px;gap:18px}.site-footer>span:first-child{flex-basis:auto}.site-footer>span:nth-child(2){font-size:11px}.site-footer>span:last-child{font-size:11px;width:100%;justify-content:flex-end}.footer-wordmark{font-size:30px}.private-access{padding:50px 10px;gap:22px}.private-access h1{font-size:27px;line-height:1.7}.private-access p{font-size:13px}.puzzle-game-banner{gap:20px;margin-bottom:22px;align-items:center}.puzzle-game-banner>img{width:110px;height:200px;object-fit:cover}.puzzle-game-banner>div{padding:15px 12px 15px 0}.puzzle-game-banner h2{font-size:26px;margin:9px 0}.puzzle-game-banner p{font-size:12px;line-height:1.8}.puzzle-game-banner>div>span:first-child{font-size:10px;line-height:1.8;display:block}.puzzle-game-banner .text-link{font-size:13px;min-height:40px}.banner-pieces{display:none}.puzzle-heading{margin:16px 0 25px;gap:15px}.puzzle-heading>.text-link{margin-bottom:1px}.puzzle-heading h1{font-size:36px;margin:10px 0}.puzzle-heading p{font-size:13px}.puzzle-scope{font-size:11px;gap:5px;flex-direction:column}.puzzle-scope small{font-size:10px}.puzzle-setup{display:flex;flex-direction:column;gap:28px}.crop-panel{padding:15px;width:100%}.preview-title{font-size:11px;margin-bottom:13px}.crop-caption{font-size:11px}.crop-sliders{gap:14px;margin-top:17px}.crop-sliders label{font-size:12px}.crop-sliders input[type=range]{height:34px}.puzzle-settings{width:100%}.settings-section h2{font-size:24px}.settings-section p{font-size:13px}.sample-pair{margin-top:18px;gap:12px}.sample-pair span{font-size:11px}.puzzle-upload{padding:18px 14px}.puzzle-upload>span{font-size:13px}.puzzle-upload small{font-size:10px}.settings-section+.settings-section{margin-top:28px}.difficulty{gap:12px}.difficulty button{padding:16px 13px;min-height:90px}.difficulty b{font-size:27px}.difficulty span{font-size:11px}.retain-choice{font-size:12px;gap:10px;margin:21px 0}.retain-choice small{font-size:10px}.puzzle-play-layout{display:flex;flex-direction:column;gap:25px}.puzzle-table{padding:14px;width:100%}.play-top{font-size:11px;margin-bottom:14px}.puzzle-board{gap:3px}.puzzle-board>button>span{font-size:9px;height:18px;width:18px;bottom:4px;right:4px}.puzzle-status{font-size:12px;margin-top:14px;line-height:1.8}.puzzle-progress{font-size:11px;margin-top:12px}.play-notes{width:100%}.play-stat{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 5px 20px;align-items:center}.play-stat>strong{font-size:42px;grid-row:1/3;grid-column:2}.play-stat>span{font-size:12px}.play-controls{grid-template-columns:1fr 1fr;gap:10px}.play-controls button{font-size:12px;min-height:48px}.handwritten-note{margin:28px 10px;padding:20px 25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.handwritten-note svg{grid-column:2;grid-row:1/3}.handwritten-note p{font-size:22px;line-height:1.6;margin:0 0 8px}.handwritten-note>span{font-size:11px}.play-notes>.puzzle-how{font-size:12px;padding:0 5px}.puzzle-message{font-size:12px;margin-top:22px}.puzzle-result{display:flex;flex-direction:column;padding:24px 20px;gap:30px}.result-photo{width:100%;padding:10px 10px 18px}.result-photo>span{font-size:13px;margin-top:17px}.result-letter{padding:0;width:100%}.result-seal{height:50px;width:50px;margin-bottom:20px}.result-seal svg{width:24px}.result-letter h2{font-size:29px;margin:13px 0}.result-letter>p{font-size:13px}.result-stats{margin:25px 0;gap:17px}.result-stats strong{font-size:29px}.result-stats span{font-size:11px}.result-actions{gap:15px}.result-actions>.text-link{font-size:13px}.result-actions>.button{font-size:13px;min-height:46px;padding:12px 18px}.result-actions>.text-link.small{font-size:12px}.puzzle-paused h2{font-size:22px}.puzzle-hint>span{font-size:12px!important;left:12px;right:12px!important;padding:9px!important}.local-records{margin-top:40px}.local-records h2{font-size:24px}.local-records p{font-size:12px}.local-records article{gap:12px;padding:10px}.local-records article>img{width:65px;height:65px}.local-records strong{font-size:12px}.local-records span{font-size:11px}.puzzle-confirm>div{padding:25px}.puzzle-confirm h2{font-size:23px}.puzzle-confirm p{font-size:13px}.puzzle-confirm>div>div{gap:8px}}@media(max-width:360px){.hero-letter{padding:25px 20px}.hero-letter h1{font-size:31px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:12px}.hero-actions .text-link{font-size:12px}.letter-signature>span:last-child{font-size:9px}.handwritten{font-size:21px}.memory-prints{height:300px}.site-header nav button{font-size:11px}.result-letter h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.print-front:hover,.result-photo{transform:none}}.art-caption{background:#263f49e8;color:#fff9eb;padding:9px 12px;bottom:15px;left:16px;right:16px;font-size:13px}.postmark,.chapter-note,.print-front>span,.letter-signature>span:last-child,.privacy-note,.crop-caption,.puzzle-scope small,.puzzle-how,.sample-pair span,.puzzle-upload small,.difficulty span,.retain-choice small{font-size:13px}.hero-art>img{animation:art-reveal .9s cubic-bezier(.2,1,.3,1) both}.hero-letter h1,.hero-letter>p,.hero-actions{animation:letter-arrive .75s cubic-bezier(.2,1,.3,1) both}.hero-letter>p{animation-delay:.08s}.hero-actions{animation-delay:.16s}.letter-insert{transition:transform .45s,bottom .45s}.together-strip:hover .letter-insert{transform:rotate(-4deg) translateY(-12px)}@keyframes art-reveal{0%{clip-path:inset(0 0 8% 0);transform:scale(1.025)}to{clip-path:inset(0);transform:scale(1)}}@keyframes letter-arrive{0%{transform:translateY(14px)}to{transform:none}}@media(max-width:700px){.postmark,.chapter-note,.print-front>span,.letter-signature>span:last-child,.privacy-note,.crop-caption,.puzzle-scope small,.puzzle-how,.sample-pair span,.puzzle-upload small,.difficulty span,.retain-choice small{font-size:12px}.puzzle-heading{gap:10px;margin:10px 0 22px}.puzzle-heading>.text-link{margin-bottom:0}.puzzle-heading h1{font-size:33px;margin:6px 0}.puzzle-heading .chapter-note{display:none}.puzzle-heading>div>p{font-size:13px}.puzzle-scope{font-size:12px}.art-caption{font-size:12px;padding:8px;left:12px;right:12px;bottom:12px}.letter-signature>span:last-child{font-size:10px}.print-front>span{font-size:11px}.puzzle-board{max-width:500px;margin-inline:auto}.puzzle-progress{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.together-strip:hover .letter-insert{transform:rotate(-7deg)}}.puzzle-confirm{width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0}.puzzle-confirm::backdrop{background:transparent}.puzzle-confirm:not([open]){display:none}.crop-face-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}.button{white-space:nowrap;flex-shrink:0}.join-section input{flex:1;min-width:0}.game-choice .choice-art[aria-hidden]>span{font-size:125px}.game-choice .choice-art[aria-hidden]>.chess-token{font-size:65px}.game-choice .choice-art[aria-hidden]>.stones{font-size:0}@media(min-width:701px)and (max-width:1000px){.little-ticket{bottom:-20px;left:0}.memory-prints{margin-bottom:18px}.print-front>span{font-size:12px}}@media(max-width:700px){.game-choice .choice-art[aria-hidden]>span{font-size:78px}.game-choice .choice-art[aria-hidden]>.chess-token{font-size:43px}.game-choice .choice-art[aria-hidden]>.stones{font-size:0}.join-section .button{padding:15px 19px}}.free-birthday{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:75px 0;align-items:center;border-bottom:1px solid #1c37432a}.free-birthday h2{font-size:40px;margin:18px 0 22px}.free-birthday h2>span{font-family:Georgia,serif;font-size:22px;font-weight:400;display:block;letter-spacing:.16em;margin-top:12px;color:#805f30}.birthday-paper>p{line-height:1.9}.birthday-paper>small{display:block;margin-top:25px;color:#535d5d;font-size:13px}.free-countdown{display:flex;gap:22px}.free-countdown>div{display:flex;flex:1;flex-direction:column;gap:8px}.free-countdown strong{font:clamp(32px,4.7vw,66px)/1.1 Georgia,serif;font-variant-numeric:tabular-nums;color:#203b46}.free-countdown span{font-size:14px;color:#5f6664}.birthday-target{font-size:13px;margin:22px 0 26px;color:#5f6664}.birthday-local{font-size:12px;line-height:1.8;color:#5a6361;margin-top:14px}.free-birthday-letter{padding:28px;text-align:left;line-height:1.9;display:flex;gap:20px;align-items:center;border:1px solid #9b7b4b;background:#efe4d2;min-height:150px;width:100%;margin:24px 0;color:#203b46;transition:transform .25s}.free-birthday-letter.opened{transform:rotate(-1deg);background:#fffcf5}.free-birthday-letter svg{flex-shrink:0}.free-wish-editor{margin-top:20px;display:grid;gap:12px}.free-wish-editor textarea{width:100%;padding:14px;font:inherit;background:#fffdf7;border:1px solid #6b7777}.free-wish-editor>div{display:flex;gap:15px}.room-code strong{overflow-wrap:anywhere}.site-header nav{flex-wrap:wrap}.account{max-width:180px;overflow-wrap:anywhere}@media(max-width:700px){.free-birthday{grid-template-columns:1fr;gap:30px;padding:45px 0}.free-birthday h2{font-size:32px}.free-countdown{gap:12px}.free-countdown strong{font-size:44px}.free-birthday-letter{padding:22px}.site-header nav{gap:15px}.birthday-paper>p br{display:none}.birthday-paper>small{margin-top:15px}}@media(prefers-reduced-motion:reduce){.free-birthday-letter{transition:none}.free-birthday-letter.opened{transform:none}}