@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{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button,a,input,textarea{outline-offset:5px}:is(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{max-width:100%;display:block}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);background:var(--white);border:1px solid #b9c3c7;border-radius:0;width:100%;min-width:0;padding:13px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}small{font-size:13px}.site-header{justify-content:space-between;align-items:center;gap:30px;max-width:1440px;min-height:108px;margin:auto;padding:26px 5%;display:flex}.brand{font-family:var(--serif);letter-spacing:.12em;align-items:center;gap:18px;padding:0;font-size:30px;display:flex}.brand span{letter-spacing:.08em;border-left:1px solid var(--line);padding-left:18px;font-size:13px}.site-header nav{gap:32px;display:flex}.site-header nav button{color:var(--muted);padding:12px 0;font-size:14px;position:relative}.site-header nav button.active{color:var(--ink)}.site-header nav button.active:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%}.account{align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.status-dot{background:#557e63;border-radius:50%;width:6px;height:6px}.main{max-width:1440px;margin:auto;padding:12px 5% 80px}.album-opening{background:var(--white);isolation:isolate;grid-template-columns:1fr 1fr;min-height:650px;animation:1s both open-page;display:grid}.photo-page{background:var(--blue);color:#f2f2e9;flex-direction:column;padding:25px 34px 21px;display:flex;position:relative}.photo-label,.photo-caption,.letter-date,.letter-bottom{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.photo-label{color:#d0d9db;margin-bottom:20px}.hero-photo{background:#1a3040;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-photo img{object-fit:contain;width:100%;height:590px;min-height:420px;max-height:62vh;transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.hero-photo:hover img{transform:translateY(-4px)}.photo-open{background:var(--paper);color:var(--ink);opacity:0;align-items:center;gap:6px;padding:10px 12px;font-size:13px;transition:all .25s;display:flex;position:absolute;bottom:15px;right:15px;transform:translateY(10px)}:is(.hero-photo:hover .photo-open,.hero-photo:focus-visible .photo-open){opacity:1;transform:none}.photo-caption{padding-top:20px}.letter-page{flex-direction:column;padding:28px 52px 22px;display:flex;position:relative}.letter-date{color:var(--muted)}.names{flex:1;align-items:center;padding:32px 0 24px;display:flex}.names h1{letter-spacing:.12em;width:100%;font-size:clamp(58px,6.6vw,96px);font-weight:400;line-height:1.18;position:relative}.names .yunxia{text-align:right;padding-top:10px;display:block}.amp{color:var(--gold);letter-spacing:0;font-family:Georgia,serif;font-size:.65em;font-style:italic;font-weight:400;line-height:1;position:absolute;top:44%;left:40%}.home-copy{padding:0 0 40px}.home-copy p{font-family:var(--serif);letter-spacing:.06em;font-size:clamp(20px,2vw,27px);line-height:1.85}.home-copy>span{color:var(--muted);margin-top:14px;font-size:14px;display:block}.text-link{align-items:center;gap:20px;min-height:44px;padding:4px 0;font-size:15px;display:inline-flex}.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{color:var(--gold);font:italic 22px Georgia,serif}.birthday-section{grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:70px 0 65px;display:grid}.birthday-intro{align-items:center;gap:28px;display:flex}.date-emblem{color:var(--gold);border-right:1px solid #d8c9aa;flex-direction:column;padding:0 21px 0 0;font-family:Georgia,serif;font-size:31px;line-height:1.05;display:flex}.date-emblem span{margin-top:9px}.birthday-intro h2{letter-spacing:.08em;font-size:28px}.birthday-intro p{color:var(--muted);margin:8px 0 2px;font-size:14px}.small{gap:8px;font-size:13px}.countdown{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.countdown strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-family:Georgia,serif;font-size:clamp(35px,4.4vw,62px);font-weight:400;line-height:1.1}.countdown>div>span{color:var(--muted);margin-top:12px;font-size:13px;display:block}.countdown>p{color:var(--muted);letter-spacing:.06em;grid-column:1/-1;font-size:12px}.home-paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.path{text-align:left;background:#e7e9e2;justify-content:space-between;align-items:center;min-height:270px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.path>div:first-child{z-index:1}.path span{color:var(--muted);font-size:13px}.path h2{margin:12px 0;font-size:32px}.path p{font-size:14px}.path svg{margin-top:22px}.path:hover{background:#dfe4de}.mini-photo{background:var(--white);width:120px;padding:7px 7px 25px;transition:transform .5s;transform:rotate(7deg)translate(10px)}.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;margin-left:10px;position:relative}.game-art span{color:var(--ink);font-size:48px;font-family:var(--serif);border:1px solid var(--ink);text-align:center;background:var(--paper);border-radius:50%;width:94px;height:94px;line-height:90px;position:absolute;top:0;right:0;transform:rotate(10deg)}.game-art i{background:var(--ink);border-radius:50%;width:53px;height:53px;position:absolute;bottom:0;left:0}.game-art b{color:var(--gold);font-size:65px;font-weight:400;position:absolute;bottom:3px;right:5px}.site-footer{max-width:1440px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 5% 35px;font-size:13px;display:flex}.site-footer span{align-items:center;gap:10px;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:50px 0;display:flex}.section-note{color:var(--muted);font-size:13px}.page-heading h1{letter-spacing:.06em;margin:16px 0 15px;font-size:56px}.page-heading p{color:var(--muted);font-size:16px}.title-count{color:var(--gold);vertical-align:top;letter-spacing:0;padding-left:20px;font:20px Georgia,serif}.button{background:var(--ink);color:var(--paper);border:0;border-radius:0;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:15px 23px;font-size:14px;display:inline-flex}.button:hover{background:#36576a}.button svg{width:18px}.plain{min-height:44px;padding:12px 18px}.full{width:100%}.photo-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.photo-tile{background:var(--white);padding:12px 12px 0}.tile-image{background:#e8e8df;width:100%;padding:0;display:block;position:relative;overflow:hidden}.tile-image img{object-fit:contain;width:100%;height:360px;transition:transform .6s}.tile-image:hover img{transform:translateY(-5px)}.tile-image>span{background:var(--paper);align-items:center;gap:5px;padding:8px 12px;font-size:13px;display:flex;position:absolute;bottom:10px;right:10px}.tile-caption{justify-content:space-between;align-items:flex-start;gap:10px;padding:20px 4px;display:flex}.tile-caption h2{overflow-wrap:anywhere;font-size:19px;line-height:1.6}.tile-caption p{color:var(--muted);margin-top:7px;font-size:13px}.icon-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.icon-button:hover{background:var(--surface)}.add-photo-tile{background:#e9ece6;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;display:flex}.add-photo-tile small{color:var(--muted)}.game-selection{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.game-choice{text-align:left;background:#e7e9e3;padding:32px;overflow:hidden}.game-choice.gomoku{background:#e1e6e8}.game-choice.xiangqi{background:#ece7db}.choice-art{justify-content:center;align-items:center;height:175px;margin-bottom:30px;display:flex}.choice-art>span{letter-spacing:0;font-family:Georgia,serif;font-size:125px}.choice-art>span>i{color:var(--gold);font-size:100px;font-style:normal;display:inline-block;transform:translate(12px,10px)}.choice-art .stones{align-items:center;gap:20px;display:flex}.choice-art .stones i,.choice-art .stones b{background:var(--ink);border-radius:50%;width:75px;height:75px;display:block;transform:translateY(-12px)}.choice-art .stones b{background:var(--white);border:1px solid #c6ced1;transform:translateY(12px)}.choice-art .chess-token{font-family:var(--serif);border:2px solid var(--ink);text-align:center;outline:1px solid var(--ink);outline-offset:6px;border-radius:50%;width:110px;height:110px;font-size:65px;line-height:100px}.game-choice h2{margin:14px 0;font-size:30px}.game-choice p,.game-choice>div>span:not(.text-link){color:var(--muted);font-size:13px}.game-choice .text-link{margin-top:22px}.game-choice:hover .choice-art{transform:translateY(-6px)}.choice-art{transition:transform .35s}.join-section{justify-content:space-between;align-items:center;gap:30px;margin:55px 0;padding:35px 0;display:flex}.join-section h2{margin-bottom:8px;font-size:24px}.join-section p{color:var(--muted);font-size:14px}.join-section form{gap:10px;width:45%;max-width:450px;display:flex}.join-section input{letter-spacing:.1em}.recent-rooms h2{margin-bottom:20px;font-size:24px}.recent-rooms>button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:24px;width:100%;padding:20px 0;display:flex}.recent-rooms small{color:var(--muted);flex:1}.room-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:40px;display:grid}.board-panel{background:#ecebe2;padding:24px 34px}.board-top{justify-content:space-between;margin-bottom:25px;font-size:14px;display:flex}.connection{color:#416552;font-size:13px}.connection.offline{color:var(--danger)}.board-caption{color:var(--muted);justify-content:space-between;min-height:25px;margin-top:24px;font-size:13px;display:flex}.board-caption b{color:var(--danger)}.board{grid-template-columns:repeat(var(--n),1fr);aspect-ratio:1;width:100%;max-width:600px;margin:0 auto;display:grid}.board>button{aspect-ratio:1;opacity:1;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.ttt-board{gap:8px;max-width:450px}.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:"";background:#a19782;height:1px;position:absolute;top:50%;left:0;right:0}.gomoku-board>button:after{content:"";background:#a19782;width:1px;position:absolute;top:0;bottom:0;left:50%}.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{z-index:1;border-radius:50%;width:83%;height:83%;position:relative}.gomoku-board .s0{background:#213742}.gomoku-board .s1{background:#fffef6;border:1px solid #bbb7a6}.last .stone:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}.ttt-board .last{background:#e2e8e6}.ttt-board .last .stone:after{display:none}.stone{animation:.22s ease-out place}.xiangqi-board{aspect-ratio:9/10;isolation:isolate;background:#e3d5ba;grid-template-columns:repeat(9,1fr);max-width:560px;margin:auto;display:grid;position:relative}.xiangqi-board:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#94836b 1px,#0000 1px),linear-gradient(#94836b 1px,#0000 1px);background-size:12.5% 11.111%;border:1px solid #94836b;position:absolute;inset:5% 5.555%}.river{height:10%;font-family:var(--serif);z-index:-1;color:#6f624e;background:#e3d5ba;border-block:1px solid #94836b;justify-content:space-around;align-items:center;font-size:23px;display:flex;position:absolute;top:45%;left:5.555%;right:5.555%}.palace{z-index:-1;background:linear-gradient(to top right,#0000 calc(50% - .5px),#94836b 50%,#0000 calc(50% + .5px)),linear-gradient(to top left,#0000 calc(50% - .5px),#94836b 50%,#0000 calc(50% + .5px));width:22.222%;height:20%;position:absolute;left:38.888%}.palace.top{top:5%}.palace.bottom{bottom:5%}.xiangqi-square{aspect-ratio:1;justify-content:center;align-items:center;padding:4%;display:flex;position:relative;opacity:1!important}.piece{width:95%;height:95%;font-family:var(--serif);background:#faf1da;border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(18px,2.4vw,33px);display:flex;position:relative;box-shadow:0 2px #b6a483}.piece:after{content:"";opacity:.3;border:1px solid;border-radius:50%;position:absolute;inset:4px}.piece.red{color:#a3423d}.piece.black{color:#273a3f}.selected .piece{background:#f2d597;transform:translateY(-3px)}.xiangqi-square.last{background:#c2c5a3}.room-code>span{color:var(--muted);font-size:13px;display:block}.room-code strong{letter-spacing:.12em;margin:9px 0;font-family:Georgia,serif;font-size:30px;font-weight:400;display:block}.players{margin:25px 0}.player{align-items:center;gap:12px;padding:14px 8px;display:flex}.player.current{background:#e4e9e5}.player-stone{background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.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{color:var(--muted);margin-top:5px;display:block}.player>span:last-child{color:var(--muted);font-size:12px}.turn-message{margin:25px 0}.turn-message h2{font-size:25px}.turn-message p{color:var(--muted);margin-top:9px;font-size:14px}.game-actions{flex-wrap:wrap;gap:12px;display:flex}.game-actions button{background:#e3e7e4;min-height:44px;padding:8px 12px;font-size:14px}.rules{margin-top:28px;font-size:13px}.rules summary{cursor:pointer;padding:12px 0}.rules p{color:var(--muted);margin-top:12px;line-height:1.9}.offer{background:#e1e6db;margin:20px 0;padding:20px}.offer p{margin-bottom:10px;font-size:14px}.offer>div{gap:15px;display:flex}.birthday-letter{min-height:140px;font-family:var(--serif);text-align:left;background:#e8e6d7;align-items:center;gap:18px;padding:25px;line-height:2;transition:transform .5s,background .5s;display:flex}.birthday-letter.opened{background:#e7d8b5;transform:rotate(-1deg)}.entry{text-align:center;background:var(--blue);min-height:100svh;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.entry-mark{font-family:var(--serif);letter-spacing:.2em;font-size:42px}.entry-mark span{font-family:var(--sans);letter-spacing:.1em;margin-top:20px;font-size:13px;display:block}.entry h1{margin:50px 0 20px;font-size:32px}.entry p{color:#c3cfd0;margin-bottom:30px}.entry .button{background:var(--paper);color:var(--ink)}.loading-panel{background:var(--surface);text-align:center;padding:80px 20px}.modal{color:var(--ink);background:var(--paper);border:0;width:calc(100% - 32px);max-width:540px;max-height:90svh;padding:30px;overflow:auto;box-shadow:0 20px 70px #0c223d33}.modal::backdrop{background:#142b3dcc}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-head h2{font-size:24px;line-height:1.5}.modal.wide{max-width:1000px}.photo-form{flex-direction:column;gap:24px;display:flex}.photo-form label{flex-direction:column;gap:10px;font-size:13px;display:flex}.photo-form p{font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.file-drop{text-align:center;cursor:pointer;background:#e4e9e5;align-items:center;padding:28px 18px;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.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{align-items:center;gap:15px;font-size:13px;display:flex}.upload-progress progress{width:100%;accent-color:var(--ink);height:6px}.lightbox{grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;display:grid}.lightbox>img{object-fit:contain;background:#e5e5da;width:100%;height:68svh}.lightbox h3{overflow-wrap:anywhere;font-size:25px;line-height:1.6}.lightbox-info p{color:var(--muted);margin:15px 0;font-size:14px}.lightbox-actions{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.lightbox-actions button{background:#e6e9e3;min-height:44px;padding:12px;font-size:13px}.lightbox-actions .danger{color:var(--danger)}.lightbox-nav{justify-content:space-between;align-items:center;margin-top:35px;font-size:13px;display:flex}.confirm-actions{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.destructive{background:var(--danger)}.account-note{color:var(--muted);margin:20px 0 30px}.toast{background:var(--ink);color:var(--paper);z-index:100;width:max-content;max-width:90vw;padding:15px 24px;font-size:14px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.sr-only{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute!important}@keyframes open-page{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}@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{gap:15px;padding:24px 4%}.site-header nav{gap:20px}.brand{gap:10px;font-size:27px}.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{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:25px}.board-panel{padding:20px}.piece{font-size:23px}.river{font-size:18px}}@media (max-width:700px){.site-header{grid-template-columns:1fr auto;gap:16px;padding:20px 5% 14px;display:grid}.brand span{letter-spacing:0;border:0;padding:0;font-size:12px;display:block}.brand{gap:12px;font-size:28px}.site-header nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:15px}.site-header nav button{min-height:44px;font-size:14px}.account{grid-area:1/2;font-size:12px}.main{padding:8px 5% 45px}.album-opening{flex-direction:column;min-height:0;display:flex}.letter-page{order:-1;padding:22px 24px 24px}.letter-date{font-size:12px}.names{padding:25px 0 18px}.names h1{letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:57px;display:flex}.names .yunxia{padding:0;display:inline}.amp{margin:0 6px;font-size:38px;position:static}.home-copy{padding-bottom:0}.home-copy p{letter-spacing:.03em;font-size:20px;line-height:1.8}.home-copy p br{display:none}.home-copy>span{margin-top:9px;font-size:13px}.home-copy .text-link{margin-top:14px;font-size:14px}.letter-bottom{display:none}.photo-page{padding:18px 18px 17px}.photo-label{margin-bottom:14px;font-size:12px}.hero-photo img{aspect-ratio:2/3;object-fit:contain;height:auto;min-height:0;max-height:none}.photo-caption{padding-top:16px;font-size:12px}.photo-open{opacity:1;padding:7px 9px;font-size:12px;transform:none}.birthday-section{grid-template-columns:1fr;gap:28px;padding:40px 0}.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{margin-top:5px;font-size:12px}.home-paths{grid-template-columns:1fr;gap:16px}.path{min-height:235px;padding:27px}.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{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:5px 5% 27px;font-size:12px}.site-footer>span:first-child{flex-basis:100%}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:20px;margin:28px 0 30px}.page-heading h1{margin:13px 0;font-size:39px}.page-heading p{font-size:14px}.page-heading>.button{min-height:44px;padding:12px 18px}.photo-grid{grid-template-columns:1fr;gap:20px}.tile-image img{object-fit:contain;width:100%;height:auto;max-height:540px}.add-photo-tile{min-height:220px}.game-selection{grid-template-columns:1fr;gap:16px}.game-choice{align-items:center;gap:25px;padding:25px 22px;display:flex}.choice-art{flex-shrink:0;width:100px;height:140px;margin:0}.game-choice h2{margin:8px 0;font-size:26px}.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{margin:32px 0;padding:10px 0;display:block}.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{flex-direction:column;gap:25px;display:flex}.board-panel{padding:15px 10px}.board-top{margin-bottom:18px;padding:0 4px;font-size:13px}.board-caption{margin-top:18px;padding:0 4px;font-size:12px}.board>button{touch-action:manipulation;min-height:0}.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{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.room-code strong{font-size:24px}.room-code .text-link{margin-left:auto}.players{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.player{flex-wrap:wrap;gap:8px;padding:12px 6px}.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{max-height:92svh;padding:20px}.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{font-size:13px;bottom:20px}}@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{scroll-behavior:auto!important;transition:none!important;animation:none!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{top:43%;left:35%}.gomoku-board .pending{outline:2px solid var(--gold);outline-offset:-2px;background:#f4dfaf}.confirm-move{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:13px;display:flex}.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{flex-shrink:0;width:100px}.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{top:44%;left:34%}}@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);gap:22px;padding:11px 18px}.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:.8s cubic-bezier(.22,1,.36,1) both unfold}.photo-label{animation-delay:40ms}.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{transition:none!important;animation:none!important}}