/* Shared visual reference: the published October 24 Printer Shop's INK STYLE tokens. */
@font-face{font-family:World Sans;src:url('/home-assets/assets/plex-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fffbf2;--white:#fff;--ink:#1d2126;--muted:#5f646b;--line:#e3dccb;--soft:#f5efe2;--cobalt:#2f4bff;--cobalt-ink:#243ed8;--blue:#2f4bff;--pale:#f5efe2;--card-line:inset 0 0 0 1px var(--line);--radius:18px}
body{font-family:World Sans,Arial,sans-serif;font-size:14px;line-height:1.5}
.world-icon{fill:currentColor;stroke:none;width:17px;height:17px;flex:none}
.sidebar{background:var(--paper);border-color:var(--line);padding-top:27px}
.brand{font:800 24px/1.05 World Sans,Arial,sans-serif;letter-spacing:-.6px;gap:9px}
.brand img{height:42px;width:42px}
.brand-world{font:600 10px/1 World Sans,Arial,sans-serif;letter-spacing:2.5px;margin-top:7px}
.brand-dot{color:var(--cobalt);font:800 30px/1 World Sans,Arial,sans-serif}
.rail-caption{font-size:10px;letter-spacing:.6px;color:var(--muted);font-weight:600;margin-top:35px}
nav{gap:4px;padding:4px;background:var(--soft);border-radius:14px}
.nav-link{border-radius:10px;gap:11px;padding:11px 12px;font-size:13px;font-weight:600;color:var(--muted);min-height:43px}
.nav-link .world-icon{width:15px;height:15px;opacity:.82}
.nav-link.active{background:white;color:var(--ink);box-shadow:0 1px 3px #1e180a1c;font-weight:750}
.nav-link.active .world-icon{color:var(--cobalt);opacity:1}
.nav-link:hover{background:#ffffffb3;color:var(--ink)}
.nav-separator{margin:6px 8px;border-color:#e3d9c4}
.nav-count{background:#e6dcc6;color:var(--ink);border-radius:20px;font-size:10px;font-weight:750}
.rail-note{background:var(--soft);border:0;box-shadow:var(--card-line);border-radius:16px}
.rail-note strong{font-size:13px;font-weight:750}.rail-note p{font-size:12px}.rail-note a{font-size:12px}
.rail-note a .world-icon{width:13px;height:13px}
.settings-link{font-weight:650;font-size:12px;border-radius:10px;gap:9px}.settings-link:hover{background:var(--soft)}
.rail-footer{font-size:10px;color:var(--muted)}
.topbar{background:var(--paper);border-color:var(--line);gap:24px}
.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:650}
.search-trigger{font-size:13px;color:var(--muted)}.search-trigger .world-icon{width:14px;height:14px}
.search-trigger kbd{border-color:var(--line);border-radius:5px;color:var(--muted);background:#fff}
.preview-mark{display:inline-flex;gap:6px;align-items:center;background:var(--soft);border:0;border-radius:20px;font-size:10px;font-weight:650;padding:5px 9px;color:var(--muted)}
.preview-mark:before{content:'';width:5px;height:5px;background:var(--cobalt);border-radius:50%}
.icon-button{background:var(--soft);border-radius:12px}.icon-button:hover{background:#ebe3d1}
.icon-button .world-icon{width:15px;height:15px}.icon-button i{background:var(--cobalt);border-color:var(--paper)}
.avatar{background:var(--soft);border:0;box-shadow:var(--card-line);border-radius:12px}.avatar.small{border-radius:10px}
.avatar img{image-rendering:auto}.header-right{gap:12px}
main{padding-top:32px}
.page-heading{margin-bottom:25px}.page-heading h1{font:800 31px/1.2 World Sans,Arial,sans-serif;letter-spacing:-.7px;margin-bottom:8px}
.page-heading p{font-size:14px;line-height:1.6;color:var(--muted)}
.btn{font:700 13px/1.3 World Sans,Arial,sans-serif;border:0;border-radius:12px;min-height:42px;gap:9px;background:var(--cobalt);color:#fff;padding:11px 15px;box-shadow:none}
.btn:hover{background:var(--cobalt-ink);transform:none}.btn:active{transform:none}
.btn .world-icon{width:13px;height:13px}
.btn.light,.btn.gold{background:var(--soft);color:var(--ink);border:0}.btn.light:hover,.btn.gold:hover{background:#ebe3d1}
.btn.blue{background:var(--cobalt)}.btn.text{color:var(--cobalt);background:none;border-radius:0;min-height:36px}
.hero{border:0;box-shadow:var(--card-line);border-radius:18px;background:#e8eff3;min-height:285px}
.hero-copy{padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h2{font:800 35px/1.1 World Sans,Arial,sans-serif;letter-spacing:-.8px;margin-top:16px;margin-bottom:12px;max-width:350px}
.hero p{font-size:13px;line-height:1.65;color:#53636d;margin-bottom:22px;max-width:330px}
.hero .btn{font-size:12px;min-height:40px;border-radius:11px;padding:10px 13px}
.hero-art:after{background:linear-gradient(90deg,#e8eff3 0%,transparent 24%)}
.label{font-size:10px;letter-spacing:.5px;text-transform:none;font-weight:650;color:#5f7078;gap:7px}.label .world-icon{width:13px;height:13px}
.photo-caption{background:#fffaf0ed;color:var(--ink);border-radius:8px;font-size:10px;padding:5px 8px;display:flex;gap:5px;align-items:center}.photo-caption .world-icon{width:11px;height:11px;margin:0}
.profile-card,.panel,.friends-panel{background:#fff;border:0;box-shadow:var(--card-line);border-radius:16px}
.profile-card{padding:21px}.profile-card-head strong{font-size:16px;font-weight:750}.profile-card-head p{font-size:11px}
.tier{border:0;background:var(--soft);color:#655838;border-radius:20px;font:600 8px/1.3 World Sans,Arial,sans-serif;padding:3px 6px;letter-spacing:.15px}
.profile-progress{margin-top:22px}.progress-label{font-size:11px}.progress-label strong{font-size:12px;font-weight:700}.profile-progress p{font-size:11px}
.progress-track{background:var(--soft);height:6px}.progress-track i{background:var(--cobalt)}
.profile-stats{gap:25px;margin-top:19px;margin-bottom:16px}.profile-stats strong{font-size:23px;letter-spacing:-.5px;font-weight:750}
.profile-stats span{font-size:11px;display:flex;align-items:center;gap:5px;margin-top:4px}.profile-stats span .world-icon{width:11px;height:11px;color:#8b7956}
.profile-card>a{font-size:12px;font-weight:650;border-color:var(--line);padding-top:12px}.profile-card>a .world-icon{width:12px;height:12px}
.section-title{margin-bottom:16px}.section-title h2{font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:9px}
.section-heading-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:#817049;flex:none}.section-heading-icon .world-icon{width:13px;height:13px}
.section-title a,.section-title button{font-size:11px;font-weight:600;color:var(--muted)}.section-title a:hover{color:var(--cobalt)}
.game-card{border:0;border-radius:16px;box-shadow:var(--card-line);background:white}
.game-card:hover{transform:translateY(-2px);box-shadow:var(--card-line),0 4px 12px #1e180a0b}
.game-image{height:127px;margin:8px 8px 0;border-radius:11px;background:var(--soft)}
.game-tag{border-radius:8px!important;font-size:9px!important;background:#fffbf2ed!important;display:flex;align-items:center;gap:4px}.game-tag .world-icon{width:9px;height:9px}
.game-card-body{padding:13px 15px 15px}.game-title{display:flex;gap:7px;align-items:center}.game-title .world-icon{width:13px;height:13px;color:#776b53;flex:none}
.game-card h3{font-size:15px;line-height:1.25;font-weight:750;letter-spacing:-.15px;margin:0}
.game-card p{font-size:12px;line-height:1.55;margin-top:7px;color:var(--muted)}
.game-card-footer{font-size:10px;margin-top:14px}.game-card-footer>span{display:flex;gap:5px;align-items:center}.game-card-footer .world-icon{width:11px;height:11px}
.friends-panel h2{font-size:16px}.friends-panel .section-heading-icon{display:none}.friends-panel .section-title{gap:5px}.friends-panel .section-title a{font-size:10px;white-space:nowrap}
.friend-avatar{border-radius:10px;font:750 15px/1 World Sans,Arial,sans-serif;background:#ece3ce;color:#6b5d40}.friend-avatar.blue{background:#e8ebff;color:#4e5fc1}.friend-avatar.rose{background:#f7e8e1;color:#9c6853}
.friend-avatar:after{background:var(--cobalt)}.friend-detail strong{font-size:12px;font-weight:650}.friend-detail span{font-size:10px;margin-top:3px}
.friend-row{margin-bottom:17px}.friend-row>.icon-button{border-radius:9px;background:var(--soft)}.friend-row>.icon-button .world-icon{width:12px;height:12px}
.friends-panel>.btn{min-height:36px;font-size:11px}.tiny-caption{font-size:10px;margin-top:10px}
.guide-list{border:0;border-radius:16px;box-shadow:var(--card-line)}
.guide-row{padding:16px 17px;border-color:#eee7da}.guide-row:hover{background:#fffbf5}.guide-symbol,.guide-symbol.blue,.guide-symbol.sand{background:var(--soft);color:#84734f;border-radius:10px;width:35px;height:35px}.guide-symbol.blue{background:#edf0ff;color:#6977b0}
.guide-symbol .world-icon{width:16px;height:16px}.guide-row h3{font-size:13px;font-weight:700;margin-bottom:4px}.guide-row p{font-size:11px}.guide-row>svg{width:12px;height:12px}
.journal-teaser{background:var(--soft);border:0;border-radius:16px;box-shadow:var(--card-line);padding:20px}
.journal-teaser h3{font:800 25px/1.1 World Sans,Arial,sans-serif;letter-spacing:-.5px;max-width:145px;margin:13px 0 10px}.journal-teaser p{font-size:11px;line-height:1.6}.journal-teaser a{font-size:11px;gap:12px}
.journal-teaser .label{display:flex;gap:6px;color:#817049}.journal-teaser .label .world-icon{width:12px;height:12px}
.journal-teaser img{top:20px;right:-25px;width:140px;height:160px}
.filters{gap:4px}.filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:12px;font-weight:650;padding:8px 12px;background:none;color:var(--muted);border-radius:999px}
.filter .world-icon{width:12px;height:12px;opacity:.78}.filter.active{background:var(--soft);color:var(--ink)}.filter:hover{background:var(--soft);color:var(--ink)}
.tabs{border:0;background:var(--soft);padding:4px;border-radius:14px;gap:3px;overflow:auto}
.tabs button{display:flex;align-items:center;gap:7px;font-size:13px;min-height:42px;padding:10px 17px;border:0;border-radius:10px;font-weight:650;color:var(--muted)}
.tabs button.active{background:white;box-shadow:0 1px 3px #1e180a24;color:var(--ink)}.tabs .world-icon{width:13px;height:13px}
.text-field,.select{background:white;border:1px solid var(--line);border-radius:12px;font-size:13px;min-height:44px;color:var(--ink)}.inline-search{width:250px}.inline-search .world-icon{width:14px;height:14px;top:15px}
.intro-note,.intro-note.blue{border:0;border-radius:11px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.6;padding:12px 14px}.intro-note .world-icon{width:13px;height:13px;color:#8c7b56}
.directory-grid .game-image{height:175px}.directory-grid .game-card-body{padding:17px}.directory-grid h3{font-size:17px}.directory-grid p{font-size:13px}.directory-grid .game-card-footer{font-size:11px}
.guide-tile{border:0;box-shadow:var(--card-line);border-radius:16px;background:white}.guide-tile:hover{background:white;box-shadow:var(--card-line),0 4px 12px #1e180a0b}
.guide-tile h3{font-size:17px;font-weight:750}.guide-tile p{font-size:13px;color:var(--muted)}.guide-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px}.guide-meta .world-icon{width:11px;height:11px}
.panel h2{font-size:20px;font-weight:800;letter-spacing:-.4px}.panel>.muted{font-size:13px}.stat-box{border:0;box-shadow:var(--card-line);border-radius:16px;padding:22px}
.stat-box>.world-icon{color:#82714d;width:18px;height:18px}.stat-box strong{font-weight:750;font-size:29px}.stat-box span{font-size:12px}
.quest>div{font-size:13px}.quest p{font-size:12px}.quest strong{font-weight:700}.activity strong{font-size:13px;font-weight:650}.activity p{font-size:12px}.activity>.world-icon{width:14px;height:14px;color:#84714e}
.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.item-card{position:relative;border:0;border-radius:16px;box-shadow:var(--card-line);background:white}
.item-art{height:190px;margin:8px 8px 0;border-radius:12px;background:#e7dfca;position:relative;overflow:hidden}.item-art img{width:100%;height:100%;padding:10px 14px;object-fit:contain}
.item-kind{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:5px;border-radius:8px;padding:4px 6px;background:#fffbf2e8;font-size:10px;color:#655c47;z-index:1}.item-kind .world-icon{width:10px;height:10px}
.owned-tag{display:inline-flex;gap:4px;align-items:center;position:absolute;bottom:10px;right:10px;border-radius:20px;padding:4px 8px;background:white;box-shadow:0 1px 3px #1e180a20;font-size:10px;font-weight:650;color:var(--ink);z-index:1}.owned-tag .world-icon{width:10px;height:10px}
.item-info{padding:16px}.item-info h3{font-size:17px;line-height:1.2;font-weight:750;letter-spacing:-.2px}.item-info p{font-size:13px;line-height:1.55;margin-top:8px;margin-bottom:16px}.item-info .btn{min-height:40px;font-size:12px}
.item-info .equipped{color:var(--cobalt);background:#eceeff}.item-card.selected-item{box-shadow:inset 0 0 0 1.5px #a9b2ff}.item-card.selected-item .owned-tag{background:#fff;color:var(--cobalt)}
.collection-summary{display:flex;gap:18px;align-items:center;padding:20px 22px;background:var(--soft);border-radius:16px;box-shadow:var(--card-line);margin:22px 0 18px;min-width:0}
.collection-summary .avatar{height:66px;width:66px;background:#e9e0ca;box-shadow:none;border-radius:13px;flex-shrink:0}.collection-summary .avatar img{width:95%;height:95%;object-fit:contain}
.collection-summary h2{font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.3px;margin:4px 0 5px}.collection-summary p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.collection-summary .label{font-size:10px;color:#837452}.collection-summary>.btn{margin-left:auto;flex-shrink:0;font-size:12px;background:#fff}
.world-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.world-shortcut{display:flex;gap:10px;align-items:center;background:white;border-radius:12px;box-shadow:var(--card-line);padding:13px 15px;font-size:12px;font-weight:650;min-width:0}
.world-shortcut:hover{background:var(--soft)}.world-shortcut>.world-icon{width:17px;height:17px;color:#82714d}.world-shortcut>span{min-width:0}.world-shortcut small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.world-shortcut .shortcut-arrow{width:10px;height:10px;margin-left:auto;color:#8e9298}
.setting-row strong{display:flex;align-items:center;gap:8px;font-weight:700}.setting-row strong .world-icon{width:13px;height:13px;color:#8c7a57}.setting-row p{font-size:12px}.toggle[aria-checked=true]{background:var(--cobalt)}
.big-avatar h2{font:800 26px/1.2 World Sans,Arial,sans-serif}.form-grid label{font-size:13px;font-weight:650}.form-grid small{font-size:11px;color:var(--muted)}
.table-wrap{border:0;box-shadow:var(--card-line);border-radius:16px}th{font-size:11px;background:var(--soft);color:var(--muted);border-color:var(--line)}td{font-size:13px;border-color:#eee7da}.rank.top{font:750 15px/1.3 World Sans,Arial,sans-serif;color:#9a7a41}.you-row{background:#f0f1ff}.you-flag{color:var(--cobalt)}
.friend-card{border:0;box-shadow:var(--card-line);border-radius:16px}.friend-card .friend-avatar{font:750 20px/1 World Sans,Arial,sans-serif}.friend-card .friend-detail strong{font-size:15px}.friend-card>p{font-size:12px}
.map-explore{border:0;border-radius:18px;background:#e5edf1;box-shadow:inset 0 0 0 1px #dce4e7}.map-canvas{background:none}.map-island{border-color:#d5ccaf;background:#ede2c3}.map-island:nth-child(2n){background:#e8e0cf}.map-island .world-icon{color:#8a7750}.map-island strong{font-weight:750}.map-island span{font-size:10px;color:#6b6456}
.empty-state{border:0;background:var(--soft);border-radius:16px;box-shadow:var(--card-line)}.empty-state h2{font-weight:800}.empty-state p{font-size:13px}.empty-state>.world-icon{color:#86734f}
dialog{border:0;border-radius:18px;background:var(--paper);box-shadow:0 16px 60px #1e180a47}.dialog-top{background:var(--paper);border-color:var(--line);font-weight:650;font-size:12px}.article h2{font:800 30px/1.15 World Sans,Arial,sans-serif;letter-spacing:-.6px}.article h3{font-size:17px;font-weight:750;display:flex;gap:8px;align-items:center}.article h3 .world-icon{width:14px;height:14px;color:#8d7951}.article p,.article li{font-size:14px;line-height:1.8;color:var(--muted)}.article .lead{font-size:15px}.article-label{display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:.2px;font-size:11px}.article-label .world-icon{width:12px;height:12px;color:#8d7951}
.search-box{font-size:21px}.search-result{border-radius:10px;padding:15px 10px}.search-result:hover{background:var(--soft)}.search-result>.world-icon{width:16px;height:16px;color:#89764e}.search-result strong{font-size:14px;font-weight:700}.search-result span{font-size:12px;color:var(--muted)}
#toast{border-radius:12px;background:var(--ink);font-size:13px}.page-footer{font-size:11px;color:var(--muted);border-color:var(--line)}.page-footer>span:first-child{font-weight:600}.page-footer b{font-weight:400}
@media(min-width:1600px){.hero h2{font-size:40px}.game-image{height:160px}.profile-card{padding:24px}.hero p{font-size:14px}.hero-copy{padding:34px 38px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.hero-copy{padding:24px}.hero h2{font-size:31px}.hero p{font-size:12px}.game-card-body{padding:12px}.game-card h3{font-size:14px}.game-card p{font-size:11px}.game-image{height:115px}.section-title h2{font-size:18px}.friends-panel h2{font-size:15px}.profile-card{padding:19px}.profile-stats{gap:24px}.profile-stats strong{font-size:21px}.profile-stats span{font-size:10px}.world-shortcut{padding:12px;gap:8px}.world-shortcut small{font-size:9px}.world-shortcut .shortcut-arrow{display:none}.world-shortcuts{gap:10px}}
@media(max-width:1000px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:34px}.collection-summary{padding:17px;gap:13px}.collection-summary>.btn{font-size:11px;padding:9px 12px}.collection-summary h2{font-size:17px}}
@media(max-width:760px){
  .topbar{height:67px;padding:0 17px;gap:7px}.header-right{gap:7px}.preview-mark{font-size:9px;padding:5px 7px}.preview-mark:before{width:4px;height:4px}.search-trigger{font-size:12px;gap:8px}.search-trigger .world-icon{width:13px;height:13px}.icon-button{min-height:38px;min-width:38px}.menu-toggle{background:var(--soft)}
  main{padding:27px 18px 10px}.page-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.6px}.page-heading p{font-size:13px;line-height:1.55;max-width:100%}.page-heading{flex-wrap:wrap;gap:16px}.page-heading .btn{font-size:12px;min-height:40px;padding:10px 13px}.page-heading>div{width:100%}.page-heading .btn .world-icon{width:12px;height:12px}
  .hero{min-height:0;grid-template-columns:1fr;border-radius:18px}.hero-copy{padding:26px 24px 16px}.hero h2{font-size:34px;line-height:1.1;letter-spacing:-.6px;margin-top:15px}.hero p{font-size:13px;line-height:1.7;max-width:300px;margin-bottom:19px}.hero .btn{font-size:12px;min-height:42px}.hero-art{height:180px}.hero-art:after{background:linear-gradient(180deg,#e8eff3 0%,transparent 25%)}.photo-caption{font-size:10px;bottom:12px}.hero .label{font-size:11px}
  .world-shortcuts{gap:10px;margin-top:17px}.world-shortcut{padding:13px 12px;gap:10px;font-size:12px;min-height:61px}.world-shortcut>.world-icon{width:17px;height:17px}.world-shortcut small{font-size:10px}.world-shortcut .shortcut-arrow{display:none}
  .section-title h2{font-size:19px;gap:8px}.section-heading-icon{width:27px;height:27px;border-radius:9px}.section-heading-icon .world-icon{width:12px;height:12px}.section-title a{font-size:11px;gap:5px}.section-title a>.world-icon{width:11px;height:11px}
  .content-columns{margin-top:27px}.game-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid .game-card:last-child{display:none}.game-image{height:115px;margin:7px 7px 0;border-radius:10px}.game-card-body{padding:12px 11px 13px}.game-card h3{font-size:14px}.game-title{align-items:flex-start;gap:6px}.game-title .world-icon{width:12px;height:12px;margin-top:2px}.game-card p{font-size:12px;line-height:1.55;margin-top:7px}.game-card-footer{font-size:10px;gap:5px;margin-top:13px}.game-card-footer>span .world-icon{display:none}.game-tag{font-size:8px!important;gap:3px;padding:3px 5px!important;left:5px!important;bottom:6px!important}.game-tag .world-icon{width:8px;height:8px}
  .friends-panel{padding:19px}.friends-panel h2{font-size:19px}.friends-panel .friend-row{margin-bottom:16px}.friend-detail strong{font-size:14px}.friend-detail span{font-size:12px}.friend-row>.icon-button{width:40px;height:40px;border-radius:11px}.friends-panel>.btn{font-size:12px;min-height:42px}.tiny-caption{font-size:11px}
  .guide-row{padding:16px;gap:13px}.guide-row h3{font-size:14px;line-height:1.35}.guide-row p{font-size:12px}.guide-row>svg{width:12px;height:12px}.guide-symbol{width:35px;height:35px}.guide-symbol .world-icon{width:15px;height:15px}
  .journal-teaser{padding:23px;min-height:202px}.journal-teaser h3{font-size:29px;line-height:1.08;max-width:190px}.journal-teaser p{font-size:12px}.journal-teaser img{top:23px;right:5px;width:155px;height:165px}.journal-teaser a{font-size:12px;min-height:32px}.journal-teaser .label{font-size:11px}
  .filters{gap:3px}.filter{font-size:12px;min-height:40px;padding:9px 10px;gap:6px}.filter .world-icon{width:11px;height:11px}.tabs button{font-size:12px;padding:10px 13px;min-height:42px}.tabs .world-icon{width:12px;height:12px}
  .inventory-grid{gap:13px}.item-art{height:153px;margin:7px 7px 0;border-radius:11px}.item-art img{padding:12px 7px}.item-info{padding:14px}.item-info h3{font-size:16px;line-height:1.25}.item-info p{font-size:12px;line-height:1.5;margin-top:7px;margin-bottom:15px}.item-info .btn{min-height:42px;font-size:11px;gap:6px;padding:9px 8px;white-space:normal}.item-info .btn .world-icon{width:11px;height:11px}.item-kind{font-size:9px;padding:3px 5px;top:7px;left:7px;gap:4px}.item-kind .world-icon{width:9px;height:9px}.owned-tag{font-size:9px;bottom:7px;right:7px;padding:3px 6px}.owned-tag .world-icon{width:9px;height:9px}
  .collection-summary{gap:12px;padding:17px;flex-wrap:wrap;margin-top:20px}.collection-summary .avatar{width:58px;height:58px}.collection-summary h2{font-size:18px}.collection-summary p{font-size:12px}.collection-summary>.btn{margin-left:0;width:100%;min-height:40px}.collection-summary>div:nth-child(2){max-width:calc(100% - 72px)}
  .panel{padding:20px}.panel h2{font-size:20px}.stat-box{padding:20px}.stat-box strong{font-size:27px}.stat-box span{font-size:12px}.intro-note,.intro-note.blue{font-size:12px;align-items:flex-start;gap:8px}.intro-note .world-icon{margin-top:3px;flex:none}
  .guide-tile{padding:20px;gap:13px}.guide-tile h3{font-size:17px}.guide-tile p{font-size:13px}.guide-meta{font-size:11px;gap:5px}.guide-meta .world-icon{width:10px;height:10px}
  .directory-grid .game-image{height:160px}.directory-grid .game-card-body{padding:15px}.directory-grid h3{font-size:16px}.directory-grid p{font-size:13px}.directory-grid .game-card-footer{font-size:11px}
  .article h2{font-size:27px}.article h3{font-size:17px}.article p,.article li{font-size:14px}.article .lead{font-size:15px}.page-footer{font-size:10px;line-height:1.8}.page-footer b{display:block;margin:2px 0 0}.friend-card .friend-detail strong{font-size:14px}.friend-card .friend-detail span{font-size:11px}.form-grid small{font-size:12px}.setting-row p{font-size:12px}
}
@media(max-width:400px){.page-heading h1{font-size:26px}.section-title h2{font-size:18px}.section-heading-icon{display:none}.hero-copy{padding:24px 22px 15px}.hero h2{font-size:32px}.game-card-body{padding:12px 10px}.game-card h3{font-size:13px}.game-title .world-icon{width:11px;height:11px}.game-card p{font-size:11px}.game-grid{gap:10px}.game-card-footer{font-size:9px}.item-info{padding:12px}.item-info h3{font-size:15px}.item-art{height:140px}.inventory-grid{gap:11px}.item-info .btn{font-size:10px}.journal-teaser img{width:127px;right:-7px;top:30px}.journal-teaser h3{font-size:27px;max-width:150px}.world-shortcut{gap:8px;padding:12px 10px}.world-shortcut>svg{width:15px;height:15px}.world-shortcut small{font-size:9px}.hero-art{height:165px}.preview-mark{font-size:8px;padding:5px 6px}}

/* Profile pictures follow the same cream frames and cobalt details as the World shop. */
.profile-picture{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:0;flex:0 0 auto;overflow:visible;border:1px solid #e2d9c6;border-radius:12px;background:#f1eadb;color:#6b5d40;box-shadow:none;vertical-align:middle}
.profile-picture-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:inherit;font:700 17px/1 World Sans,Arial,sans-serif}
.profile-picture .profile-picture-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;padding:0;object-fit:cover;border-radius:inherit;background:#f5efe2;image-rendering:auto}
.profile-picture .profile-picture-image.is-character{object-fit:contain;padding:3px;background:#f1eadb}
.profile-picture--small{width:32px;height:32px;border-radius:9px}.profile-picture--small .profile-picture-initial{font-size:13px}
.profile-picture--large{width:56px;height:56px;border-radius:15px}.profile-picture--hero{width:76px;height:76px;border-radius:19px}
.profile-picture--hero .profile-picture-initial{font-size:29px}.profile-picture-no-presence:after{display:none}
.header-right [data-profile-avatar-slot]{display:flex;width:100%;height:100%}.header-right .avatar.small:has([data-profile-avatar-slot]){overflow:visible;box-shadow:none;background:transparent}
.profile-card-head>.profile-picture{width:46px;height:46px;border-radius:13px}.friend-card .profile-picture{width:48px;height:48px;border-radius:13px}.big-avatar .profile-picture{width:76px;height:76px;border-radius:19px}
.request-person{display:flex;align-items:center;gap:14px}.challenge-people{display:flex;gap:13px;align-items:center;margin:16px 0 20px}.challenge-people h2{margin:0;flex:1;min-width:0}.challenge-people .profile-picture{width:40px;height:40px;border-radius:11px}
.discovery-note{display:flex;gap:17px;align-items:flex-start;margin:26px 0 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:#f5efe2}.discovery-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#ebe3cf;color:#736348}.discovery-note h2{margin:0 0 6px;font-size:18px;letter-spacing:-.3px}.discovery-note p{margin:0;max-width:72ch;color:var(--muted);font-size:13px;line-height:1.7}
.catalog-page-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}.catalog-page-summary>span{color:var(--muted);font-size:12px;line-height:1.6}.catalog-page-summary .pagination{margin:0;gap:12px}.pagination{flex-direction:row}.pagination .btn{min-height:42px;min-width:86px}.result-label .btn{font-size:12px;min-height:36px}.fish-intro p strong{font-weight:650;color:var(--ink)}
@media(max-width:600px){.catalog-page-summary>span{width:100%}.catalog-page-summary .pagination{width:100%;justify-content:space-between}.discovery-note{gap:12px;padding:19px}.discovery-symbol{flex-basis:34px;width:34px;height:34px;border-radius:9px}.discovery-note h2{font-size:16px}.discovery-note p{font-size:12px}.challenge-people{gap:9px}.challenge-people .profile-picture{width:34px;height:34px}.challenge-people h2{font-size:23px}}

.header-right>.avatar:not([hidden]){display:flex}
@media(max-width:600px){.header-right:has(>.avatar:not([hidden])) .preview-mark{display:none}}

.header-right>.avatar.small:has([data-profile-avatar-slot]){width:44px;height:44px;border-radius:12px}.header-right [data-profile-avatar-slot]>.profile-picture{width:100%;height:100%;border-radius:12px}

/* Account shopping follows the native paper and cobalt shop. */
.home-purchase{margin:28px 0 16px;padding:22px;background:#f3efe3;border:1px solid #d6d1c5;border-radius:14px}.home-purchase h3{margin:0;font-size:21px}.purchase-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.purchase-title>span{font-size:12px;color:#555d6a;margin-left:auto}.purchase-price{display:flex;flex-direction:column;gap:6px;margin:20px 0}.purchase-price>strong{font-size:30px;line-height:1.15;color:#244db8}.purchase-price>span,.purchase-sync{font-size:13px;color:#555d6a}.purchase-sync{display:flex;gap:8px;align-items:flex-start;margin-bottom:0!important}.purchase-terms{padding:12px 0}.purchase-terms summary{cursor:pointer;font-weight:600}.purchase-terms p{font-size:14px}.purchase-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:14px 0}.purchase-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#244db8}.purchase-reference{font-size:13px;overflow-wrap:anywhere}.purchase-reference code{font-family:inherit;font-size:inherit}.purchase-error{border-left:3px solid #a84832;padding:10px 14px;background:#faeee6;color:#7b2f20}.home-purchase .btn{min-height:44px}.home-purchase h3 .icon{margin-right:8px}@media(max-width:480px){.home-purchase{padding:16px}.purchase-title>span{margin-left:0;width:100%}.purchase-price>strong{font-size:26px}}

/* World records and public player cards. */
.person-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;padding:3px 0;color:inherit;text-align:left;background:none;border:0;border-radius:8px;font:inherit;cursor:pointer}.person-link>span:last-child{display:flex;flex-direction:column;min-width:0}.person-link strong{font-size:14px;overflow-wrap:anywhere}.person-link small{font-size:11px;color:var(--blue)}button.person-link:hover strong{text-decoration:underline;text-underline-offset:4px}button.person-link:focus-visible{outline:2px solid #244db8;outline-offset:5px}.person-unlinked{cursor:default}.friend-location{font-size:12px;color:var(--muted);margin-left:auto}.friend-card .friend-row{flex-wrap:wrap}.ranking-overview{display:flex;align-items:center;gap:24px;border-block:1px solid #ddd7cb;padding:19px 0;margin:22px 0}.ranking-overview>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.ranking-overview strong{font-size:24px}.ranking-overview>p{font-size:12px;color:#606775;max-width:360px;margin-left:auto}.ranking-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ranking-category-tabs button{min-height:44px;padding:9px 15px;border:1px solid #d4d0c6;border-radius:7px;background:#fffdf7;color:#29313e;font:inherit;font-size:13px;cursor:pointer}.ranking-category-tabs button.active{background:#244db8;border-color:#244db8;color:white}.ranking-selects{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:18px;margin:22px 0}.ranking-selects label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}.ranking-selects select,.ranking-selects input{width:100%;min-width:0;min-height:46px}.ranking-board{margin-top:28px}.ranking-board-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.ranking-board-heading h2{font-size:24px;margin:0}.ranking-board-heading p,.ranking-board-heading>span{font-size:12px;color:#606775}.ranking-your-result{display:flex;align-items:center;gap:12px;background:#e9edfa;border-radius:10px;padding:14px 18px;margin-bottom:17px;font-size:14px}.ranking-your-result>strong{margin-left:auto}.ranking-no-match{padding:22px}.ranking-board tbody tr[hidden]{display:none}.player-profile-head{display:flex;align-items:center;gap:20px}.player-profile-head h2{margin:0!important}.player-profile-head p{margin:6px 0!important}.player-level{font-size:13px;color:#606775}.player-bio{border-left:3px solid #c6b382;padding-left:16px;margin:24px 0}.player-public-x{display:inline-flex;gap:8px;align-items:center;margin:16px 0;color:#244db8}.player-showcase{margin:25px 0}.player-showcase>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-showcase>div>div{display:flex;align-items:center;gap:12px;border:1px solid #ded8cc;border-radius:10px;padding:15px;min-width:0}.player-showcase img{width:48px;height:48px;object-fit:contain}.player-showcase strong{display:block;font-size:15px}.player-showcase small{display:block;font-size:12px;color:#606775}.player-achievements{display:flex;gap:10px;flex-wrap:wrap}.player-achievements>span{display:flex;gap:8px;align-items:center;font-size:13px}.player-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.player-more{border-top:1px solid #ded8cc;padding-top:18px;margin-top:24px}.player-more summary{cursor:pointer;font-size:14px}.player-more .friend-actions{margin-top:15px}.player-chat{margin:25px 0;padding:20px;background:#f4f0e6;border-radius:12px}.player-chat-lines{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto;margin:18px 0}.player-chat-lines>div{max-width:88%;align-self:flex-start;padding:12px 15px;border-radius:10px;background:#fffdf8;overflow-wrap:anywhere}.player-chat-lines>div.mine{align-self:flex-end;background:#e4eafb}.player-chat-lines small{display:block;font-size:10px;margin-top:7px;color:#606775}.player-chat form label,.player-more form label{display:flex;flex-direction:column;gap:10px;margin:18px 0;font-size:13px}.challenge-card{display:block;padding:0!important}.challenge-card-main{display:flex;align-items:stretch;gap:17px;width:100%;padding:10px;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.challenge-person-footer{border-top:1px solid #e6e0d5;padding:8px 16px}.challenge-person-footer .person-link strong{font-size:12px}.challenge-players .person-link{flex-direction:column;text-align:center}.challenge-players .person-link>span:last-child{align-items:center}@media(max-width:600px){.ranking-overview{flex-wrap:wrap;gap:15px}.ranking-overview>p{margin:0;width:100%}.ranking-selects{grid-template-columns:1fr}.ranking-board-heading{align-items:flex-start;flex-direction:column;gap:0}.ranking-board-heading h2{font-size:22px}.ranking-your-result{font-size:12px;padding:12px;gap:8px}.ranking-board td{padding:12px 9px}.ranking-board td:last-child{white-space:nowrap;font-size:12px}.ranking-board .person-link{gap:7px}.ranking-board .person-link strong{font-size:12px}.player-profile-head{gap:12px;align-items:flex-start}.player-profile-head h2{font-size:24px!important}.player-showcase>div{grid-template-columns:1fr}.player-chat{padding:14px}.friend-location{width:100%;margin-left:0}.challenge-card-main{gap:13px}.challenge-person-footer{padding:8px 12px}}

.challenge-person-footer{display:flex;align-items:center;gap:12px}.challenge-person-footer>span{font-size:11px;color:#606775}.challenge-detail-people .person-link{gap:12px}.challenge-detail-people .person-link strong{font-size:20px}.challenge-versus .person-link strong{font-size:13px}

.ranking-board .table-wrap table{min-width:0;width:100%;table-layout:fixed}.ranking-board th:first-child,.ranking-board td:first-child{width:58px}.ranking-board th:last-child,.ranking-board td:last-child{width:160px;text-align:right}.ranking-board td:nth-child(2){min-width:0}.ranking-board td .person-link{width:100%}@media(max-width:600px){.ranking-board th:first-child,.ranking-board td:first-child{width:34px}.ranking-board th:last-child,.ranking-board td:last-child{width:86px}.ranking-board th{font-size:11px;white-space:normal}.ranking-board td .person-link{gap:6px}.ranking-board .person-link strong{font-size:11px}}

@media(max-width:600px){.ranking-board td:last-child{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}}
