@charset "UTF-8";
/* Small silver cartouches: ornament belongs to the contour, not a large slab. */
:root{
 --atelier-control-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 64'%3E%3Cg fill='none' stroke='%2394a299' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23fffdf8' fill-opacity='.58' d='M28 11H94L110 5L126 11H192Q196 11 196 16V21C204 19 210 25 211 32C210 39 204 45 196 43V48Q196 53 192 53H126L110 59L94 53H28Q24 53 24 48V43C16 45 10 39 9 32C10 25 16 19 24 21V16Q24 11 28 11Z'/%3E%3Cpath opacity='.55' d='M33 16H90M130 16H187M33 48H90M130 48H187M18 26C12 27 13 35 19 35C24 35 25 29 21 29M202 38C208 37 207 29 201 29C196 29 195 35 199 35'/%3E%3Cpath d='m110 10 3 3-3 3-3-3Zm0 38 3 3-3 3-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
}
.pool-panel .draw-actions{justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}
.pool-panel .draw-actions>[data-rarity-draw],
#arrival-dialog .entry-actions #entry-enter{
 position:relative;isolation:isolate;flex:0 0 auto;
 width:112px;min-width:112px;max-width:100%;height:44px;min-height:44px;
 padding:0 15px;gap:6px;border:0;border-radius:0;
 background:transparent;box-shadow:none;color:var(--ink,#53645b);
 font:400 11px/1.4 var(--serif);letter-spacing:.08em;
 transform:none;white-space:nowrap;
}
.pool-panel .draw-actions>[data-rarity-draw]:before,
#arrival-dialog .entry-actions #entry-enter:before{
 content:"";position:absolute;inset:6px 0;z-index:-1;pointer-events:none;
 background:var(--atelier-control-frame) center/100% 100% no-repeat;
 transition:opacity .18s,filter .18s;
}
.pool-panel .draw-actions>[data-rarity-draw="3"]{width:104px;min-width:104px}
.pool-panel .draw-actions>[data-rarity-draw="3"]:before{opacity:.62}
.pool-panel .draw-actions>[data-rarity-draw]>span{
 font:400 8px/1 var(--ui);letter-spacing:.04em;color:var(--muted);
 border:0;padding:0;margin:0;
}
.pool-panel .draw-actions>[data-rarity-draw]:hover,
#arrival-dialog .entry-actions #entry-enter:hover{background:transparent;box-shadow:none;transform:none}
.pool-panel .draw-actions>[data-rarity-draw]:hover:before,
#arrival-dialog .entry-actions #entry-enter:hover:before{opacity:1;filter:brightness(.94)}
.pool-panel .draw-actions>[data-rarity-draw]:disabled{opacity:.45;cursor:default}
.pool-panel .draw-actions>[data-rarity-draw]:focus-visible,
#arrival-dialog .entry-actions #entry-enter:focus-visible{outline:none}
.pool-panel .draw-actions>[data-rarity-draw]:focus-visible:before,
#arrival-dialog .entry-actions #entry-enter:focus-visible:before{opacity:1;filter:drop-shadow(0 0 1px #60765f99)}
#arrival-dialog .entry-actions{gap:14px}
#arrival-dialog .entry-actions #entry-skip{
 min-width:64px;min-height:44px;height:44px;padding:0 5px;
 font:400 10px/1.4 var(--ui);letter-spacing:.06em;
 background:none;border:0;box-shadow:none;
}

/* Quiet exhibition navigation, with a single fine selected line. */
:root[data-theme] .app-toolbar>.app-nav,
:root[data-theme] .gallery-heading>.study-nav{
 padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:12px;
}
:root[data-theme] .app-toolbar>.app-nav button,
:root[data-theme] .gallery-heading>.study-nav button{
 position:relative;flex:0 0 auto;min-width:44px;min-height:44px;height:44px;
 padding:0 6px;border:0;border-radius:0;background:none;box-shadow:none;
 font:400 10px/1.4 var(--ui);letter-spacing:.08em;color:var(--muted);
}
:root[data-theme] .app-toolbar>.app-nav button[aria-current],
:root[data-theme] .gallery-heading>.study-nav button[aria-pressed="true"]{background:none;box-shadow:none;color:var(--ink)}
.app-toolbar>.app-nav button[aria-current]:after,
.gallery-heading>.study-nav button[aria-pressed="true"]:after{
 content:"";position:absolute;left:calc(50% - 10px);right:auto;bottom:5px;
 width:20px;height:1px;background:var(--accent);opacity:.6;
}
.gallery-heading>.study-nav{justify-content:center;flex-wrap:wrap}
.pool-panel #last-results,.page-footer #replay-arrival{
 width:max-content;min-height:44px;padding:0 6px;
 font:400 10px/1.5 var(--ui);letter-spacing:.04em;background:none;box-shadow:none;
}
.page-footer #replay-arrival{font-size:9px}
.pool-panel .effect-preview-options{gap:10px}
.pool-panel .effect-preview-options button{
 position:relative;min-width:44px;min-height:44px;border:0;border-radius:0;
 background:none;box-shadow:none;font:italic 16px/1 Didot,serif;
}
.pool-panel .effect-preview-options button:after{
 content:"";position:absolute;left:15px;right:15px;bottom:5px;height:1px;
 background:currentColor;opacity:.3;
}
.pool-panel .effect-preview-options button:hover{background:none}
:root[data-theme="dark"] .pool-panel .draw-actions>[data-rarity-draw]:before,
:root[data-theme="dark"] #arrival-dialog .entry-actions #entry-enter:before{filter:brightness(1.1);opacity:.75}
:root[data-theme="dark"] .pool-panel .draw-actions>[data-rarity-draw="3"]:before{opacity:.48}
:root[data-theme="dark"] .pool-panel .draw-actions>[data-rarity-draw]:hover:before,
:root[data-theme="dark"] #arrival-dialog .entry-actions #entry-enter:hover:before{filter:brightness(1.2);opacity:1}
:root[data-theme="dark"] .pool-panel .draw-actions>[data-rarity-draw]:focus-visible:before,
:root[data-theme="dark"] #arrival-dialog .entry-actions #entry-enter:focus-visible:before{filter:brightness(1.4) drop-shadow(0 0 1px #dae4d799);opacity:1}
@media(max-width:355px){
 :root[data-theme] .app-toolbar>.app-nav,:root[data-theme] .gallery-heading>.study-nav{gap:6px}
 .pool-panel .draw-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce){
 .pool-panel .draw-actions>[data-rarity-draw]:before,
 #arrival-dialog .entry-actions #entry-enter:before{transition:none}
}
@media(forced-colors:active){
 .pool-panel .draw-actions>[data-rarity-draw],#arrival-dialog .entry-actions #entry-enter{
  color:ButtonText!important;background:ButtonFace!important;border:1px solid ButtonText!important;
 }
 .pool-panel .draw-actions>[data-rarity-draw]:focus-visible,#arrival-dialog .entry-actions #entry-enter:focus-visible{outline:2px solid Highlight;outline-offset:2px}
 .pool-panel .draw-actions>[data-rarity-draw]:before,#arrival-dialog .entry-actions #entry-enter:before{display:none}
 :root[data-theme] .app-toolbar>.app-nav button,:root[data-theme] .gallery-heading>.study-nav button{color:ButtonText}
 .app-toolbar>.app-nav button[aria-current]:after,.gallery-heading>.study-nav button[aria-pressed="true"]:after{background:Highlight;opacity:1}
}