*{box-sizing:border-box;margin:0}.wrap{--bg:#0F241E;--felt:#1D4A3A;--line:rgba(217,180,91,.22);--line-strong:rgba(217,180,91,.45);--gold:#D9B45B;--gold-bright:#E8C878;--cream:#F0E7D2;--muted:#9FB3A6;--dim:#7E9187;--panel:rgba(18,40,33,.88);--serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;--display:"Cinzel",Georgia,serif;min-height:100vh;width:100%;background:radial-gradient(120% 90% at 50% 0%,#1a3e32,#122e26 48%,#0d211b);color:var(--cream);font-family:var(--serif);font-size:17px;padding:38px clamp(8px,2vw,20px) 30px;overflow-x:clip}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;border-bottom:1px solid var(--line);padding-bottom:10px;max-width:980px;margin:0 auto}.top h1{font-family:var(--display);font-size:clamp(15px,2.6vw,20px);font-weight:600;letter-spacing:.16em;color:var(--cream)}.top h1 span{color:var(--gold)}.scores{display:flex;gap:6px;font-size:13.5px;color:#c7bc9f;flex-wrap:wrap}.scores span{background:#0c1e19b3;border:1px solid var(--line);border-radius:999px;padding:2px 10px;white-space:nowrap}.newgame{font-size:12.5px!important;padding:5px 12px!important}.banner{text-align:center;font-size:clamp(15px,2.4vw,17.5px);margin:12px auto 2px;min-height:22px;font-style:italic;color:var(--cream)}.role{text-align:center;font-size:13.5px;color:var(--gold);margin-bottom:8px;letter-spacing:.04em}.table{position:relative;margin:8px auto 12px;width:clamp(300px,100%,720px);height:420px;background:radial-gradient(ellipse at 50% 42%,#2a5e4b,#1d4a3a 52%,#143229);border:2px solid #35564A;border-radius:50%/42%;box-shadow:inset 0 0 60px #00000080,inset 0 0 0 7px #0f241e99,0 0 0 1px var(--line),0 22px 44px #00000061}.seat{position:absolute;text-align:center;width:118px;transform:translate(-50%,-50%)}.seat .nm{white-space:nowrap;font-size:13px;line-height:1.4;background:#0a1a15d1;border:1px solid transparent;border-radius:999px;padding:2px 10px;display:inline-block;transition:border-color .25s,box-shadow .25s}.seat.turn .nm{color:var(--gold-bright);border-color:var(--line-strong);box-shadow:0 0 14px #d9b45b40}.seat .tag{white-space:nowrap;font-size:11px;color:var(--gold)}.seatrow{display:flex;gap:9px;justify-content:center;align-items:center;margin-top:6px}.cards{display:flex}.cards>svg{margin-right:-13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.pile{display:flex;align-items:center;cursor:pointer}.pile>svg{margin-right:-12px;transform:rotate(180deg);opacity:.9}.pilecount{margin-left:16px;font-size:11px;color:var(--gold)}.calledtag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-style:italic;color:var(--muted);opacity:.75;white-space:nowrap;letter-spacing:.05em}.played{position:absolute;transform:translate(-50%,-50%);animation:playIn .34s cubic-bezier(.2,.7,.3,1)}@keyframes playIn{0%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,-40px))) scale(.72) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.played svg.card{width:clamp(44px,7.5vw,58px);height:auto}.wincard svg{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px;filter:drop-shadow(0 0 8px rgba(217,180,91,.65))}.card{border-radius:6px;box-shadow:0 2px 5px #00000073,0 8px 18px #00000040;display:block;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card.playable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}@media(hover:hover){.card.playable:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 6px 10px #00000073,0 16px 30px #00000059}}.card.faded{opacity:.4}.hand{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:6px 0 2px;max-width:980px;margin:0 auto}.hand svg.card{width:clamp(58px,10.5vw,82px);height:auto}.panel{max-width:620px;margin:10px auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 12px 30px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel h3{font-family:var(--display);font-size:14px;font-weight:600;color:var(--gold);margin-bottom:9px;letter-spacing:.06em}.hint{font-size:14.5px;color:var(--muted);margin-bottom:11px;line-height:1.55}.wrap button{font-family:var(--serif);font-size:15px;font-weight:600;background:linear-gradient(180deg,#e4bc58,#c9a227);color:#17302a;border:none;border-radius:999px;padding:9px 20px;cursor:pointer;letter-spacing:.04em;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 3px 10px #0000004d}.wrap button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 6px 16px #00000059}.wrap button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.wrap button.ghost{background:transparent;color:#c7bc9f;border:1px solid #3D5C4F;box-shadow:none}.wrap button.ghost:hover{border-color:var(--line-strong);color:var(--cream)}.wrap button:disabled{opacity:.4;cursor:default}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.suitbtn{display:flex;align-items:center;gap:7px;background:#f6efdc;color:#2a2a2a;border-radius:10px;padding:9px 13px;cursor:pointer;font-size:15px;font-weight:600;border:2px solid transparent;transition:border-color .15s,transform .15s;box-shadow:0 2px 6px #00000040}.suitbtn:hover{border-color:var(--gold);transform:translateY(-1px)}.suitbtn small{color:#8a7b55;font-weight:400}.suitbtn.sel{border-color:var(--gold);box-shadow:0 0 0 3px #d9b45b40}.rankbtn{background:#f6efdc;color:#2a2a2a;border-radius:9px;padding:9px 13px;cursor:pointer;border:1px solid #C0B08A;font-size:14.5px;transition:border-color .15s,transform .15s}.rankbtn:hover{border-color:var(--gold);transform:translateY(-1px)}.rankbtn.own{opacity:.45}.yourturn{text-align:center;color:var(--gold);font-size:14.5px;margin:4px 0;letter-spacing:.08em;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.yourturn,.played{animation:none}}.brainbox{max-width:620px;margin:8px auto 0;font-size:13px;color:var(--muted);line-height:1.6;border-top:1px dashed #2B4840;padding-top:8px}.brainrow{margin-bottom:3px}.brainrow b{color:var(--gold);font-weight:600}.logbox{max-width:620px;margin:8px auto;font-size:13.5px;color:#a99d80;line-height:1.6;max-height:160px;overflow:auto;border-top:1px dashed #2B4840;padding-top:8px}.logbox::-webkit-scrollbar{width:8px}.logbox::-webkit-scrollbar-thumb{background:#2b4840;border-radius:4px}.toggle{display:block;margin:8px auto 0;background:none!important;border:none!important;color:var(--dim)!important;font-size:13px!important;cursor:pointer;text-decoration:underline;box-shadow:none!important;font-weight:400!important}.toggle:hover{color:var(--muted)!important;transform:none!important}.utilrow{display:flex;gap:4px 20px;justify-content:center;flex-wrap:wrap;margin-top:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050e0bbd;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#132b23;border:1px solid var(--line-strong);border-radius:16px;padding:20px 22px;max-width:600px;width:100%;max-height:84vh;overflow:auto;box-shadow:0 24px 60px #00000080}.modal h4{font-family:var(--display);color:var(--gold);font-size:16px;font-weight:600;margin-bottom:12px;letter-spacing:.06em}.modal p{font-size:15.5px;color:var(--cream);line-height:1.6;margin-bottom:10px}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-thumb{background:#2b4840;border-radius:4px}.playerhdr{font-size:15px;color:var(--gold);margin-top:10px}.trickrow{display:flex;gap:4px;margin:5px 0 8px;flex-wrap:wrap}.trickrow svg.card{width:38px;height:auto}.result{text-align:center}.result .big{font-family:var(--display);font-size:26px;font-weight:600;color:var(--gold);margin:6px 0 10px}.tallies{display:flex;justify-content:center;gap:14px;font-size:14.5px;margin:10px 0;flex-wrap:wrap}@media(max-width:1024px){.table{height:390px}}@media(max-width:640px){.wrap{padding:34px 6px 24px;font-size:16px}.role{font-size:12px}.table{height:320px;border-radius:50%/44%}.seat{width:76px}.seat .nm{font-size:11px;padding:1px 7px;white-space:normal}.seat .tag{white-space:normal}.utilrow{gap:2px 14px}.seat .tag{font-size:9.5px}.cards>svg{margin-right:-14px}.pilecount{font-size:9.5px;margin-left:13px}.played svg.card{width:clamp(40px,11vw,50px)}.hand{gap:4px}.hand svg.card{width:clamp(56px,11.5vw,74px)}.panel{padding:13px 12px;border-radius:12px}.scores{font-size:11.5px;gap:4px}.scores span{padding:1px 7px}.banner{min-height:20px}}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2) format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-italic-ClXnudBg.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-italic-DakTmaFY.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-italic-DVnfXoMy.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-italic-C9gO-8KC.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-italic-D3igDnAQ.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-italic-C-296ow0.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-italic-CE7zdTnu.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-italic-CalKM9tT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#FAF7F0;--card:#FFFFFF;--ink:#24281F;--body:#4A4E42;--soft:#565A4C;--faint:#7A7768;--line:#E7E0CE;--line2:#E0D5B2;--accent:#9A7B24;--accent-hi:#6E5717;--accent-line:#DECF9E;--ghost:#B4AE9C;--shadow:0 2px 10px rgba(60,52,20,.05)}:root[data-theme=dark]{--bg:#14150F;--card:#1C1E17;--ink:#EDE8D8;--body:#C4C0AE;--soft:#B0AC9A;--faint:#8B8776;--line:#2C2E24;--line2:#3A3B2E;--accent:#C9A961;--accent-hi:#E0C182;--accent-line:#4A452F;--ghost:#5C5A4C;--shadow:0 2px 12px rgba(0,0,0,.3)}html,body{margin:0;padding:0;background:var(--bg)}#root{min-height:100vh}.site{min-height:100vh;color:var(--ink);background:var(--bg);font-family:Cormorant Garamond,Iowan Old Style,Georgia,serif;font-size:18px;padding:72px 22px 40px;display:flex;flex-direction:column;align-items:center;transition:background-color .3s,color .3s}.themebtn{position:fixed;top:18px;right:20px;z-index:10;background:var(--bg);border:1px solid var(--line2);border-radius:999px;color:var(--faint);font-family:inherit;font-size:13px;letter-spacing:.1em;padding:5px 14px;cursor:pointer;box-shadow:0 2px 10px #00000014;transition:color .15s,border-color .15s}.themebtn:hover{color:var(--accent);border-color:var(--accent-line)}.themebtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:30px}.hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(30px,6vw,42px);font-weight:600;letter-spacing:.38em;margin:0 0 0 .38em;color:var(--ink);animation:rise .6s ease-out both}.rule{width:64px;height:1px;background:var(--accent);opacity:.55;animation:rise .6s .08s ease-out both}.tagline{color:var(--faint);font-size:17.5px;font-style:italic;margin:0;animation:rise .6s .16s ease-out both}.intro{max-width:560px;margin:0 0 50px;animation:rise .6s .24s ease-out both}.intro p{color:var(--body);line-height:1.75;font-size:18px;margin:0 0 14px}.intro p:first-child{color:var(--ink);font-size:19px;text-align:center}.intro p:last-child{margin-bottom:0}.about p{color:var(--body);font-size:16.5px;line-height:1.7;margin:0}.sec{width:100%;max-width:600px;margin-bottom:44px;animation:rise .6s .3s ease-out both}.sec h2{font-family:Cinzel,Georgia,serif;font-size:12.5px;font-weight:600;color:var(--accent);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:9px}.agrid{display:flex;flex-direction:column;gap:18px}.atitle{font-size:16.5px;color:var(--ink);font-weight:600;letter-spacing:.01em}.ablurb{color:var(--faint);font-size:15.5px;line-height:1.65;margin-top:3px}.seclead{color:var(--faint);font-size:15.5px;line-height:1.6;margin:0 0 16px}.proj{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:12px;box-shadow:var(--shadow)}.ptitle{font-size:18px;color:var(--ink);font-weight:600}.ptag{font-size:11px;color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;padding:1px 9px;margin-left:10px;vertical-align:2px;letter-spacing:.08em;font-weight:400}.pblurb{color:var(--soft);font-size:15.5px;line-height:1.62;margin-top:7px}.pblurb+.pblurb{margin-top:10px}.plinks{margin-top:13px;display:flex;gap:20px;flex-wrap:wrap}.plinks a{color:var(--accent);font-size:15.5px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent-line);padding-bottom:1px;transition:color .15s,border-color .15s}.plinks a:hover{color:var(--accent-hi);border-color:var(--accent)}.progress .bitem{border-left:2px solid var(--line2);padding:2px 0 2px 16px;margin-bottom:16px}.btitle{font-size:17px;color:var(--body);font-weight:600}.bblurb{color:var(--faint);font-size:15px;line-height:1.6;margin-top:2px;max-width:520px}.foot{width:100%;max-width:600px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px;text-align:center}.disclaimer{color:var(--ghost);font-size:12.5px;line-height:1.65;max-width:560px;margin:0 auto 16px}.credit{color:var(--ghost);font-size:12.5px;margin-bottom:8px}.domain{color:var(--ghost);font-size:12px;letter-spacing:.14em}.notfound{justify-content:center;text-align:center;gap:20px}.notfound h1{font-family:Cinzel,Georgia,serif;font-size:clamp(26px,5vw,34px);font-weight:600;letter-spacing:.38em;margin:0 0 0 .38em;color:var(--ink)}.lost{color:var(--faint);font-size:18px;font-style:italic;margin:0}.homelink{color:var(--accent);font-size:16.5px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent-line);padding-bottom:1px;transition:color .15s,border-color .15s}.homelink:hover{color:var(--accent-hi);border-color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero h1,.rule,.tagline,.intro,.sec{animation:none}}@media(max-width:640px){.site{padding:56px 18px 32px}.themebtn{top:14px;right:14px;font-size:12px;padding:4px 12px}.hero{gap:14px;margin-bottom:24px}.intro{margin-bottom:36px}.intro p{font-size:17px}.intro p:first-child{font-size:18px}.sec{margin-bottom:34px}.proj{padding:14px 16px}}.backlink{position:fixed;left:14px;top:12px;color:#7e9187;font-size:13px;cursor:pointer;text-decoration:underline;font-family:Georgia,serif;z-index:5}.backlink:hover{color:#9fb3a6}